@tedi-design-system/angular 6.5.0-rc.8 → 6.5.0-rc.9

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 (566) hide show
  1. package/README.md +11 -11
  2. package/community/index.d.ts +1454 -9
  3. package/community/index.d.ts.map +1 -1
  4. package/fesm2022/tedi-design-system-angular-community.mjs +532 -529
  5. package/fesm2022/tedi-design-system-angular-community.mjs.map +1 -1
  6. package/fesm2022/tedi-design-system-angular-tedi.mjs +1377 -1392
  7. package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
  8. package/index.css +1 -1
  9. package/index.d.ts +3 -6
  10. package/index.d.ts.map +1 -0
  11. package/package.json +8 -8
  12. package/tedi/index.d.ts +6296 -8
  13. package/tedi/index.d.ts.map +1 -1
  14. package/community/components/buttons/floating-button/floating-button.component.d.ts +0 -30
  15. package/community/components/buttons/floating-button/floating-button.component.d.ts.map +0 -1
  16. package/community/components/buttons/floating-button/index.d.ts +0 -2
  17. package/community/components/buttons/floating-button/index.d.ts.map +0 -1
  18. package/community/components/buttons/index.d.ts +0 -2
  19. package/community/components/buttons/index.d.ts.map +0 -1
  20. package/community/components/cards/accordion/accordion/accordion.component.d.ts +0 -25
  21. package/community/components/cards/accordion/accordion/accordion.component.d.ts.map +0 -1
  22. package/community/components/cards/accordion/accordion-icon/accordion-icon.component.d.ts +0 -7
  23. package/community/components/cards/accordion/accordion-icon/accordion-icon.component.d.ts.map +0 -1
  24. package/community/components/cards/accordion/accordion-item/accordion-item.component.d.ts +0 -22
  25. package/community/components/cards/accordion/accordion-item/accordion-item.component.d.ts.map +0 -1
  26. package/community/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts +0 -13
  27. package/community/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts.map +0 -1
  28. package/community/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts +0 -50
  29. package/community/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts.map +0 -1
  30. package/community/components/cards/accordion/index.d.ts +0 -6
  31. package/community/components/cards/accordion/index.d.ts.map +0 -1
  32. package/community/components/cards/card/card-colors.directive.d.ts +0 -13
  33. package/community/components/cards/card/card-colors.directive.d.ts.map +0 -1
  34. package/community/components/cards/card/card-content/card-content.component.d.ts +0 -25
  35. package/community/components/cards/card/card-content/card-content.component.d.ts.map +0 -1
  36. package/community/components/cards/card/card-header/card-header.component.d.ts +0 -14
  37. package/community/components/cards/card/card-header/card-header.component.d.ts.map +0 -1
  38. package/community/components/cards/card/card-padding.directive.d.ts +0 -21
  39. package/community/components/cards/card/card-padding.directive.d.ts.map +0 -1
  40. package/community/components/cards/card/card-row/card-row.component.d.ts +0 -11
  41. package/community/components/cards/card/card-row/card-row.component.d.ts.map +0 -1
  42. package/community/components/cards/card/card.component.d.ts +0 -30
  43. package/community/components/cards/card/card.component.d.ts.map +0 -1
  44. package/community/components/cards/card/index.d.ts +0 -7
  45. package/community/components/cards/card/index.d.ts.map +0 -1
  46. package/community/components/cards/index.d.ts +0 -3
  47. package/community/components/cards/index.d.ts.map +0 -1
  48. package/community/components/form/checkbox/checkbox/checkbox.component.d.ts +0 -41
  49. package/community/components/form/checkbox/checkbox/checkbox.component.d.ts.map +0 -1
  50. package/community/components/form/checkbox/checkbox-card-group/checkbox-card-group.component.d.ts +0 -25
  51. package/community/components/form/checkbox/checkbox-card-group/checkbox-card-group.component.d.ts.map +0 -1
  52. package/community/components/form/checkbox/checkbox-group/checkbox-group.component.d.ts +0 -26
  53. package/community/components/form/checkbox/checkbox-group/checkbox-group.component.d.ts.map +0 -1
  54. package/community/components/form/checkbox/index.d.ts +0 -4
  55. package/community/components/form/checkbox/index.d.ts.map +0 -1
  56. package/community/components/form/choicegroup/choicegroup.directive.d.ts +0 -11
  57. package/community/components/form/choicegroup/choicegroup.directive.d.ts.map +0 -1
  58. package/community/components/form/file-dropzone/constants.d.ts +0 -13
  59. package/community/components/form/file-dropzone/constants.d.ts.map +0 -1
  60. package/community/components/form/file-dropzone/file-dropzone.component.d.ts +0 -141
  61. package/community/components/form/file-dropzone/file-dropzone.component.d.ts.map +0 -1
  62. package/community/components/form/file-dropzone/file.service.d.ts +0 -16
  63. package/community/components/form/file-dropzone/file.service.d.ts.map +0 -1
  64. package/community/components/form/file-dropzone/index.d.ts +0 -5
  65. package/community/components/form/file-dropzone/index.d.ts.map +0 -1
  66. package/community/components/form/file-dropzone/types.d.ts +0 -33
  67. package/community/components/form/file-dropzone/types.d.ts.map +0 -1
  68. package/community/components/form/file-dropzone/utils.d.ts +0 -7
  69. package/community/components/form/file-dropzone/utils.d.ts.map +0 -1
  70. package/community/components/form/form-field/form-field.component.d.ts +0 -6
  71. package/community/components/form/form-field/form-field.component.d.ts.map +0 -1
  72. package/community/components/form/index.d.ts +0 -11
  73. package/community/components/form/index.d.ts.map +0 -1
  74. package/community/components/form/input/input.component.d.ts +0 -22
  75. package/community/components/form/input/input.component.d.ts.map +0 -1
  76. package/community/components/form/input-group/input-group.component.d.ts +0 -38
  77. package/community/components/form/input-group/input-group.component.d.ts.map +0 -1
  78. package/community/components/form/radio/index.d.ts +0 -4
  79. package/community/components/form/radio/index.d.ts.map +0 -1
  80. package/community/components/form/radio/radio/radio.component.d.ts +0 -30
  81. package/community/components/form/radio/radio/radio.component.d.ts.map +0 -1
  82. package/community/components/form/radio/radio-card-group/radio-card-group.component.d.ts +0 -12
  83. package/community/components/form/radio/radio-card-group/radio-card-group.component.d.ts.map +0 -1
  84. package/community/components/form/radio/radio-group/radio-group.component.d.ts +0 -40
  85. package/community/components/form/radio/radio-group/radio-group.component.d.ts.map +0 -1
  86. package/community/components/form/search/search.component.d.ts +0 -115
  87. package/community/components/form/search/search.component.d.ts.map +0 -1
  88. package/community/components/form/select/index.d.ts +0 -4
  89. package/community/components/form/select/index.d.ts.map +0 -1
  90. package/community/components/form/select/multiselect.component.d.ts +0 -115
  91. package/community/components/form/select/multiselect.component.d.ts.map +0 -1
  92. package/community/components/form/select/select-option.component.d.ts +0 -26
  93. package/community/components/form/select/select-option.component.d.ts.map +0 -1
  94. package/community/components/form/select/select.component.d.ts +0 -87
  95. package/community/components/form/select/select.component.d.ts.map +0 -1
  96. package/community/components/form/textarea/textarea.component.d.ts +0 -17
  97. package/community/components/form/textarea/textarea.component.d.ts.map +0 -1
  98. package/community/components/helpers/index.d.ts +0 -2
  99. package/community/components/helpers/index.d.ts.map +0 -1
  100. package/community/components/helpers/progress-bar/index.d.ts +0 -2
  101. package/community/components/helpers/progress-bar/index.d.ts.map +0 -1
  102. package/community/components/helpers/progress-bar/progress-bar.component.d.ts +0 -13
  103. package/community/components/helpers/progress-bar/progress-bar.component.d.ts.map +0 -1
  104. package/community/components/navigation/breadcrumbs/breadcrumbs.component.d.ts +0 -48
  105. package/community/components/navigation/breadcrumbs/breadcrumbs.component.d.ts.map +0 -1
  106. package/community/components/navigation/index.d.ts +0 -6
  107. package/community/components/navigation/index.d.ts.map +0 -1
  108. package/community/components/navigation/pagination/pagination-page/pagination-page.component.d.ts +0 -10
  109. package/community/components/navigation/pagination/pagination-page/pagination-page.component.d.ts.map +0 -1
  110. package/community/components/navigation/pagination/pagination.component.d.ts +0 -23
  111. package/community/components/navigation/pagination/pagination.component.d.ts.map +0 -1
  112. package/community/components/navigation/pagination/pagination.utils.d.ts +0 -2
  113. package/community/components/navigation/pagination/pagination.utils.d.ts.map +0 -1
  114. package/community/components/navigation/table-of-contents/index.d.ts +0 -4
  115. package/community/components/navigation/table-of-contents/index.d.ts.map +0 -1
  116. package/community/components/navigation/table-of-contents/table-of-contents-item/table-of-contents-item.component.d.ts +0 -12
  117. package/community/components/navigation/table-of-contents/table-of-contents-item/table-of-contents-item.component.d.ts.map +0 -1
  118. package/community/components/navigation/table-of-contents/table-of-contents-nested-wrapper.component.d.ts +0 -11
  119. package/community/components/navigation/table-of-contents/table-of-contents-nested-wrapper.component.d.ts.map +0 -1
  120. package/community/components/navigation/table-of-contents/table-of-contents.component.d.ts +0 -76
  121. package/community/components/navigation/table-of-contents/table-of-contents.component.d.ts.map +0 -1
  122. package/community/components/navigation/tabs/index.d.ts +0 -4
  123. package/community/components/navigation/tabs/index.d.ts.map +0 -1
  124. package/community/components/navigation/tabs/tab/tab.component.d.ts +0 -21
  125. package/community/components/navigation/tabs/tab/tab.component.d.ts.map +0 -1
  126. package/community/components/navigation/tabs/tab-content/tab-content.component.d.ts +0 -9
  127. package/community/components/navigation/tabs/tab-content/tab-content.component.d.ts.map +0 -1
  128. package/community/components/navigation/tabs/tabs.component.d.ts +0 -19
  129. package/community/components/navigation/tabs/tabs.component.d.ts.map +0 -1
  130. package/community/components/navigation/vertical-stepper/index.d.ts +0 -3
  131. package/community/components/navigation/vertical-stepper/index.d.ts.map +0 -1
  132. package/community/components/navigation/vertical-stepper/vertical-stepper-item/vertical-stepper-item.component.d.ts +0 -25
  133. package/community/components/navigation/vertical-stepper/vertical-stepper-item/vertical-stepper-item.component.d.ts.map +0 -1
  134. package/community/components/navigation/vertical-stepper/vertical-stepper.component.d.ts +0 -9
  135. package/community/components/navigation/vertical-stepper/vertical-stepper.component.d.ts.map +0 -1
  136. package/community/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts +0 -20
  137. package/community/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts.map +0 -1
  138. package/community/components/overlay/dropdown/dropdown.component.d.ts +0 -20
  139. package/community/components/overlay/dropdown/dropdown.component.d.ts.map +0 -1
  140. package/community/components/overlay/dropdown-item/dropdown-item.component.d.ts +0 -35
  141. package/community/components/overlay/dropdown-item/dropdown-item.component.d.ts.map +0 -1
  142. package/community/components/overlay/index.d.ts +0 -5
  143. package/community/components/overlay/index.d.ts.map +0 -1
  144. package/community/components/overlay/modal/footer/modal-footer.component.d.ts +0 -23
  145. package/community/components/overlay/modal/footer/modal-footer.component.d.ts.map +0 -1
  146. package/community/components/overlay/modal/header/modal-header.component.d.ts +0 -15
  147. package/community/components/overlay/modal/header/modal-header.component.d.ts.map +0 -1
  148. package/community/components/overlay/modal/index.d.ts +0 -4
  149. package/community/components/overlay/modal/index.d.ts.map +0 -1
  150. package/community/components/overlay/modal/modal.component.d.ts +0 -23
  151. package/community/components/overlay/modal/modal.component.d.ts.map +0 -1
  152. package/community/components/table/index.d.ts +0 -2
  153. package/community/components/table/index.d.ts.map +0 -1
  154. package/community/components/table/table-styles/table-styles.component.d.ts +0 -11
  155. package/community/components/table/table-styles/table-styles.component.d.ts.map +0 -1
  156. package/community/components/tags/index.d.ts +0 -3
  157. package/community/components/tags/index.d.ts.map +0 -1
  158. package/community/components/tags/status-badge/status-badge.component.d.ts +0 -57
  159. package/community/components/tags/status-badge/status-badge.component.d.ts.map +0 -1
  160. package/community/components/tags/tag/tag.component.d.ts +0 -35
  161. package/community/components/tags/tag/tag.component.d.ts.map +0 -1
  162. package/community/tedi-design-system-angular-community.d.ts.map +0 -1
  163. package/public-api.d.ts +0 -3
  164. package/public-api.d.ts.map +0 -1
  165. package/tedi/components/base/icon/icon.component.d.ts +0 -47
  166. package/tedi/components/base/icon/icon.component.d.ts.map +0 -1
  167. package/tedi/components/base/index.d.ts +0 -3
  168. package/tedi/components/base/index.d.ts.map +0 -1
  169. package/tedi/components/base/text/text.component.d.ts +0 -20
  170. package/tedi/components/base/text/text.component.d.ts.map +0 -1
  171. package/tedi/components/buttons/button/base-button.directive.d.ts +0 -17
  172. package/tedi/components/buttons/button/base-button.directive.d.ts.map +0 -1
  173. package/tedi/components/buttons/button/button.component.d.ts +0 -20
  174. package/tedi/components/buttons/button/button.component.d.ts.map +0 -1
  175. package/tedi/components/buttons/closing-button/closing-button.component.d.ts +0 -28
  176. package/tedi/components/buttons/closing-button/closing-button.component.d.ts.map +0 -1
  177. package/tedi/components/buttons/collapse/collapse.component.d.ts +0 -53
  178. package/tedi/components/buttons/collapse/collapse.component.d.ts.map +0 -1
  179. package/tedi/components/buttons/collapse-button/collapse-button.component.d.ts +0 -76
  180. package/tedi/components/buttons/collapse-button/collapse-button.component.d.ts.map +0 -1
  181. package/tedi/components/buttons/index.d.ts +0 -7
  182. package/tedi/components/buttons/index.d.ts.map +0 -1
  183. package/tedi/components/buttons/info-button/info-button.component.d.ts +0 -13
  184. package/tedi/components/buttons/info-button/info-button.component.d.ts.map +0 -1
  185. package/tedi/components/cards/accordion/accordion/accordion.component.d.ts +0 -14
  186. package/tedi/components/cards/accordion/accordion/accordion.component.d.ts.map +0 -1
  187. package/tedi/components/cards/accordion/accordion/index.d.ts +0 -2
  188. package/tedi/components/cards/accordion/accordion/index.d.ts.map +0 -1
  189. package/tedi/components/cards/accordion/accordion-item/accordion-item.component.d.ts +0 -53
  190. package/tedi/components/cards/accordion/accordion-item/accordion-item.component.d.ts.map +0 -1
  191. package/tedi/components/cards/accordion/accordion-item/index.d.ts +0 -2
  192. package/tedi/components/cards/accordion/accordion-item/index.d.ts.map +0 -1
  193. package/tedi/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts +0 -15
  194. package/tedi/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts.map +0 -1
  195. package/tedi/components/cards/accordion/accordion-item-content/index.d.ts +0 -2
  196. package/tedi/components/cards/accordion/accordion-item-content/index.d.ts.map +0 -1
  197. package/tedi/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts +0 -45
  198. package/tedi/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts.map +0 -1
  199. package/tedi/components/cards/accordion/accordion-item-header/index.d.ts +0 -2
  200. package/tedi/components/cards/accordion/accordion-item-header/index.d.ts.map +0 -1
  201. package/tedi/components/cards/accordion/index.d.ts +0 -5
  202. package/tedi/components/cards/accordion/index.d.ts.map +0 -1
  203. package/tedi/components/cards/index.d.ts +0 -2
  204. package/tedi/components/cards/index.d.ts.map +0 -1
  205. package/tedi/components/content/carousel/carousel-content/carousel-content.component.d.ts +0 -80
  206. package/tedi/components/content/carousel/carousel-content/carousel-content.component.d.ts.map +0 -1
  207. package/tedi/components/content/carousel/carousel-footer/carousel-footer.component.d.ts +0 -6
  208. package/tedi/components/content/carousel/carousel-footer/carousel-footer.component.d.ts.map +0 -1
  209. package/tedi/components/content/carousel/carousel-header/carousel-header.component.d.ts +0 -6
  210. package/tedi/components/content/carousel/carousel-header/carousel-header.component.d.ts.map +0 -1
  211. package/tedi/components/content/carousel/carousel-indicators/carousel-indicators.component.d.ts +0 -23
  212. package/tedi/components/content/carousel/carousel-indicators/carousel-indicators.component.d.ts.map +0 -1
  213. package/tedi/components/content/carousel/carousel-navigation/carousel-navigation.component.d.ts +0 -11
  214. package/tedi/components/content/carousel/carousel-navigation/carousel-navigation.component.d.ts.map +0 -1
  215. package/tedi/components/content/carousel/carousel-slide.directive.d.ts +0 -8
  216. package/tedi/components/content/carousel/carousel-slide.directive.d.ts.map +0 -1
  217. package/tedi/components/content/carousel/carousel.component.d.ts +0 -8
  218. package/tedi/components/content/carousel/carousel.component.d.ts.map +0 -1
  219. package/tedi/components/content/carousel/index.d.ts +0 -8
  220. package/tedi/components/content/carousel/index.d.ts.map +0 -1
  221. package/tedi/components/content/index.d.ts +0 -5
  222. package/tedi/components/content/index.d.ts.map +0 -1
  223. package/tedi/components/content/list/list.component.d.ts +0 -18
  224. package/tedi/components/content/list/list.component.d.ts.map +0 -1
  225. package/tedi/components/content/table/index.d.ts +0 -9
  226. package/tedi/components/content/table/index.d.ts.map +0 -1
  227. package/tedi/components/content/table/row-span.utils.d.ts +0 -10
  228. package/tedi/components/content/table/row-span.utils.d.ts.map +0 -1
  229. package/tedi/components/content/table/table-columns-menu/index.d.ts +0 -2
  230. package/tedi/components/content/table/table-columns-menu/index.d.ts.map +0 -1
  231. package/tedi/components/content/table/table-columns-menu/table-columns-menu.component.d.ts +0 -19
  232. package/tedi/components/content/table/table-columns-menu/table-columns-menu.component.d.ts.map +0 -1
  233. package/tedi/components/content/table/table-header-button/index.d.ts +0 -2
  234. package/tedi/components/content/table/table-header-button/index.d.ts.map +0 -1
  235. package/tedi/components/content/table/table-header-button/table-header-button.component.d.ts +0 -36
  236. package/tedi/components/content/table/table-header-button/table-header-button.component.d.ts.map +0 -1
  237. package/tedi/components/content/table/table-toolbar/index.d.ts +0 -2
  238. package/tedi/components/content/table/table-toolbar/index.d.ts.map +0 -1
  239. package/tedi/components/content/table/table-toolbar/table-toolbar.component.d.ts +0 -6
  240. package/tedi/components/content/table/table-toolbar/table-toolbar.component.d.ts.map +0 -1
  241. package/tedi/components/content/table/table.component.d.ts +0 -640
  242. package/tedi/components/content/table/table.component.d.ts.map +0 -1
  243. package/tedi/components/content/table/table.context.d.ts +0 -5
  244. package/tedi/components/content/table/table.context.d.ts.map +0 -1
  245. package/tedi/components/content/table/table.persistence.d.ts +0 -26
  246. package/tedi/components/content/table/table.persistence.d.ts.map +0 -1
  247. package/tedi/components/content/table/table.types.d.ts +0 -201
  248. package/tedi/components/content/table/table.types.d.ts.map +0 -1
  249. package/tedi/components/content/text-group/index.d.ts +0 -4
  250. package/tedi/components/content/text-group/index.d.ts.map +0 -1
  251. package/tedi/components/content/text-group/text-group-label.component.d.ts +0 -6
  252. package/tedi/components/content/text-group/text-group-label.component.d.ts.map +0 -1
  253. package/tedi/components/content/text-group/text-group-value.component.d.ts +0 -6
  254. package/tedi/components/content/text-group/text-group-value.component.d.ts.map +0 -1
  255. package/tedi/components/content/text-group/text-group.component.d.ts +0 -34
  256. package/tedi/components/content/text-group/text-group.component.d.ts.map +0 -1
  257. package/tedi/components/filter/filter-content.directive.d.ts +0 -6
  258. package/tedi/components/filter/filter-content.directive.d.ts.map +0 -1
  259. package/tedi/components/filter/filter-group.component.d.ts +0 -35
  260. package/tedi/components/filter/filter-group.component.d.ts.map +0 -1
  261. package/tedi/components/filter/filter-prepend.directive.d.ts +0 -12
  262. package/tedi/components/filter/filter-prepend.directive.d.ts.map +0 -1
  263. package/tedi/components/filter/filter.component.d.ts +0 -171
  264. package/tedi/components/filter/filter.component.d.ts.map +0 -1
  265. package/tedi/components/filter/index.d.ts +0 -5
  266. package/tedi/components/filter/index.d.ts.map +0 -1
  267. package/tedi/components/form/checkbox/checkbox.component.d.ts +0 -38
  268. package/tedi/components/form/checkbox/checkbox.component.d.ts.map +0 -1
  269. package/tedi/components/form/checkbox-card/checkbox-card.component.d.ts +0 -18
  270. package/tedi/components/form/checkbox-card/checkbox-card.component.d.ts.map +0 -1
  271. package/tedi/components/form/checkbox-card-group/checkbox-card-group.component.d.ts +0 -6
  272. package/tedi/components/form/checkbox-card-group/checkbox-card-group.component.d.ts.map +0 -1
  273. package/tedi/components/form/checkbox-group/checkbox-group.component.d.ts +0 -64
  274. package/tedi/components/form/checkbox-group/checkbox-group.component.d.ts.map +0 -1
  275. package/tedi/components/form/date-picker/date-picker-calendar-grid/date-picker-calendar-grid.component.d.ts +0 -38
  276. package/tedi/components/form/date-picker/date-picker-calendar-grid/date-picker-calendar-grid.component.d.ts.map +0 -1
  277. package/tedi/components/form/date-picker/date-picker-header/date-picker-header.component.d.ts +0 -56
  278. package/tedi/components/form/date-picker/date-picker-header/date-picker-header.component.d.ts.map +0 -1
  279. package/tedi/components/form/date-picker/date-picker-month-grid/date-picker-month-grid.component.d.ts +0 -13
  280. package/tedi/components/form/date-picker/date-picker-month-grid/date-picker-month-grid.component.d.ts.map +0 -1
  281. package/tedi/components/form/date-picker/date-picker-year-grid/date-picker-year-grid.component.d.ts +0 -13
  282. package/tedi/components/form/date-picker/date-picker-year-grid/date-picker-year-grid.component.d.ts.map +0 -1
  283. package/tedi/components/form/date-picker/date-picker.component.d.ts +0 -137
  284. package/tedi/components/form/date-picker/date-picker.component.d.ts.map +0 -1
  285. package/tedi/components/form/feedback-text/feedback-text.component.d.ts +0 -25
  286. package/tedi/components/form/feedback-text/feedback-text.component.d.ts.map +0 -1
  287. package/tedi/components/form/form-field/form-field-control.d.ts +0 -30
  288. package/tedi/components/form/form-field/form-field-control.d.ts.map +0 -1
  289. package/tedi/components/form/form-field/form-field.component.d.ts +0 -63
  290. package/tedi/components/form/form-field/form-field.component.d.ts.map +0 -1
  291. package/tedi/components/form/index.d.ts +0 -20
  292. package/tedi/components/form/index.d.ts.map +0 -1
  293. package/tedi/components/form/label/label.component.d.ts +0 -24
  294. package/tedi/components/form/label/label.component.d.ts.map +0 -1
  295. package/tedi/components/form/number-field/number-field.component.d.ts +0 -90
  296. package/tedi/components/form/number-field/number-field.component.d.ts.map +0 -1
  297. package/tedi/components/form/radio/radio.component.d.ts +0 -38
  298. package/tedi/components/form/radio/radio.component.d.ts.map +0 -1
  299. package/tedi/components/form/radio-card/radio-card.component.d.ts +0 -31
  300. package/tedi/components/form/radio-card/radio-card.component.d.ts.map +0 -1
  301. package/tedi/components/form/radio-card-group/radio-card-group.component.d.ts +0 -13
  302. package/tedi/components/form/radio-card-group/radio-card-group.component.d.ts.map +0 -1
  303. package/tedi/components/form/radio-group/radio-group.component.d.ts +0 -70
  304. package/tedi/components/form/radio-group/radio-group.component.d.ts.map +0 -1
  305. package/tedi/components/form/select/index.d.ts +0 -3
  306. package/tedi/components/form/select/index.d.ts.map +0 -1
  307. package/tedi/components/form/select/select-templates.directive.d.ts +0 -69
  308. package/tedi/components/form/select/select-templates.directive.d.ts.map +0 -1
  309. package/tedi/components/form/select/select.component.d.ts +0 -286
  310. package/tedi/components/form/select/select.component.d.ts.map +0 -1
  311. package/tedi/components/form/text-field/text-field.component.d.ts +0 -38
  312. package/tedi/components/form/text-field/text-field.component.d.ts.map +0 -1
  313. package/tedi/components/form/time-field/index.d.ts +0 -2
  314. package/tedi/components/form/time-field/index.d.ts.map +0 -1
  315. package/tedi/components/form/time-field/time-field.component.d.ts +0 -104
  316. package/tedi/components/form/time-field/time-field.component.d.ts.map +0 -1
  317. package/tedi/components/form/time-field/time-picker-modal.component.d.ts +0 -26
  318. package/tedi/components/form/time-field/time-picker-modal.component.d.ts.map +0 -1
  319. package/tedi/components/form/time-picker/index.d.ts +0 -2
  320. package/tedi/components/form/time-picker/index.d.ts.map +0 -1
  321. package/tedi/components/form/time-picker/time-picker.component.d.ts +0 -99
  322. package/tedi/components/form/time-picker/time-picker.component.d.ts.map +0 -1
  323. package/tedi/components/form/toggle/toggle.component.d.ts +0 -61
  324. package/tedi/components/form/toggle/toggle.component.d.ts.map +0 -1
  325. package/tedi/components/helpers/ellipsis/ellipsis.component.d.ts +0 -21
  326. package/tedi/components/helpers/ellipsis/ellipsis.component.d.ts.map +0 -1
  327. package/tedi/components/helpers/ellipsis/index.d.ts +0 -3
  328. package/tedi/components/helpers/ellipsis/index.d.ts.map +0 -1
  329. package/tedi/components/helpers/empty-state/empty-state.component.d.ts +0 -54
  330. package/tedi/components/helpers/empty-state/empty-state.component.d.ts.map +0 -1
  331. package/tedi/components/helpers/empty-state/index.d.ts +0 -2
  332. package/tedi/components/helpers/empty-state/index.d.ts.map +0 -1
  333. package/tedi/components/helpers/grid/col/col.component.d.ts +0 -37
  334. package/tedi/components/helpers/grid/col/col.component.d.ts.map +0 -1
  335. package/tedi/components/helpers/grid/index.d.ts +0 -3
  336. package/tedi/components/helpers/grid/index.d.ts.map +0 -1
  337. package/tedi/components/helpers/grid/row/row.component.d.ts +0 -60
  338. package/tedi/components/helpers/grid/row/row.component.d.ts.map +0 -1
  339. package/tedi/components/helpers/index.d.ts +0 -7
  340. package/tedi/components/helpers/index.d.ts.map +0 -1
  341. package/tedi/components/helpers/scroll-fade/index.d.ts +0 -3
  342. package/tedi/components/helpers/scroll-fade/index.d.ts.map +0 -1
  343. package/tedi/components/helpers/scroll-fade/scroll-fade.component.d.ts +0 -29
  344. package/tedi/components/helpers/scroll-fade/scroll-fade.component.d.ts.map +0 -1
  345. package/tedi/components/helpers/separator/separator.component.d.ts +0 -57
  346. package/tedi/components/helpers/separator/separator.component.d.ts.map +0 -1
  347. package/tedi/components/helpers/timeline/index.d.ts +0 -5
  348. package/tedi/components/helpers/timeline/index.d.ts.map +0 -1
  349. package/tedi/components/helpers/timeline/timeline-description/timeline-description.component.d.ts +0 -6
  350. package/tedi/components/helpers/timeline/timeline-description/timeline-description.component.d.ts.map +0 -1
  351. package/tedi/components/helpers/timeline/timeline-item/timeline-item.component.d.ts +0 -19
  352. package/tedi/components/helpers/timeline/timeline-item/timeline-item.component.d.ts.map +0 -1
  353. package/tedi/components/helpers/timeline/timeline-title/timeline-title.component.d.ts +0 -6
  354. package/tedi/components/helpers/timeline/timeline-title/timeline-title.component.d.ts.map +0 -1
  355. package/tedi/components/helpers/timeline/timeline.component.d.ts +0 -12
  356. package/tedi/components/helpers/timeline/timeline.component.d.ts.map +0 -1
  357. package/tedi/components/index.d.ts +0 -14
  358. package/tedi/components/index.d.ts.map +0 -1
  359. package/tedi/components/layout/footer/footer-body/footer-body.component.d.ts +0 -9
  360. package/tedi/components/layout/footer/footer-body/footer-body.component.d.ts.map +0 -1
  361. package/tedi/components/layout/footer/footer-bottom/footer-bottom.component.d.ts +0 -19
  362. package/tedi/components/layout/footer/footer-bottom/footer-bottom.component.d.ts.map +0 -1
  363. package/tedi/components/layout/footer/footer-section/footer-section.component.d.ts +0 -26
  364. package/tedi/components/layout/footer/footer-section/footer-section.component.d.ts.map +0 -1
  365. package/tedi/components/layout/footer/footer-side/footer-side.component.d.ts +0 -21
  366. package/tedi/components/layout/footer/footer-side/footer-side.component.d.ts.map +0 -1
  367. package/tedi/components/layout/footer/footer.component.d.ts +0 -9
  368. package/tedi/components/layout/footer/footer.component.d.ts.map +0 -1
  369. package/tedi/components/layout/footer/index.d.ts +0 -6
  370. package/tedi/components/layout/footer/index.d.ts.map +0 -1
  371. package/tedi/components/layout/header/header-actions/header-actions.component.d.ts +0 -6
  372. package/tedi/components/layout/header/header-actions/header-actions.component.d.ts.map +0 -1
  373. package/tedi/components/layout/header/header-content/header-content.component.d.ts +0 -6
  374. package/tedi/components/layout/header/header-content/header-content.component.d.ts.map +0 -1
  375. package/tedi/components/layout/header/header-language/header-language.component.d.ts +0 -25
  376. package/tedi/components/layout/header/header-language/header-language.component.d.ts.map +0 -1
  377. package/tedi/components/layout/header/header-login/header-login.component.d.ts +0 -14
  378. package/tedi/components/layout/header/header-login/header-login.component.d.ts.map +0 -1
  379. package/tedi/components/layout/header/header-logout/header-logout.component.d.ts +0 -10
  380. package/tedi/components/layout/header/header-logout/header-logout.component.d.ts.map +0 -1
  381. package/tedi/components/layout/header/header-profile/header-profile.component.d.ts +0 -26
  382. package/tedi/components/layout/header/header-profile/header-profile.component.d.ts.map +0 -1
  383. package/tedi/components/layout/header/header-role/header-role.component.d.ts +0 -40
  384. package/tedi/components/layout/header/header-role/header-role.component.d.ts.map +0 -1
  385. package/tedi/components/layout/header/header.component.d.ts +0 -6
  386. package/tedi/components/layout/header/header.component.d.ts.map +0 -1
  387. package/tedi/components/layout/header/index.d.ts +0 -9
  388. package/tedi/components/layout/header/index.d.ts.map +0 -1
  389. package/tedi/components/layout/index.d.ts +0 -4
  390. package/tedi/components/layout/index.d.ts.map +0 -1
  391. package/tedi/components/layout/sidenav/index.d.ts +0 -9
  392. package/tedi/components/layout/sidenav/index.d.ts.map +0 -1
  393. package/tedi/components/layout/sidenav/sidenav-dropdown/sidenav-dropdown.component.d.ts +0 -15
  394. package/tedi/components/layout/sidenav/sidenav-dropdown/sidenav-dropdown.component.d.ts.map +0 -1
  395. package/tedi/components/layout/sidenav/sidenav-dropdown-group/sidenav-dropdown-group.component.d.ts +0 -13
  396. package/tedi/components/layout/sidenav/sidenav-dropdown-group/sidenav-dropdown-group.component.d.ts.map +0 -1
  397. package/tedi/components/layout/sidenav/sidenav-dropdown-item/sidenav-dropdown-item.component.d.ts +0 -24
  398. package/tedi/components/layout/sidenav/sidenav-dropdown-item/sidenav-dropdown-item.component.d.ts.map +0 -1
  399. package/tedi/components/layout/sidenav/sidenav-group-title/sidenav-group-title.component.d.ts +0 -6
  400. package/tedi/components/layout/sidenav/sidenav-group-title/sidenav-group-title.component.d.ts.map +0 -1
  401. package/tedi/components/layout/sidenav/sidenav-item/sidenav-item.component.d.ts +0 -38
  402. package/tedi/components/layout/sidenav/sidenav-item/sidenav-item.component.d.ts.map +0 -1
  403. package/tedi/components/layout/sidenav/sidenav-overlay/sidenav-overlay.component.d.ts +0 -10
  404. package/tedi/components/layout/sidenav/sidenav-overlay/sidenav-overlay.component.d.ts.map +0 -1
  405. package/tedi/components/layout/sidenav/sidenav-toggle/sidenav-toggle.component.d.ts +0 -13
  406. package/tedi/components/layout/sidenav/sidenav-toggle/sidenav-toggle.component.d.ts.map +0 -1
  407. package/tedi/components/layout/sidenav/sidenav.component.d.ts +0 -32
  408. package/tedi/components/layout/sidenav/sidenav.component.d.ts.map +0 -1
  409. package/tedi/components/loader/index.d.ts +0 -2
  410. package/tedi/components/loader/index.d.ts.map +0 -1
  411. package/tedi/components/loader/spinner/spinner.component.d.ts +0 -27
  412. package/tedi/components/loader/spinner/spinner.component.d.ts.map +0 -1
  413. package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/horizontal-stepper-item.component.d.ts +0 -25
  414. package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/horizontal-stepper-item.component.d.ts.map +0 -1
  415. package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/index.d.ts +0 -2
  416. package/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item/index.d.ts.map +0 -1
  417. package/tedi/components/navigation/horizontal-stepper/horizontal-stepper.component.d.ts +0 -18
  418. package/tedi/components/navigation/horizontal-stepper/horizontal-stepper.component.d.ts.map +0 -1
  419. package/tedi/components/navigation/horizontal-stepper/index.d.ts +0 -3
  420. package/tedi/components/navigation/horizontal-stepper/index.d.ts.map +0 -1
  421. package/tedi/components/navigation/index.d.ts +0 -4
  422. package/tedi/components/navigation/index.d.ts.map +0 -1
  423. package/tedi/components/navigation/link/link.component.d.ts +0 -47
  424. package/tedi/components/navigation/link/link.component.d.ts.map +0 -1
  425. package/tedi/components/navigation/pagination/index.d.ts +0 -5
  426. package/tedi/components/navigation/pagination/index.d.ts.map +0 -1
  427. package/tedi/components/navigation/pagination/pagination-option-picker-modal/pagination-option-picker-modal.component.d.ts +0 -31
  428. package/tedi/components/navigation/pagination/pagination-option-picker-modal/pagination-option-picker-modal.component.d.ts.map +0 -1
  429. package/tedi/components/navigation/pagination/pagination-results.directive.d.ts +0 -17
  430. package/tedi/components/navigation/pagination/pagination-results.directive.d.ts.map +0 -1
  431. package/tedi/components/navigation/pagination/pagination.component.d.ts +0 -192
  432. package/tedi/components/navigation/pagination/pagination.component.d.ts.map +0 -1
  433. package/tedi/components/navigation/pagination/pagination.types.d.ts +0 -58
  434. package/tedi/components/navigation/pagination/pagination.types.d.ts.map +0 -1
  435. package/tedi/components/navigation/pagination/pagination.utils.d.ts +0 -24
  436. package/tedi/components/navigation/pagination/pagination.utils.d.ts.map +0 -1
  437. package/tedi/components/notifications/alert/alert.component.d.ts +0 -73
  438. package/tedi/components/notifications/alert/alert.component.d.ts.map +0 -1
  439. package/tedi/components/notifications/index.d.ts +0 -3
  440. package/tedi/components/notifications/index.d.ts.map +0 -1
  441. package/tedi/components/notifications/toast/toast-container.component.d.ts +0 -35
  442. package/tedi/components/notifications/toast/toast-container.component.d.ts.map +0 -1
  443. package/tedi/components/notifications/toast/toast.component.d.ts +0 -111
  444. package/tedi/components/notifications/toast/toast.component.d.ts.map +0 -1
  445. package/tedi/components/overlay/dropdown/dropdown-content/dropdown-content.component.d.ts +0 -16
  446. package/tedi/components/overlay/dropdown/dropdown-content/dropdown-content.component.d.ts.map +0 -1
  447. package/tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.d.ts +0 -36
  448. package/tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.d.ts.map +0 -1
  449. package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-label.component.d.ts +0 -6
  450. package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-label.component.d.ts.map +0 -1
  451. package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-meta.component.d.ts +0 -6
  452. package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value-meta.component.d.ts.map +0 -1
  453. package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value.component.d.ts +0 -36
  454. package/tedi/components/overlay/dropdown/dropdown-item-value/dropdown-item-value.component.d.ts.map +0 -1
  455. package/tedi/components/overlay/dropdown/dropdown-item-value/index.d.ts +0 -4
  456. package/tedi/components/overlay/dropdown/dropdown-item-value/index.d.ts.map +0 -1
  457. package/tedi/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts +0 -34
  458. package/tedi/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts.map +0 -1
  459. package/tedi/components/overlay/dropdown/dropdown.component.d.ts +0 -67
  460. package/tedi/components/overlay/dropdown/dropdown.component.d.ts.map +0 -1
  461. package/tedi/components/overlay/dropdown/dropdown.tokens.d.ts +0 -34
  462. package/tedi/components/overlay/dropdown/dropdown.tokens.d.ts.map +0 -1
  463. package/tedi/components/overlay/dropdown/index.d.ts +0 -7
  464. package/tedi/components/overlay/dropdown/index.d.ts.map +0 -1
  465. package/tedi/components/overlay/index.d.ts +0 -5
  466. package/tedi/components/overlay/index.d.ts.map +0 -1
  467. package/tedi/components/overlay/modal/index.d.ts +0 -8
  468. package/tedi/components/overlay/modal/index.d.ts.map +0 -1
  469. package/tedi/components/overlay/modal/modal-content/modal-content.component.d.ts +0 -7
  470. package/tedi/components/overlay/modal/modal-content/modal-content.component.d.ts.map +0 -1
  471. package/tedi/components/overlay/modal/modal-footer/modal-footer.component.d.ts +0 -6
  472. package/tedi/components/overlay/modal/modal-footer/modal-footer.component.d.ts.map +0 -1
  473. package/tedi/components/overlay/modal/modal-header/modal-header.component.d.ts +0 -27
  474. package/tedi/components/overlay/modal/modal-header/modal-header.component.d.ts.map +0 -1
  475. package/tedi/components/overlay/modal/modal-ref.d.ts +0 -21
  476. package/tedi/components/overlay/modal/modal-ref.d.ts.map +0 -1
  477. package/tedi/components/overlay/modal/modal.component.d.ts +0 -50
  478. package/tedi/components/overlay/modal/modal.component.d.ts.map +0 -1
  479. package/tedi/components/overlay/modal/modal.service.d.ts +0 -35
  480. package/tedi/components/overlay/modal/modal.service.d.ts.map +0 -1
  481. package/tedi/components/overlay/modal/modal.types.d.ts +0 -44
  482. package/tedi/components/overlay/modal/modal.types.d.ts.map +0 -1
  483. package/tedi/components/overlay/popover/index.d.ts +0 -4
  484. package/tedi/components/overlay/popover/index.d.ts.map +0 -1
  485. package/tedi/components/overlay/popover/popover-content/popover-content.component.d.ts +0 -25
  486. package/tedi/components/overlay/popover/popover-content/popover-content.component.d.ts.map +0 -1
  487. package/tedi/components/overlay/popover/popover-trigger/popover-trigger.directive.d.ts +0 -16
  488. package/tedi/components/overlay/popover/popover-trigger/popover-trigger.directive.d.ts.map +0 -1
  489. package/tedi/components/overlay/popover/popover.component.d.ts +0 -80
  490. package/tedi/components/overlay/popover/popover.component.d.ts.map +0 -1
  491. package/tedi/components/overlay/tooltip/index.d.ts +0 -4
  492. package/tedi/components/overlay/tooltip/index.d.ts.map +0 -1
  493. package/tedi/components/overlay/tooltip/tooltip-content/tooltip-content.component.d.ts +0 -16
  494. package/tedi/components/overlay/tooltip/tooltip-content/tooltip-content.component.d.ts.map +0 -1
  495. package/tedi/components/overlay/tooltip/tooltip-trigger/tooltip-trigger.component.d.ts +0 -23
  496. package/tedi/components/overlay/tooltip/tooltip-trigger/tooltip-trigger.component.d.ts.map +0 -1
  497. package/tedi/components/overlay/tooltip/tooltip.component.d.ts +0 -51
  498. package/tedi/components/overlay/tooltip/tooltip.component.d.ts.map +0 -1
  499. package/tedi/components/tags/index.d.ts +0 -4
  500. package/tedi/components/tags/index.d.ts.map +0 -1
  501. package/tedi/components/tags/status-badge/status-badge.component.d.ts +0 -55
  502. package/tedi/components/tags/status-badge/status-badge.component.d.ts.map +0 -1
  503. package/tedi/components/tags/status-indicator/index.d.ts +0 -2
  504. package/tedi/components/tags/status-indicator/index.d.ts.map +0 -1
  505. package/tedi/components/tags/status-indicator/status-indicator.component.d.ts +0 -37
  506. package/tedi/components/tags/status-indicator/status-indicator.component.d.ts.map +0 -1
  507. package/tedi/components/tags/tag/tag.component.d.ts +0 -47
  508. package/tedi/components/tags/tag/tag.component.d.ts.map +0 -1
  509. package/tedi/directives/hide-at/hide-at.directive.d.ts +0 -11
  510. package/tedi/directives/hide-at/hide-at.directive.d.ts.map +0 -1
  511. package/tedi/directives/index.d.ts +0 -4
  512. package/tedi/directives/index.d.ts.map +0 -1
  513. package/tedi/directives/show-at/show-at.directive.d.ts +0 -11
  514. package/tedi/directives/show-at/show-at.directive.d.ts.map +0 -1
  515. package/tedi/directives/vertical-spacing/index.d.ts +0 -3
  516. package/tedi/directives/vertical-spacing/index.d.ts.map +0 -1
  517. package/tedi/directives/vertical-spacing/vertical-spacing-item.directive.d.ts +0 -13
  518. package/tedi/directives/vertical-spacing/vertical-spacing-item.directive.d.ts.map +0 -1
  519. package/tedi/directives/vertical-spacing/vertical-spacing.directive.d.ts +0 -13
  520. package/tedi/directives/vertical-spacing/vertical-spacing.directive.d.ts.map +0 -1
  521. package/tedi/helpers/generate-uuid.d.ts +0 -8
  522. package/tedi/helpers/generate-uuid.d.ts.map +0 -1
  523. package/tedi/helpers/index.d.ts +0 -2
  524. package/tedi/helpers/index.d.ts.map +0 -1
  525. package/tedi/providers/index.d.ts +0 -2
  526. package/tedi/providers/index.d.ts.map +0 -1
  527. package/tedi/providers/tedi.provider.d.ts +0 -9
  528. package/tedi/providers/tedi.provider.d.ts.map +0 -1
  529. package/tedi/services/breakpoint/breakpoint.service.d.ts +0 -41
  530. package/tedi/services/breakpoint/breakpoint.service.d.ts.map +0 -1
  531. package/tedi/services/index.d.ts +0 -6
  532. package/tedi/services/index.d.ts.map +0 -1
  533. package/tedi/services/sidenav/sidenav.service.d.ts +0 -20
  534. package/tedi/services/sidenav/sidenav.service.d.ts.map +0 -1
  535. package/tedi/services/theme/theme.service.d.ts +0 -15
  536. package/tedi/services/theme/theme.service.d.ts.map +0 -1
  537. package/tedi/services/toast/toast-announcer.service.d.ts +0 -34
  538. package/tedi/services/toast/toast-announcer.service.d.ts.map +0 -1
  539. package/tedi/services/toast/toast.service.d.ts +0 -83
  540. package/tedi/services/toast/toast.service.d.ts.map +0 -1
  541. package/tedi/services/translation/translation.pipe.d.ts +0 -10
  542. package/tedi/services/translation/translation.pipe.d.ts.map +0 -1
  543. package/tedi/services/translation/translation.service.d.ts +0 -20
  544. package/tedi/services/translation/translation.service.d.ts.map +0 -1
  545. package/tedi/services/translation/translations.d.ts +0 -1161
  546. package/tedi/services/translation/translations.d.ts.map +0 -1
  547. package/tedi/tedi-design-system-angular-tedi.d.ts.map +0 -1
  548. package/tedi/tokens/index.d.ts +0 -3
  549. package/tedi/tokens/index.d.ts.map +0 -1
  550. package/tedi/tokens/theme.token.d.ts +0 -3
  551. package/tedi/tokens/theme.token.d.ts.map +0 -1
  552. package/tedi/tokens/translation.token.d.ts +0 -4
  553. package/tedi/tokens/translation.token.d.ts.map +0 -1
  554. package/tedi/types/index.d.ts +0 -2
  555. package/tedi/types/index.d.ts.map +0 -1
  556. package/tedi/types/inputs.type.d.ts +0 -5
  557. package/tedi/types/inputs.type.d.ts.map +0 -1
  558. package/tedi/utils/cookies.util.d.ts +0 -2
  559. package/tedi/utils/cookies.util.d.ts.map +0 -1
  560. package/tedi/utils/date.util.d.ts +0 -26
  561. package/tedi/utils/date.util.d.ts.map +0 -1
  562. package/tedi/utils/elements.util.d.ts +0 -2
  563. package/tedi/utils/elements.util.d.ts.map +0 -1
  564. package/tedi/utils/time.util.d.ts +0 -22
  565. package/tedi/utils/time.util.d.ts.map +0 -1
  566. package/tedi-design-system-angular.d.ts.map +0 -1
package/fesm2022/tedi-design-system-angular-community.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  import * as i0 from '@angular/core';
2
- import { input, inject, computed, ViewEncapsulation, Component, Directive, ChangeDetectionStrategy, model, contentChildren, effect, booleanAttribute, forwardRef, signal, viewChild, output, TemplateRef, Injector, contentChild, ElementRef, HostListener, Injectable, DestroyRef, Self, EventEmitter } from '@angular/core';
2
+ import { input, inject, computed, ViewEncapsulation, Component, Directive, ChangeDetectionStrategy, model, contentChildren, effect, booleanAttribute, forwardRef, signal, viewChild, output, TemplateRef, Injector, contentChild, ElementRef, HostListener, Injectable, DestroyRef, EventEmitter } from '@angular/core';
3
3
  import * as i1 from '@tedi-design-system/angular/tedi';
4
4
  import { BaseButtonDirective, IconComponent, ButtonComponent, generateUUID, FeedbackTextComponent, LabelComponent, BreakpointService, ClosingButtonComponent, TextComponent, TediTranslationPipe, SpinnerComponent, TediTranslationService, TooltipComponent, TooltipTriggerComponent, TooltipContentComponent, InfoButtonComponent, VerticalSpacingDirective, LinkComponent } from '@tedi-design-system/angular/tedi';
5
5
  import { _IdGenerator, FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
6
6
  import * as i1$1 from '@angular/common';
7
7
  import { NgTemplateOutlet, NgStyle, CommonModule } from '@angular/common';
8
8
  import * as i1$2 from '@angular/forms';
9
- import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
9
+ import { NG_VALUE_ACCESSOR, FormsModule, NgControl, ReactiveFormsModule } from '@angular/forms';
10
10
  import * as i2 from '@angular/cdk/overlay';
11
11
  import { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
12
12
  import * as i3 from '@angular/cdk/listbox';
@@ -25,17 +25,17 @@ class FloatingButtonComponent {
25
25
  * Specifies the color theme of the button. The color should meet accessibility standards for color contrast.
26
26
  * @default primary
27
27
  */
28
- variant = input("primary");
28
+ variant = input("primary", ...(ngDevMode ? [{ debugName: "variant" }] : []));
29
29
  /**
30
30
  * Defines the size of the button.
31
31
  * @default default
32
32
  */
33
- size = input("default");
33
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
34
34
  /**
35
35
  * Button axis
36
36
  * @default horizontal
37
37
  */
38
- axis = input("horizontal");
38
+ axis = input("horizontal", ...(ngDevMode ? [{ debugName: "axis" }] : []));
39
39
  buttonDirective = inject(BaseButtonDirective);
40
40
  ngOnInit() {
41
41
  this.buttonDirective.classNamePrefix.set("tedi-floating-button");
@@ -48,11 +48,11 @@ class FloatingButtonComponent {
48
48
  `tedi-floating-button--${this.axis() ?? "horizontal"}`,
49
49
  ];
50
50
  return classes.join(" ");
51
- });
52
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FloatingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
53
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: FloatingButtonComponent, isStandalone: true, selector: "[tedi-floating-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "floatClasses()" } }, hostDirectives: [{ directive: i1.BaseButtonDirective }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".tedi-button{display:inline-flex;gap:var(--_btn-inner-spacing);align-items:center;justify-content:center;padding:var(--_btn-padding);font-family:var(--family-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);color:var(--_btn-text);text-decoration:none;cursor:pointer;background:var(--_btn-bg);border:var(--tedi-borders-01) solid var(--_btn-border);border-radius:var(--button-radius-default);transition:.15s ease;transition-property:background-color,border-color}.tedi-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}.tedi-button--pl:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button--pr:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button:hover{color:var(--_btn-hover-text);background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border)}.tedi-button:active{color:var(--_btn-active-text);background:var(--_btn-active-bg);border-color:var(--_btn-active-border)}.tedi-button:focus-visible{color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px;background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border)}.tedi-button:disabled{color:var(--_btn-disabled-text);cursor:not-allowed;background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border)}.tedi-button tedi-icon{font-size:inherit;color:inherit}.tedi-button--small{font-size:var(--button-text-size-sm);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-sm-inner-spacing);--_btn-padding-y: var(--button-sm-padding-y);--_btn-padding-x: var(--button-sm-padding-x)}.tedi-button--default{font-size:var(--button-text-size-default);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x)}.tedi-button--primary{--_btn-bg: var(--button-main-primary-background-default);--_btn-border: var(--button-main-primary-border-default);--_btn-text: var(--button-main-primary-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--primary{--_btn-hover-bg: var( --button-main-primary-background-hover, var(--button-main-primary-background-default) );--_btn-hover-border: var( --button-main-primary-border-hover, var(--button-main-primary-border-default) );--_btn-hover-text: var( --button-main-primary-text-hover, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-focus-bg: var( --button-main-primary-background-focus, var(--button-main-primary-background-default) );--_btn-focus-border: var( --button-main-primary-border-focus, var(--button-main-primary-border-default) );--_btn-focus-text: var( --button-main-primary-text-focus, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-active-bg: var( --button-main-primary-background-active, var(--button-main-primary-background-default) );--_btn-active-border: var( --button-main-primary-border-active, var(--button-main-primary-border-default) );--_btn-active-text: var( --button-main-primary-text-active, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary{--_btn-bg: var(--button-main-secondary-background-default);--_btn-border: var(--button-main-secondary-border-default);--_btn-text: var(--button-main-secondary-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--secondary{--_btn-hover-bg: var( --button-main-secondary-background-hover, var(--button-main-secondary-background-default) );--_btn-hover-border: var( --button-main-secondary-border-hover, var(--button-main-secondary-border-default) );--_btn-hover-text: var( --button-main-secondary-text-hover, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-focus-bg: var( --button-main-secondary-background-focus, var(--button-main-secondary-background-default) );--_btn-focus-border: var( --button-main-secondary-border-focus, var(--button-main-secondary-border-default) );--_btn-focus-text: var( --button-main-secondary-text-focus, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-active-bg: var( --button-main-secondary-background-active, var(--button-main-secondary-background-default) );--_btn-active-border: var( --button-main-secondary-border-active, var(--button-main-secondary-border-default) );--_btn-active-text: var( --button-main-secondary-text-active, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral{--_btn-bg: var(--button-main-neutral-background-default);--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-background-hover, var(--button-main-neutral-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-background-focus, var(--button-main-neutral-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-background-active, var(--button-main-neutral-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--success{--_btn-bg: var(--button-main-success-background-default);--_btn-border: var(--button-main-success-border-default);--_btn-text: var(--button-main-success-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--success{--_btn-hover-bg: var( --button-main-success-background-hover, var(--button-main-success-background-default) );--_btn-hover-border: var( --button-main-success-border-hover, var(--button-main-success-border-default) );--_btn-hover-text: var( --button-main-success-text-hover, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-focus-bg: var( --button-main-success-background-focus, var(--button-main-success-background-default) );--_btn-focus-border: var( --button-main-success-border-focus, var(--button-main-success-border-default) );--_btn-focus-text: var( --button-main-success-text-focus, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-active-bg: var( --button-main-success-background-active, var(--button-main-success-background-default) );--_btn-active-border: var( --button-main-success-border-active, var(--button-main-success-border-default) );--_btn-active-text: var( --button-main-success-text-active, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger{--_btn-bg: var(--button-main-danger-background-default);--_btn-border: var(--button-main-danger-border-default);--_btn-text: var(--button-main-danger-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--danger{--_btn-hover-bg: var( --button-main-danger-background-hover, var(--button-main-danger-background-default) );--_btn-hover-border: var( --button-main-danger-border-hover, var(--button-main-danger-border-default) );--_btn-hover-text: var( --button-main-danger-text-hover, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-focus-bg: var( --button-main-danger-background-focus, var(--button-main-danger-background-default) );--_btn-focus-border: var( --button-main-danger-border-focus, var(--button-main-danger-border-default) );--_btn-focus-text: var( --button-main-danger-text-focus, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-active-bg: var( --button-main-danger-background-active, var(--button-main-danger-background-default) );--_btn-active-border: var( --button-main-danger-border-active, var(--button-main-danger-border-default) );--_btn-active-text: var( --button-main-danger-text-active, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--danger-neutral{--_btn-bg: var(--button-main-danger-neutral-background-default);--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-background-hover, var(--button-main-danger-neutral-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-background-focus, var(--button-main-danger-neutral-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-background-active, var(--button-main-danger-neutral-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--primary-inverted{--_btn-bg: var(--button-main-primary-inverted-background-default);--_btn-border: var(--button-main-primary-inverted-border-default);--_btn-text: var(--button-main-primary-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--primary-inverted{--_btn-hover-bg: var( --button-main-primary-inverted-background-hover, var(--button-main-primary-inverted-background-default) );--_btn-hover-border: var( --button-main-primary-inverted-border-hover, var(--button-main-primary-inverted-border-default) );--_btn-hover-text: var( --button-main-primary-inverted-text-hover, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-focus-bg: var( --button-main-primary-inverted-background-focus, var(--button-main-primary-inverted-background-default) );--_btn-focus-border: var( --button-main-primary-inverted-border-focus, var(--button-main-primary-inverted-border-default) );--_btn-focus-text: var( --button-main-primary-inverted-text-focus, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-active-bg: var( --button-main-primary-inverted-background-active, var(--button-main-primary-inverted-background-default) );--_btn-active-border: var( --button-main-primary-inverted-border-active, var(--button-main-primary-inverted-border-default) );--_btn-active-text: var( --button-main-primary-inverted-text-active, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary-inverted{--_btn-bg: var(--button-main-secondary-inverted-background-default);--_btn-border: var(--button-main-secondary-inverted-border-default);--_btn-text: var(--button-main-secondary-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--secondary-inverted{--_btn-hover-bg: var( --button-main-secondary-inverted-background-hover, var(--button-main-secondary-inverted-background-default) );--_btn-hover-border: var( --button-main-secondary-inverted-border-hover, var(--button-main-secondary-inverted-border-default) );--_btn-hover-text: var( --button-main-secondary-inverted-text-hover, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-focus-bg: var( --button-main-secondary-inverted-background-focus, var(--button-main-secondary-inverted-background-default) );--_btn-focus-border: var( --button-main-secondary-inverted-border-focus, var(--button-main-secondary-inverted-border-default) );--_btn-focus-text: var( --button-main-secondary-inverted-text-focus, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-active-bg: var( --button-main-secondary-inverted-background-active, var(--button-main-secondary-inverted-background-default) );--_btn-active-border: var( --button-main-secondary-inverted-border-active, var(--button-main-secondary-inverted-border-default) );--_btn-active-text: var( --button-main-secondary-inverted-text-active, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral-inverted{--_btn-bg: var(--button-main-neutral-inverted-background-default);--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-background-hover, var(--button-main-neutral-inverted-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-background-focus, var(--button-main-neutral-inverted-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-background-active, var(--button-main-neutral-inverted-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button[class*=-inverted]:focus-visible{outline:none;box-shadow:0 0 0 1px var(--tedi-neutral-100),0 0 0 3px var(--_btn-outline)}.tedi-button--icon-only.tedi-button--neutral{--_btn-bg: var( --button-main-neutral-icon-only-background-default );--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-icon-only-background-hover, var(--button-main-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-icon-only-background-focus, var(--button-main-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-icon-only-background-active, var(--button-main-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-bg: var( --button-main-neutral-inverted-icon-only-background-default );--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-icon-only-background-hover, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-icon-only-background-focus, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-icon-only-background-active, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-bg: var( --button-main-danger-neutral-icon-only-background-default );--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-icon-only-background-hover, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-icon-only-background-focus, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-icon-only-background-active, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size);height:var(--button-sm-icon-size);padding:var(--button-sm-icon-padding)}button.tedi-floating-button{box-shadow:0 4px 10px 0 var(--tedi-alpha-14)}button.tedi-floating-button{display:inline-flex;gap:var(--_btn-inner-spacing);align-items:center;justify-content:center;padding:var(--_btn-padding);font-family:var(--family-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);color:var(--_btn-text);text-decoration:none;cursor:pointer;background:var(--_btn-bg);border:var(--tedi-borders-01) solid var(--_btn-border);border-radius:var(--button-radius-default);transition:.15s ease;transition-property:background-color,border-color}button.tedi-floating-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}button.tedi-floating-button--pl:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}button.tedi-floating-button--pr:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}button.tedi-floating-button:hover{color:var(--_btn-hover-text);background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border)}button.tedi-floating-button:active{color:var(--_btn-active-text);background:var(--_btn-active-bg);border-color:var(--_btn-active-border)}button.tedi-floating-button:focus-visible{color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px;background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border)}button.tedi-floating-button:disabled{color:var(--_btn-disabled-text);cursor:not-allowed;background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border)}button.tedi-floating-button tedi-icon{font-size:inherit;color:inherit}button.tedi-floating-button--vertical{min-width:max-content;white-space:nowrap;border-radius:0;transform:rotate(-90deg);transform-origin:center;border-top-right-radius:var(--button-radius-sm);border-top-left-radius:var(--button-radius-sm)}button.tedi-floating-button.tedi-floating-button--primary{--_btn-bg: var(--button-floating-primary-background-default);--_btn-border: var(--button-floating-primary-border-default);--_btn-text: var(--button-floating-primary-text-default);--_btn-outline: var(--tedi-primary-500)}button.tedi-floating-button.tedi-floating-button--primary{--_btn-hover-bg: var( --button-floating-primary-background-hover, var(--button-floating-primary-background-default) );--_btn-hover-border: var( --button-floating-primary-border-hover, var(--button-floating-primary-border-default) );--_btn-hover-text: var( --button-floating-primary-text-hover, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-focus-bg: var( --button-floating-primary-background-focus, var(--button-floating-primary-background-default) );--_btn-focus-border: var( --button-floating-primary-border-focus, var(--button-floating-primary-border-default) );--_btn-focus-text: var( --button-floating-primary-text-focus, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-active-bg: var( --button-floating-primary-background-active, var(--button-floating-primary-background-default) );--_btn-active-border: var( --button-floating-primary-border-active, var(--button-floating-primary-border-default) );--_btn-active-text: var( --button-floating-primary-text-active, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-bg: var(--button-floating-secondary-background-default);--_btn-border: var(--button-floating-secondary-border-default);--_btn-text: var(--button-floating-secondary-text-default);--_btn-outline: var(--tedi-primary-500)}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-hover-bg: var( --button-floating-secondary-background-hover, var(--button-floating-secondary-background-default) );--_btn-hover-border: var( --button-floating-secondary-border-hover, var(--button-floating-secondary-border-default) );--_btn-hover-text: var( --button-floating-secondary-text-hover, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-focus-bg: var( --button-floating-secondary-background-focus, var(--button-floating-secondary-background-default) );--_btn-focus-border: var( --button-floating-secondary-border-focus, var(--button-floating-secondary-border-default) );--_btn-focus-text: var( --button-floating-secondary-text-focus, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-active-bg: var( --button-floating-secondary-background-active, var(--button-floating-secondary-background-default) );--_btn-active-border: var( --button-floating-secondary-border-active, var(--button-floating-secondary-border-default) );--_btn-active-text: var( --button-floating-secondary-text-active, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}button.tedi-floating-button--default{font-size:var(--button-text-size-default);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x)}button.tedi-floating-button--large{font-size:var(--button-text-size-lg);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-lg-inner-spacing);--_btn-padding-y: var(--button-lg-padding-y);--_btn-padding-x: var(--button-lg-padding-x)}\n"], encapsulation: i0.ViewEncapsulation.None });
51
+ }, ...(ngDevMode ? [{ debugName: "floatClasses" }] : []));
52
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FloatingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
53
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: FloatingButtonComponent, isStandalone: true, selector: "[tedi-floating-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "floatClasses()" } }, hostDirectives: [{ directive: i1.BaseButtonDirective }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".tedi-button{display:inline-flex;gap:var(--_btn-inner-spacing);align-items:center;justify-content:center;padding:var(--_btn-padding);font-family:var(--family-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);color:var(--_btn-text);text-decoration:none;cursor:pointer;background:var(--_btn-bg);border:var(--tedi-borders-01) solid var(--_btn-border);border-radius:var(--button-radius-default);transition:.15s ease;transition-property:background-color,border-color}.tedi-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}.tedi-button--pl:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button--pr:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button:hover{color:var(--_btn-hover-text);background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border)}.tedi-button:active{color:var(--_btn-active-text);background:var(--_btn-active-bg);border-color:var(--_btn-active-border)}.tedi-button:focus-visible{color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px;background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border)}.tedi-button:disabled{color:var(--_btn-disabled-text);cursor:not-allowed;background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border)}.tedi-button tedi-icon{font-size:inherit;color:inherit}.tedi-button--small{font-size:var(--button-text-size-sm);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-sm-inner-spacing);--_btn-padding-y: var(--button-sm-padding-y);--_btn-padding-x: var(--button-sm-padding-x)}.tedi-button--default{font-size:var(--button-text-size-default);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x)}.tedi-button--primary{--_btn-bg: var(--button-main-primary-background-default);--_btn-border: var(--button-main-primary-border-default);--_btn-text: var(--button-main-primary-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--primary{--_btn-hover-bg: var( --button-main-primary-background-hover, var(--button-main-primary-background-default) );--_btn-hover-border: var( --button-main-primary-border-hover, var(--button-main-primary-border-default) );--_btn-hover-text: var( --button-main-primary-text-hover, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-focus-bg: var( --button-main-primary-background-focus, var(--button-main-primary-background-default) );--_btn-focus-border: var( --button-main-primary-border-focus, var(--button-main-primary-border-default) );--_btn-focus-text: var( --button-main-primary-text-focus, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-active-bg: var( --button-main-primary-background-active, var(--button-main-primary-background-default) );--_btn-active-border: var( --button-main-primary-border-active, var(--button-main-primary-border-default) );--_btn-active-text: var( --button-main-primary-text-active, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary{--_btn-bg: var(--button-main-secondary-background-default);--_btn-border: var(--button-main-secondary-border-default);--_btn-text: var(--button-main-secondary-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--secondary{--_btn-hover-bg: var( --button-main-secondary-background-hover, var(--button-main-secondary-background-default) );--_btn-hover-border: var( --button-main-secondary-border-hover, var(--button-main-secondary-border-default) );--_btn-hover-text: var( --button-main-secondary-text-hover, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-focus-bg: var( --button-main-secondary-background-focus, var(--button-main-secondary-background-default) );--_btn-focus-border: var( --button-main-secondary-border-focus, var(--button-main-secondary-border-default) );--_btn-focus-text: var( --button-main-secondary-text-focus, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-active-bg: var( --button-main-secondary-background-active, var(--button-main-secondary-background-default) );--_btn-active-border: var( --button-main-secondary-border-active, var(--button-main-secondary-border-default) );--_btn-active-text: var( --button-main-secondary-text-active, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral{--_btn-bg: var(--button-main-neutral-background-default);--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-background-hover, var(--button-main-neutral-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-background-focus, var(--button-main-neutral-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-background-active, var(--button-main-neutral-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--success{--_btn-bg: var(--button-main-success-background-default);--_btn-border: var(--button-main-success-border-default);--_btn-text: var(--button-main-success-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--success{--_btn-hover-bg: var( --button-main-success-background-hover, var(--button-main-success-background-default) );--_btn-hover-border: var( --button-main-success-border-hover, var(--button-main-success-border-default) );--_btn-hover-text: var( --button-main-success-text-hover, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-focus-bg: var( --button-main-success-background-focus, var(--button-main-success-background-default) );--_btn-focus-border: var( --button-main-success-border-focus, var(--button-main-success-border-default) );--_btn-focus-text: var( --button-main-success-text-focus, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-active-bg: var( --button-main-success-background-active, var(--button-main-success-background-default) );--_btn-active-border: var( --button-main-success-border-active, var(--button-main-success-border-default) );--_btn-active-text: var( --button-main-success-text-active, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger{--_btn-bg: var(--button-main-danger-background-default);--_btn-border: var(--button-main-danger-border-default);--_btn-text: var(--button-main-danger-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--danger{--_btn-hover-bg: var( --button-main-danger-background-hover, var(--button-main-danger-background-default) );--_btn-hover-border: var( --button-main-danger-border-hover, var(--button-main-danger-border-default) );--_btn-hover-text: var( --button-main-danger-text-hover, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-focus-bg: var( --button-main-danger-background-focus, var(--button-main-danger-background-default) );--_btn-focus-border: var( --button-main-danger-border-focus, var(--button-main-danger-border-default) );--_btn-focus-text: var( --button-main-danger-text-focus, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-active-bg: var( --button-main-danger-background-active, var(--button-main-danger-background-default) );--_btn-active-border: var( --button-main-danger-border-active, var(--button-main-danger-border-default) );--_btn-active-text: var( --button-main-danger-text-active, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--danger-neutral{--_btn-bg: var(--button-main-danger-neutral-background-default);--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-background-hover, var(--button-main-danger-neutral-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-background-focus, var(--button-main-danger-neutral-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-background-active, var(--button-main-danger-neutral-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--primary-inverted{--_btn-bg: var(--button-main-primary-inverted-background-default);--_btn-border: var(--button-main-primary-inverted-border-default);--_btn-text: var(--button-main-primary-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--primary-inverted{--_btn-hover-bg: var( --button-main-primary-inverted-background-hover, var(--button-main-primary-inverted-background-default) );--_btn-hover-border: var( --button-main-primary-inverted-border-hover, var(--button-main-primary-inverted-border-default) );--_btn-hover-text: var( --button-main-primary-inverted-text-hover, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-focus-bg: var( --button-main-primary-inverted-background-focus, var(--button-main-primary-inverted-background-default) );--_btn-focus-border: var( --button-main-primary-inverted-border-focus, var(--button-main-primary-inverted-border-default) );--_btn-focus-text: var( --button-main-primary-inverted-text-focus, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-active-bg: var( --button-main-primary-inverted-background-active, var(--button-main-primary-inverted-background-default) );--_btn-active-border: var( --button-main-primary-inverted-border-active, var(--button-main-primary-inverted-border-default) );--_btn-active-text: var( --button-main-primary-inverted-text-active, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary-inverted{--_btn-bg: var(--button-main-secondary-inverted-background-default);--_btn-border: var(--button-main-secondary-inverted-border-default);--_btn-text: var(--button-main-secondary-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--secondary-inverted{--_btn-hover-bg: var( --button-main-secondary-inverted-background-hover, var(--button-main-secondary-inverted-background-default) );--_btn-hover-border: var( --button-main-secondary-inverted-border-hover, var(--button-main-secondary-inverted-border-default) );--_btn-hover-text: var( --button-main-secondary-inverted-text-hover, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-focus-bg: var( --button-main-secondary-inverted-background-focus, var(--button-main-secondary-inverted-background-default) );--_btn-focus-border: var( --button-main-secondary-inverted-border-focus, var(--button-main-secondary-inverted-border-default) );--_btn-focus-text: var( --button-main-secondary-inverted-text-focus, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-active-bg: var( --button-main-secondary-inverted-background-active, var(--button-main-secondary-inverted-background-default) );--_btn-active-border: var( --button-main-secondary-inverted-border-active, var(--button-main-secondary-inverted-border-default) );--_btn-active-text: var( --button-main-secondary-inverted-text-active, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral-inverted{--_btn-bg: var(--button-main-neutral-inverted-background-default);--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-background-hover, var(--button-main-neutral-inverted-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-background-focus, var(--button-main-neutral-inverted-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-background-active, var(--button-main-neutral-inverted-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button[class*=-inverted]:focus-visible{outline:none;box-shadow:0 0 0 1px var(--tedi-neutral-100),0 0 0 3px var(--_btn-outline)}.tedi-button--icon-only.tedi-button--neutral{--_btn-bg: var( --button-main-neutral-icon-only-background-default );--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-icon-only-background-hover, var(--button-main-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-icon-only-background-focus, var(--button-main-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-icon-only-background-active, var(--button-main-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-bg: var( --button-main-neutral-inverted-icon-only-background-default );--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-icon-only-background-hover, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-icon-only-background-focus, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-icon-only-background-active, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-bg: var( --button-main-danger-neutral-icon-only-background-default );--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-icon-only-background-hover, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-icon-only-background-focus, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-icon-only-background-active, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size);height:var(--button-sm-icon-size);padding:var(--button-sm-icon-padding)}button.tedi-floating-button{box-shadow:0 4px 10px 0 var(--tedi-alpha-14)}button.tedi-floating-button{display:inline-flex;gap:var(--_btn-inner-spacing);align-items:center;justify-content:center;padding:var(--_btn-padding);font-family:var(--family-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);color:var(--_btn-text);text-decoration:none;cursor:pointer;background:var(--_btn-bg);border:var(--tedi-borders-01) solid var(--_btn-border);border-radius:var(--button-radius-default);transition:.15s ease;transition-property:background-color,border-color}button.tedi-floating-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}button.tedi-floating-button--pl:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}button.tedi-floating-button--pr:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}button.tedi-floating-button:hover{color:var(--_btn-hover-text);background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border)}button.tedi-floating-button:active{color:var(--_btn-active-text);background:var(--_btn-active-bg);border-color:var(--_btn-active-border)}button.tedi-floating-button:focus-visible{color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px;background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border)}button.tedi-floating-button:disabled{color:var(--_btn-disabled-text);cursor:not-allowed;background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border)}button.tedi-floating-button tedi-icon{font-size:inherit;color:inherit}button.tedi-floating-button--vertical{min-width:max-content;white-space:nowrap;border-radius:0;transform:rotate(-90deg);transform-origin:center;border-top-right-radius:var(--button-radius-sm);border-top-left-radius:var(--button-radius-sm)}button.tedi-floating-button.tedi-floating-button--primary{--_btn-bg: var(--button-floating-primary-background-default);--_btn-border: var(--button-floating-primary-border-default);--_btn-text: var(--button-floating-primary-text-default);--_btn-outline: var(--tedi-primary-500)}button.tedi-floating-button.tedi-floating-button--primary{--_btn-hover-bg: var( --button-floating-primary-background-hover, var(--button-floating-primary-background-default) );--_btn-hover-border: var( --button-floating-primary-border-hover, var(--button-floating-primary-border-default) );--_btn-hover-text: var( --button-floating-primary-text-hover, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-focus-bg: var( --button-floating-primary-background-focus, var(--button-floating-primary-background-default) );--_btn-focus-border: var( --button-floating-primary-border-focus, var(--button-floating-primary-border-default) );--_btn-focus-text: var( --button-floating-primary-text-focus, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-active-bg: var( --button-floating-primary-background-active, var(--button-floating-primary-background-default) );--_btn-active-border: var( --button-floating-primary-border-active, var(--button-floating-primary-border-default) );--_btn-active-text: var( --button-floating-primary-text-active, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-bg: var(--button-floating-secondary-background-default);--_btn-border: var(--button-floating-secondary-border-default);--_btn-text: var(--button-floating-secondary-text-default);--_btn-outline: var(--tedi-primary-500)}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-hover-bg: var( --button-floating-secondary-background-hover, var(--button-floating-secondary-background-default) );--_btn-hover-border: var( --button-floating-secondary-border-hover, var(--button-floating-secondary-border-default) );--_btn-hover-text: var( --button-floating-secondary-text-hover, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-focus-bg: var( --button-floating-secondary-background-focus, var(--button-floating-secondary-background-default) );--_btn-focus-border: var( --button-floating-secondary-border-focus, var(--button-floating-secondary-border-default) );--_btn-focus-text: var( --button-floating-secondary-text-focus, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-active-bg: var( --button-floating-secondary-background-active, var(--button-floating-secondary-background-default) );--_btn-active-border: var( --button-floating-secondary-border-active, var(--button-floating-secondary-border-default) );--_btn-active-text: var( --button-floating-secondary-text-active, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}button.tedi-floating-button--default{font-size:var(--button-text-size-default);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x)}button.tedi-floating-button--large{font-size:var(--button-text-size-lg);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-lg-inner-spacing);--_btn-padding-y: var(--button-lg-padding-y);--_btn-padding-x: var(--button-lg-padding-x)}\n"], encapsulation: i0.ViewEncapsulation.None });
54
54
  }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FloatingButtonComponent, decorators: [{
55
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FloatingButtonComponent, decorators: [{
56
56
  type: Component,
57
57
  args: [{ selector: "[tedi-floating-button]", template: `<ng-content />`, encapsulation: ViewEncapsulation.None, hostDirectives: [
58
58
  {
@@ -61,14 +61,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
61
61
  ], host: {
62
62
  "[class]": "floatClasses()",
63
63
  }, styles: [".tedi-button{display:inline-flex;gap:var(--_btn-inner-spacing);align-items:center;justify-content:center;padding:var(--_btn-padding);font-family:var(--family-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);color:var(--_btn-text);text-decoration:none;cursor:pointer;background:var(--_btn-bg);border:var(--tedi-borders-01) solid var(--_btn-border);border-radius:var(--button-radius-default);transition:.15s ease;transition-property:background-color,border-color}.tedi-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}.tedi-button--pl:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button--pr:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}.tedi-button:hover{color:var(--_btn-hover-text);background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border)}.tedi-button:active{color:var(--_btn-active-text);background:var(--_btn-active-bg);border-color:var(--_btn-active-border)}.tedi-button:focus-visible{color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px;background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border)}.tedi-button:disabled{color:var(--_btn-disabled-text);cursor:not-allowed;background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border)}.tedi-button tedi-icon{font-size:inherit;color:inherit}.tedi-button--small{font-size:var(--button-text-size-sm);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-sm-inner-spacing);--_btn-padding-y: var(--button-sm-padding-y);--_btn-padding-x: var(--button-sm-padding-x)}.tedi-button--default{font-size:var(--button-text-size-default);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x)}.tedi-button--primary{--_btn-bg: var(--button-main-primary-background-default);--_btn-border: var(--button-main-primary-border-default);--_btn-text: var(--button-main-primary-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--primary{--_btn-hover-bg: var( --button-main-primary-background-hover, var(--button-main-primary-background-default) );--_btn-hover-border: var( --button-main-primary-border-hover, var(--button-main-primary-border-default) );--_btn-hover-text: var( --button-main-primary-text-hover, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-focus-bg: var( --button-main-primary-background-focus, var(--button-main-primary-background-default) );--_btn-focus-border: var( --button-main-primary-border-focus, var(--button-main-primary-border-default) );--_btn-focus-text: var( --button-main-primary-text-focus, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-active-bg: var( --button-main-primary-background-active, var(--button-main-primary-background-default) );--_btn-active-border: var( --button-main-primary-border-active, var(--button-main-primary-border-default) );--_btn-active-text: var( --button-main-primary-text-active, var(--button-main-primary-text-default) )}.tedi-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary{--_btn-bg: var(--button-main-secondary-background-default);--_btn-border: var(--button-main-secondary-border-default);--_btn-text: var(--button-main-secondary-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--secondary{--_btn-hover-bg: var( --button-main-secondary-background-hover, var(--button-main-secondary-background-default) );--_btn-hover-border: var( --button-main-secondary-border-hover, var(--button-main-secondary-border-default) );--_btn-hover-text: var( --button-main-secondary-text-hover, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-focus-bg: var( --button-main-secondary-background-focus, var(--button-main-secondary-background-default) );--_btn-focus-border: var( --button-main-secondary-border-focus, var(--button-main-secondary-border-default) );--_btn-focus-text: var( --button-main-secondary-text-focus, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-active-bg: var( --button-main-secondary-background-active, var(--button-main-secondary-background-default) );--_btn-active-border: var( --button-main-secondary-border-active, var(--button-main-secondary-border-default) );--_btn-active-text: var( --button-main-secondary-text-active, var(--button-main-secondary-text-default) )}.tedi-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral{--_btn-bg: var(--button-main-neutral-background-default);--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-background-hover, var(--button-main-neutral-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-background-focus, var(--button-main-neutral-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-background-active, var(--button-main-neutral-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--success{--_btn-bg: var(--button-main-success-background-default);--_btn-border: var(--button-main-success-border-default);--_btn-text: var(--button-main-success-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--success{--_btn-hover-bg: var( --button-main-success-background-hover, var(--button-main-success-background-default) );--_btn-hover-border: var( --button-main-success-border-hover, var(--button-main-success-border-default) );--_btn-hover-text: var( --button-main-success-text-hover, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-focus-bg: var( --button-main-success-background-focus, var(--button-main-success-background-default) );--_btn-focus-border: var( --button-main-success-border-focus, var(--button-main-success-border-default) );--_btn-focus-text: var( --button-main-success-text-focus, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-active-bg: var( --button-main-success-background-active, var(--button-main-success-background-default) );--_btn-active-border: var( --button-main-success-border-active, var(--button-main-success-border-default) );--_btn-active-text: var( --button-main-success-text-active, var(--button-main-success-text-default) )}.tedi-button--success{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger{--_btn-bg: var(--button-main-danger-background-default);--_btn-border: var(--button-main-danger-border-default);--_btn-text: var(--button-main-danger-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--danger{--_btn-hover-bg: var( --button-main-danger-background-hover, var(--button-main-danger-background-default) );--_btn-hover-border: var( --button-main-danger-border-hover, var(--button-main-danger-border-default) );--_btn-hover-text: var( --button-main-danger-text-hover, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-focus-bg: var( --button-main-danger-background-focus, var(--button-main-danger-background-default) );--_btn-focus-border: var( --button-main-danger-border-focus, var(--button-main-danger-border-default) );--_btn-focus-text: var( --button-main-danger-text-focus, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-active-bg: var( --button-main-danger-background-active, var(--button-main-danger-background-default) );--_btn-active-border: var( --button-main-danger-border-active, var(--button-main-danger-border-default) );--_btn-active-text: var( --button-main-danger-text-active, var(--button-main-danger-text-default) )}.tedi-button--danger{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--danger-neutral:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--danger-neutral:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--danger-neutral{--_btn-bg: var(--button-main-danger-neutral-background-default);--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-background-hover, var(--button-main-danger-neutral-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-background-focus, var(--button-main-danger-neutral-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-background-active, var(--button-main-danger-neutral-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--primary-inverted{--_btn-bg: var(--button-main-primary-inverted-background-default);--_btn-border: var(--button-main-primary-inverted-border-default);--_btn-text: var(--button-main-primary-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--primary-inverted{--_btn-hover-bg: var( --button-main-primary-inverted-background-hover, var(--button-main-primary-inverted-background-default) );--_btn-hover-border: var( --button-main-primary-inverted-border-hover, var(--button-main-primary-inverted-border-default) );--_btn-hover-text: var( --button-main-primary-inverted-text-hover, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-focus-bg: var( --button-main-primary-inverted-background-focus, var(--button-main-primary-inverted-background-default) );--_btn-focus-border: var( --button-main-primary-inverted-border-focus, var(--button-main-primary-inverted-border-default) );--_btn-focus-text: var( --button-main-primary-inverted-text-focus, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-active-bg: var( --button-main-primary-inverted-background-active, var(--button-main-primary-inverted-background-default) );--_btn-active-border: var( --button-main-primary-inverted-border-active, var(--button-main-primary-inverted-border-default) );--_btn-active-text: var( --button-main-primary-inverted-text-active, var(--button-main-primary-inverted-text-default) )}.tedi-button--primary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--secondary-inverted{--_btn-bg: var(--button-main-secondary-inverted-background-default);--_btn-border: var(--button-main-secondary-inverted-border-default);--_btn-text: var(--button-main-secondary-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--secondary-inverted{--_btn-hover-bg: var( --button-main-secondary-inverted-background-hover, var(--button-main-secondary-inverted-background-default) );--_btn-hover-border: var( --button-main-secondary-inverted-border-hover, var(--button-main-secondary-inverted-border-default) );--_btn-hover-text: var( --button-main-secondary-inverted-text-hover, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-focus-bg: var( --button-main-secondary-inverted-background-focus, var(--button-main-secondary-inverted-background-default) );--_btn-focus-border: var( --button-main-secondary-inverted-border-focus, var(--button-main-secondary-inverted-border-default) );--_btn-focus-text: var( --button-main-secondary-inverted-text-focus, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-active-bg: var( --button-main-secondary-inverted-background-active, var(--button-main-secondary-inverted-background-default) );--_btn-active-border: var( --button-main-secondary-inverted-border-active, var(--button-main-secondary-inverted-border-default) );--_btn-active-text: var( --button-main-secondary-inverted-text-active, var(--button-main-secondary-inverted-text-default) )}.tedi-button--secondary-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}.tedi-button--neutral-inverted{--_btn-bg: var(--button-main-neutral-inverted-background-default);--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-background-hover, var(--button-main-neutral-inverted-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-background-focus, var(--button-main-neutral-inverted-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-background-active, var(--button-main-neutral-inverted-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--neutral-inverted:where(.tedi-button--small){--_btn-padding-y: var(--button-sm-neutral-padding-y);--_btn-padding-x: var(--button-sm-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button--neutral-inverted:where(.tedi-button--default){--_btn-padding-y: var(--button-md-neutral-padding-y);--_btn-padding-x: var(--button-md-neutral-padding-x);--_btn-padding: calc(var(--_btn-padding-y) - 1px) var(--_btn-padding-x)}.tedi-button[class*=-inverted]:focus-visible{outline:none;box-shadow:0 0 0 1px var(--tedi-neutral-100),0 0 0 3px var(--_btn-outline)}.tedi-button--icon-only.tedi-button--neutral{--_btn-bg: var( --button-main-neutral-icon-only-background-default );--_btn-border: var(--button-main-neutral-border-default);--_btn-text: var(--button-main-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--neutral{--_btn-hover-bg: var( --button-main-neutral-icon-only-background-hover, var(--button-main-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-border-hover, var(--button-main-neutral-border-default) );--_btn-hover-text: var( --button-main-neutral-text-hover, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-focus-bg: var( --button-main-neutral-icon-only-background-focus, var(--button-main-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-border-focus, var(--button-main-neutral-border-default) );--_btn-focus-text: var( --button-main-neutral-text-focus, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-active-bg: var( --button-main-neutral-icon-only-background-active, var(--button-main-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-border-active, var(--button-main-neutral-border-default) );--_btn-active-text: var( --button-main-neutral-text-active, var(--button-main-neutral-text-default) )}.tedi-button--icon-only.tedi-button--neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-bg: var( --button-main-neutral-inverted-icon-only-background-default );--_btn-border: var(--button-main-neutral-inverted-border-default);--_btn-text: var(--button-main-neutral-inverted-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-hover-bg: var( --button-main-neutral-inverted-icon-only-background-hover, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-hover-border: var( --button-main-neutral-inverted-border-hover, var(--button-main-neutral-inverted-border-default) );--_btn-hover-text: var( --button-main-neutral-inverted-text-hover, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-focus-bg: var( --button-main-neutral-inverted-icon-only-background-focus, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-focus-border: var( --button-main-neutral-inverted-border-focus, var(--button-main-neutral-inverted-border-default) );--_btn-focus-text: var( --button-main-neutral-inverted-text-focus, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-active-bg: var( --button-main-neutral-inverted-icon-only-background-active, var(--button-main-neutral-inverted-icon-only-background-default) );--_btn-active-border: var( --button-main-neutral-inverted-border-active, var(--button-main-neutral-inverted-border-default) );--_btn-active-text: var( --button-main-neutral-inverted-text-active, var(--button-main-neutral-inverted-text-default) )}.tedi-button--icon-only.tedi-button--neutral-inverted{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-bg: var( --button-main-danger-neutral-icon-only-background-default );--_btn-border: var(--button-main-danger-neutral-border-default);--_btn-text: var(--button-main-danger-neutral-text-default);--_btn-outline: var(--tedi-primary-500)}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-hover-bg: var( --button-main-danger-neutral-icon-only-background-hover, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-hover-border: var( --button-main-danger-neutral-border-hover, var(--button-main-danger-neutral-border-default) );--_btn-hover-text: var( --button-main-danger-neutral-text-hover, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-focus-bg: var( --button-main-danger-neutral-icon-only-background-focus, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-focus-border: var( --button-main-danger-neutral-border-focus, var(--button-main-danger-neutral-border-default) );--_btn-focus-text: var( --button-main-danger-neutral-text-focus, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-active-bg: var( --button-main-danger-neutral-icon-only-background-active, var(--button-main-danger-neutral-icon-only-background-default) );--_btn-active-border: var( --button-main-danger-neutral-border-active, var(--button-main-danger-neutral-border-default) );--_btn-active-text: var( --button-main-danger-neutral-text-active, var(--button-main-danger-neutral-text-default) )}.tedi-button--icon-only.tedi-button--danger-neutral{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-neutral-background);--_btn-disabled-border: var(--button-main-disabled-neutral-border)}.tedi-button--icon-only.tedi-button--small{width:var(--button-sm-icon-size);height:var(--button-sm-icon-size);padding:var(--button-sm-icon-padding)}button.tedi-floating-button{box-shadow:0 4px 10px 0 var(--tedi-alpha-14)}button.tedi-floating-button{display:inline-flex;gap:var(--_btn-inner-spacing);align-items:center;justify-content:center;padding:var(--_btn-padding);font-family:var(--family-default);font-weight:var(--body-regular-weight);line-height:var(--body-bold-line-height);color:var(--_btn-text);text-decoration:none;cursor:pointer;background:var(--_btn-bg);border:var(--tedi-borders-01) solid var(--_btn-border);border-radius:var(--button-radius-default);transition:.15s ease;transition-property:background-color,border-color}button.tedi-floating-button--icon-only{width:var(--button-md-icon-size);height:var(--button-md-icon-size);padding:var(--button-md-icon-padding)}button.tedi-floating-button--pl:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-left:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}button.tedi-floating-button--pr:not(.tedi-button--neutral,.tedi-button--danger-neutral,.tedi-button--neutral-inverted){padding-right:calc(var(--_btn-padding-x) + var(--_btn-inner-spacing) - 1px)}button.tedi-floating-button:hover{color:var(--_btn-hover-text);background:var(--_btn-hover-bg);border-color:var(--_btn-hover-border)}button.tedi-floating-button:active{color:var(--_btn-active-text);background:var(--_btn-active-bg);border-color:var(--_btn-active-border)}button.tedi-floating-button:focus-visible{color:var(--_btn-focus-text);outline:2px solid var(--_btn-outline);outline-offset:1px;background:var(--_btn-focus-bg);border-color:var(--_btn-focus-border)}button.tedi-floating-button:disabled{color:var(--_btn-disabled-text);cursor:not-allowed;background:var(--_btn-disabled-bg);border-color:var(--_btn-disabled-border)}button.tedi-floating-button tedi-icon{font-size:inherit;color:inherit}button.tedi-floating-button--vertical{min-width:max-content;white-space:nowrap;border-radius:0;transform:rotate(-90deg);transform-origin:center;border-top-right-radius:var(--button-radius-sm);border-top-left-radius:var(--button-radius-sm)}button.tedi-floating-button.tedi-floating-button--primary{--_btn-bg: var(--button-floating-primary-background-default);--_btn-border: var(--button-floating-primary-border-default);--_btn-text: var(--button-floating-primary-text-default);--_btn-outline: var(--tedi-primary-500)}button.tedi-floating-button.tedi-floating-button--primary{--_btn-hover-bg: var( --button-floating-primary-background-hover, var(--button-floating-primary-background-default) );--_btn-hover-border: var( --button-floating-primary-border-hover, var(--button-floating-primary-border-default) );--_btn-hover-text: var( --button-floating-primary-text-hover, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-focus-bg: var( --button-floating-primary-background-focus, var(--button-floating-primary-background-default) );--_btn-focus-border: var( --button-floating-primary-border-focus, var(--button-floating-primary-border-default) );--_btn-focus-text: var( --button-floating-primary-text-focus, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-active-bg: var( --button-floating-primary-background-active, var(--button-floating-primary-background-default) );--_btn-active-border: var( --button-floating-primary-border-active, var(--button-floating-primary-border-default) );--_btn-active-text: var( --button-floating-primary-text-active, var(--button-floating-primary-text-default) )}button.tedi-floating-button.tedi-floating-button--primary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-bg: var(--button-floating-secondary-background-default);--_btn-border: var(--button-floating-secondary-border-default);--_btn-text: var(--button-floating-secondary-text-default);--_btn-outline: var(--tedi-primary-500)}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-hover-bg: var( --button-floating-secondary-background-hover, var(--button-floating-secondary-background-default) );--_btn-hover-border: var( --button-floating-secondary-border-hover, var(--button-floating-secondary-border-default) );--_btn-hover-text: var( --button-floating-secondary-text-hover, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-focus-bg: var( --button-floating-secondary-background-focus, var(--button-floating-secondary-background-default) );--_btn-focus-border: var( --button-floating-secondary-border-focus, var(--button-floating-secondary-border-default) );--_btn-focus-text: var( --button-floating-secondary-text-focus, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-active-bg: var( --button-floating-secondary-background-active, var(--button-floating-secondary-background-default) );--_btn-active-border: var( --button-floating-secondary-border-active, var(--button-floating-secondary-border-default) );--_btn-active-text: var( --button-floating-secondary-text-active, var(--button-floating-secondary-text-default) )}button.tedi-floating-button.tedi-floating-button--secondary{--_btn-disabled-text: var(--button-main-disabled-general-text);--_btn-disabled-bg: var(--button-main-disabled-general-background);--_btn-disabled-border: var(--button-main-disabled-general-border)}button.tedi-floating-button--default{font-size:var(--button-text-size-default);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-md-inner-spacing);--_btn-padding-y: var(--button-md-padding-y);--_btn-padding-x: var(--button-md-padding-x)}button.tedi-floating-button--large{font-size:var(--button-text-size-lg);--_btn-padding: calc(var(--_btn-padding-y) - 1px) calc(var(--_btn-padding-x) - 1px);--_btn-inner-spacing: var(--button-lg-inner-spacing);--_btn-padding-y: var(--button-lg-padding-y);--_btn-padding-x: var(--button-lg-padding-x)}\n"] }]
64
- }] });
64
+ }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], axis: [{ type: i0.Input, args: [{ isSignal: true, alias: "axis", required: false }] }] } });
65
65
 
66
66
  class CardColorsDirective {
67
67
  /**
68
68
  * Modifies background of the block it's attached to.
69
69
  */
70
- background = input();
71
- border = input();
70
+ background = input(...(ngDevMode ? [undefined, { debugName: "background" }] : []));
71
+ border = input(...(ngDevMode ? [undefined, { debugName: "border" }] : []));
72
72
  modifierClasses = computed(() => {
73
73
  const modifiers = [];
74
74
  if (this.background()) {
@@ -78,11 +78,11 @@ class CardColorsDirective {
78
78
  modifiers.push(`tedi-card--border--${this.border()}`);
79
79
  }
80
80
  return modifiers.join(" ");
81
- });
82
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardColorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
83
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: CardColorsDirective, isStandalone: true, inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "modifierClasses()" } }, ngImport: i0 });
81
+ }, ...(ngDevMode ? [{ debugName: "modifierClasses" }] : []));
82
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardColorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
83
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.24", type: CardColorsDirective, isStandalone: true, inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "modifierClasses()" } }, ngImport: i0 });
84
84
  }
85
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardColorsDirective, decorators: [{
85
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardColorsDirective, decorators: [{
86
86
  type: Directive,
87
87
  args: [{
88
88
  standalone: true,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
90
90
  "[class]": "modifierClasses()",
91
91
  },
92
92
  }]
93
- }] });
93
+ }], propDecorators: { background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }] } });
94
94
 
95
95
  const getPaddingClasses = (padding) => {
96
96
  if (typeof padding === "string") {
@@ -108,17 +108,17 @@ class CardPaddingDirective {
108
108
  /**
109
109
  * Modifies padding of the block it's attached to. Can be override whole block or horizontal, vertical or each side separately.
110
110
  */
111
- padding = input();
111
+ padding = input(...(ngDevMode ? [undefined, { debugName: "padding" }] : []));
112
112
  modifierClasses = computed(() => {
113
113
  if (this.padding()) {
114
114
  return getPaddingClasses(this.padding());
115
115
  }
116
116
  return "";
117
- });
118
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardPaddingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
119
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: CardPaddingDirective, isStandalone: true, inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "modifierClasses()" } }, ngImport: i0 });
117
+ }, ...(ngDevMode ? [{ debugName: "modifierClasses" }] : []));
118
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardPaddingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
119
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.24", type: CardPaddingDirective, isStandalone: true, inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "modifierClasses()" } }, ngImport: i0 });
120
120
  }
121
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardPaddingDirective, decorators: [{
121
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardPaddingDirective, decorators: [{
122
122
  type: Directive,
123
123
  args: [{
124
124
  standalone: true,
@@ -126,39 +126,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
126
126
  "[class]": "modifierClasses()",
127
127
  },
128
128
  }]
129
- }] });
129
+ }], propDecorators: { padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }] } });
130
130
 
131
131
  class CardComponent {
132
132
  /**
133
133
  * Whether card should not have border.
134
134
  * @default false
135
135
  */
136
- borderless = input();
136
+ borderless = input(...(ngDevMode ? [undefined, { debugName: "borderless" }] : []));
137
137
  /**
138
138
  * Sets padding for header and content block.
139
139
  * @default md
140
140
  */
141
- spacing = input("md");
141
+ spacing = input("md", ...(ngDevMode ? [{ debugName: "spacing" }] : []));
142
142
  /**
143
143
  * Creates colored accent left border.
144
144
  */
145
- accentBorder = input();
145
+ accentBorder = input(...(ngDevMode ? [undefined, { debugName: "accentBorder" }] : []));
146
146
  /**
147
147
  * Whether card should have selected border.
148
148
  * @default false
149
149
  */
150
- selected = input();
150
+ selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
151
151
  modifierClasses = computed(() => {
152
152
  const modifiers = [`tedi-card--spacing-${this.spacing()}`];
153
153
  if (this.accentBorder()) {
154
154
  modifiers.push(`tedi-card--accent-border`, `tedi-card--accent-border--${this.accentBorder()}`);
155
155
  }
156
156
  return modifiers.join(" ");
157
- });
158
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
159
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardComponent, isStandalone: true, selector: "tedi-card", inputs: { borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, accentBorder: { classPropertyName: "accentBorder", publicName: "accentBorder", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card": "true", "class.tedi-card--borderless": "borderless()", "class.tedi-card--selected": "selected()", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card{--_card-border: var(--card-border-primary);--_card-selected-border: var(--card-border-selected);--_card-bg: var(--card-background-primary);--_card-timeline-color: var(--general-border-accent);--_card-radius: var(--card-radius-rounded);border-radius:var(--_card-radius);display:flex;flex-direction:column;position:relative}.tedi-card--background--accent{--_card-bg: var(--card-background-accent)}.tedi-card--border--accent{--_card-border: var(--card-background-accent)}.tedi-card--background--brand-primary{--_card-bg: var(--card-background-brand-primary)}.tedi-card--border--brand-primary{--_card-border: var(--card-background-brand-primary)}.tedi-card--background--brand-secondary{--_card-bg: var(--card-background-brand-secondary)}.tedi-card--border--brand-secondary{--_card-border: var(--card-background-brand-secondary)}.tedi-card--background--brand-tertiary{--_card-bg: var(--card-background-brand-tertiary)}.tedi-card--border--brand-tertiary{--_card-border: var(--card-background-brand-tertiary)}.tedi-card--background--brand-quaternary{--_card-bg: var(--card-background-brand-quaternary)}.tedi-card--border--brand-quaternary{--_card-border: var(--card-background-brand-quaternary)}.tedi-card--background--primary{--_card-bg: var(--card-background-primary)}.tedi-card--border--primary{--_card-border: var(--card-background-primary)}.tedi-card--background--secondary{--_card-bg: var(--card-background-secondary)}.tedi-card--border--secondary{--_card-border: var(--card-background-secondary)}.tedi-card--background--tertiary{--_card-bg: var(--card-background-tertiary)}.tedi-card--border--tertiary{--_card-border: var(--card-background-tertiary)}.tedi-card--background--info-primary{--_card-bg: var(--general-status-info-background-light)}.tedi-card--border--info-primary{--_card-border: var(--general-status-info-background-light)}.tedi-card--background--info-secondary{--_card-bg: var(--general-status-info-background-dark)}.tedi-card--border--info-secondary{--_card-border: var(--general-status-info-background-dark)}.tedi-card--background--neutral-primary{--_card-bg: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-primary{--_card-border: var(--general-status-neutral-background-light)}.tedi-card--background--neutral-secondary{--_card-bg: var(--general-status-neutral-background-dark)}.tedi-card--border--neutral-secondary{--_card-border: var(--general-status-neutral-background-dark)}.tedi-card--background--success-primary{--_card-bg: var(--card-background-success)}.tedi-card--border--success-primary{--_card-border: var(--card-background-success)}.tedi-card--background--success-secondary{--_card-bg: var(--general-status-success-background-secondary)}.tedi-card--border--success-secondary{--_card-border: var(--general-status-success-background-secondary)}.tedi-card--background--danger-primary{--_card-bg: var(--general-status-danger-background-primary)}.tedi-card--border--danger-primary{--_card-border: var(--general-status-danger-background-primary)}.tedi-card--background--danger-secondary{--_card-bg: var(--general-status-danger-background-secondary)}.tedi-card--border--danger-secondary{--_card-border: var(--general-status-danger-background-secondary)}.tedi-card--background--warning-primary{--_card-bg: var(--general-status-warning-background-light)}.tedi-card--border--warning-primary{--_card-border: var(--general-status-warning-background-light)}.tedi-card--background--warning-secondary{--_card-bg: var(--general-status-warning-background-dark)}.tedi-card--border--warning-secondary{--_card-border: var(--general-status-warning-background-dark)}.tedi-card--spacing-xs{--_card-padding-top: var(--card-padding-xs);--_card-padding-bottom: var(--card-padding-xs);--_card-padding-left: var(--card-padding-xs);--_card-padding-right: var(--card-padding-xs)}.tedi-card--spacing-sm{--_card-padding-top: var(--card-padding-sm);--_card-padding-bottom: var(--card-padding-sm);--_card-padding-left: var(--card-padding-sm);--_card-padding-right: var(--card-padding-sm)}.tedi-card--spacing-md{--_card-padding-top: var(--card-padding-md-default);--_card-padding-bottom: var(--card-padding-md-default);--_card-padding-left: var(--card-padding-md-default);--_card-padding-right: var(--card-padding-md-default)}.tedi-card--spacing-lg{--_card-padding-top: var(--card-padding-lg);--_card-padding-bottom: var(--card-padding-lg);--_card-padding-left: var(--card-padding-lg);--_card-padding-right: var(--card-padding-lg)}.tedi-card--spacing-none{--_card-padding-top: 0;--_card-padding-bottom: 0;--_card-padding-left: 0;--_card-padding-right: 0}.tedi-card--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-top: 0}.tedi-card--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-bottom: 0}.tedi-card--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-left: 0}.tedi-card--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-right: 0}.tedi-card--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-top: 0}.tedi-card--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-left: 0}.tedi-card--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-right: 0}.tedi-card--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-top-none{--_card-padding-top: 0}.tedi-card--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-left-none{--_card-padding-left: 0}.tedi-card--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-right-none{--_card-padding-right: 0}.tedi-card--accent-border:before{content:\"\";display:block;position:absolute;left:0;top:0;bottom:0;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius);border-left:4px solid var(--_card-border-accent)}.tedi-card--accent-border--info{--_card-border-accent: var(--general-status-info-background-dark)}.tedi-card--accent-border--success{--_card-border-accent: var(--general-status-success-background-secondary)}.tedi-card--accent-border--warning{--_card-border-accent: var(--general-status-warning-background-dark)}.tedi-card--accent-border--danger{--_card-border-accent: var(--general-status-danger-background-secondary)}.tedi-card>.tedi-card-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:not(:first-child){border-top:transparent}.tedi-card>.tedi-card-content:not(.tedi-card-content--has-separator,:last-child){border-bottom:transparent}.tedi-card>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:last-child{border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row>.tedi-card-content:not(:first-child){border-left:transparent}.tedi-card>.tedi-card-row>.tedi-card-content:not(:last-child,.tedi-card-content--has-separator){border-right:transparent}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:last-child{border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:first-child{border-bottom-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:last-child{border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:not(:first-child)>.tedi-card-content{border-top:transparent}.tedi-card>.tedi-card-row:not(:last-child,.tedi-card-row--has-separator)>.tedi-card-content{border-bottom:transparent}.tedi-card--selected{outline:1px solid var(--_card-selected-border);outline-offset:-1px}.tedi-card--borderless{--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
157
+ }, ...(ngDevMode ? [{ debugName: "modifierClasses" }] : []));
158
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
159
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardComponent, isStandalone: true, selector: "tedi-card", inputs: { borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, accentBorder: { classPropertyName: "accentBorder", publicName: "accentBorder", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card": "true", "class.tedi-card--borderless": "borderless()", "class.tedi-card--selected": "selected()", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card{--_card-border: var(--card-border-primary);--_card-selected-border: var(--card-border-selected);--_card-bg: var(--card-background-primary);--_card-timeline-color: var(--general-border-accent);--_card-radius: var(--card-radius-rounded);border-radius:var(--_card-radius);display:flex;flex-direction:column;position:relative}.tedi-card--background--accent{--_card-bg: var(--card-background-accent)}.tedi-card--border--accent{--_card-border: var(--card-background-accent)}.tedi-card--background--brand-primary{--_card-bg: var(--card-background-brand-primary)}.tedi-card--border--brand-primary{--_card-border: var(--card-background-brand-primary)}.tedi-card--background--brand-secondary{--_card-bg: var(--card-background-brand-secondary)}.tedi-card--border--brand-secondary{--_card-border: var(--card-background-brand-secondary)}.tedi-card--background--brand-tertiary{--_card-bg: var(--card-background-brand-tertiary)}.tedi-card--border--brand-tertiary{--_card-border: var(--card-background-brand-tertiary)}.tedi-card--background--brand-quaternary{--_card-bg: var(--card-background-brand-quaternary)}.tedi-card--border--brand-quaternary{--_card-border: var(--card-background-brand-quaternary)}.tedi-card--background--primary{--_card-bg: var(--card-background-primary)}.tedi-card--border--primary{--_card-border: var(--card-background-primary)}.tedi-card--background--secondary{--_card-bg: var(--card-background-secondary)}.tedi-card--border--secondary{--_card-border: var(--card-background-secondary)}.tedi-card--background--tertiary{--_card-bg: var(--card-background-tertiary)}.tedi-card--border--tertiary{--_card-border: var(--card-background-tertiary)}.tedi-card--background--info-primary{--_card-bg: var(--general-status-info-background-light)}.tedi-card--border--info-primary{--_card-border: var(--general-status-info-background-light)}.tedi-card--background--info-secondary{--_card-bg: var(--general-status-info-background-dark)}.tedi-card--border--info-secondary{--_card-border: var(--general-status-info-background-dark)}.tedi-card--background--neutral-primary{--_card-bg: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-primary{--_card-border: var(--general-status-neutral-background-light)}.tedi-card--background--neutral-secondary{--_card-bg: var(--general-status-neutral-background-dark)}.tedi-card--border--neutral-secondary{--_card-border: var(--general-status-neutral-background-dark)}.tedi-card--background--success-primary{--_card-bg: var(--card-background-success)}.tedi-card--border--success-primary{--_card-border: var(--card-background-success)}.tedi-card--background--success-secondary{--_card-bg: var(--general-status-success-background-secondary)}.tedi-card--border--success-secondary{--_card-border: var(--general-status-success-background-secondary)}.tedi-card--background--danger-primary{--_card-bg: var(--general-status-danger-background-primary)}.tedi-card--border--danger-primary{--_card-border: var(--general-status-danger-background-primary)}.tedi-card--background--danger-secondary{--_card-bg: var(--general-status-danger-background-secondary)}.tedi-card--border--danger-secondary{--_card-border: var(--general-status-danger-background-secondary)}.tedi-card--background--warning-primary{--_card-bg: var(--general-status-warning-background-light)}.tedi-card--border--warning-primary{--_card-border: var(--general-status-warning-background-light)}.tedi-card--background--warning-secondary{--_card-bg: var(--general-status-warning-background-dark)}.tedi-card--border--warning-secondary{--_card-border: var(--general-status-warning-background-dark)}.tedi-card--spacing-xs{--_card-padding-top: var(--card-padding-xs);--_card-padding-bottom: var(--card-padding-xs);--_card-padding-left: var(--card-padding-xs);--_card-padding-right: var(--card-padding-xs)}.tedi-card--spacing-sm{--_card-padding-top: var(--card-padding-sm);--_card-padding-bottom: var(--card-padding-sm);--_card-padding-left: var(--card-padding-sm);--_card-padding-right: var(--card-padding-sm)}.tedi-card--spacing-md{--_card-padding-top: var(--card-padding-md-default);--_card-padding-bottom: var(--card-padding-md-default);--_card-padding-left: var(--card-padding-md-default);--_card-padding-right: var(--card-padding-md-default)}.tedi-card--spacing-lg{--_card-padding-top: var(--card-padding-lg);--_card-padding-bottom: var(--card-padding-lg);--_card-padding-left: var(--card-padding-lg);--_card-padding-right: var(--card-padding-lg)}.tedi-card--spacing-none{--_card-padding-top: 0;--_card-padding-bottom: 0;--_card-padding-left: 0;--_card-padding-right: 0}.tedi-card--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-top: 0}.tedi-card--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-bottom: 0}.tedi-card--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-left: 0}.tedi-card--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-right: 0}.tedi-card--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-top: 0}.tedi-card--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-left: 0}.tedi-card--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-right: 0}.tedi-card--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-top-none{--_card-padding-top: 0}.tedi-card--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-left-none{--_card-padding-left: 0}.tedi-card--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-right-none{--_card-padding-right: 0}.tedi-card--accent-border:before{content:\"\";display:block;position:absolute;left:0;top:0;bottom:0;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius);border-left:4px solid var(--_card-border-accent)}.tedi-card--accent-border--info{--_card-border-accent: var(--general-status-info-background-dark)}.tedi-card--accent-border--success{--_card-border-accent: var(--general-status-success-background-secondary)}.tedi-card--accent-border--warning{--_card-border-accent: var(--general-status-warning-background-dark)}.tedi-card--accent-border--danger{--_card-border-accent: var(--general-status-danger-background-secondary)}.tedi-card>.tedi-card-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:not(:first-child){border-top:transparent}.tedi-card>.tedi-card-content:not(.tedi-card-content--has-separator,:last-child){border-bottom:transparent}.tedi-card>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:last-child{border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row>.tedi-card-content:not(:first-child){border-left:transparent}.tedi-card>.tedi-card-row>.tedi-card-content:not(:last-child,.tedi-card-content--has-separator){border-right:transparent}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:last-child{border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:first-child{border-bottom-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:last-child{border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:not(:first-child)>.tedi-card-content{border-top:transparent}.tedi-card>.tedi-card-row:not(:last-child,.tedi-card-row--has-separator)>.tedi-card-content{border-bottom:transparent}.tedi-card--selected{outline:1px solid var(--_card-selected-border);outline-offset:-1px}.tedi-card--borderless{--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
160
160
  }
161
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardComponent, decorators: [{
161
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardComponent, decorators: [{
162
162
  type: Component,
163
163
  args: [{ selector: "tedi-card", standalone: true, imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
164
164
  "[class.tedi-card]": "true",
@@ -175,26 +175,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
175
175
  inputs: ["padding"],
176
176
  },
177
177
  ], template: "<ng-content></ng-content>\n", styles: [".tedi-card{--_card-border: var(--card-border-primary);--_card-selected-border: var(--card-border-selected);--_card-bg: var(--card-background-primary);--_card-timeline-color: var(--general-border-accent);--_card-radius: var(--card-radius-rounded);border-radius:var(--_card-radius);display:flex;flex-direction:column;position:relative}.tedi-card--background--accent{--_card-bg: var(--card-background-accent)}.tedi-card--border--accent{--_card-border: var(--card-background-accent)}.tedi-card--background--brand-primary{--_card-bg: var(--card-background-brand-primary)}.tedi-card--border--brand-primary{--_card-border: var(--card-background-brand-primary)}.tedi-card--background--brand-secondary{--_card-bg: var(--card-background-brand-secondary)}.tedi-card--border--brand-secondary{--_card-border: var(--card-background-brand-secondary)}.tedi-card--background--brand-tertiary{--_card-bg: var(--card-background-brand-tertiary)}.tedi-card--border--brand-tertiary{--_card-border: var(--card-background-brand-tertiary)}.tedi-card--background--brand-quaternary{--_card-bg: var(--card-background-brand-quaternary)}.tedi-card--border--brand-quaternary{--_card-border: var(--card-background-brand-quaternary)}.tedi-card--background--primary{--_card-bg: var(--card-background-primary)}.tedi-card--border--primary{--_card-border: var(--card-background-primary)}.tedi-card--background--secondary{--_card-bg: var(--card-background-secondary)}.tedi-card--border--secondary{--_card-border: var(--card-background-secondary)}.tedi-card--background--tertiary{--_card-bg: var(--card-background-tertiary)}.tedi-card--border--tertiary{--_card-border: var(--card-background-tertiary)}.tedi-card--background--info-primary{--_card-bg: var(--general-status-info-background-light)}.tedi-card--border--info-primary{--_card-border: var(--general-status-info-background-light)}.tedi-card--background--info-secondary{--_card-bg: var(--general-status-info-background-dark)}.tedi-card--border--info-secondary{--_card-border: var(--general-status-info-background-dark)}.tedi-card--background--neutral-primary{--_card-bg: var(--general-status-neutral-background-light)}.tedi-card--border--neutral-primary{--_card-border: var(--general-status-neutral-background-light)}.tedi-card--background--neutral-secondary{--_card-bg: var(--general-status-neutral-background-dark)}.tedi-card--border--neutral-secondary{--_card-border: var(--general-status-neutral-background-dark)}.tedi-card--background--success-primary{--_card-bg: var(--card-background-success)}.tedi-card--border--success-primary{--_card-border: var(--card-background-success)}.tedi-card--background--success-secondary{--_card-bg: var(--general-status-success-background-secondary)}.tedi-card--border--success-secondary{--_card-border: var(--general-status-success-background-secondary)}.tedi-card--background--danger-primary{--_card-bg: var(--general-status-danger-background-primary)}.tedi-card--border--danger-primary{--_card-border: var(--general-status-danger-background-primary)}.tedi-card--background--danger-secondary{--_card-bg: var(--general-status-danger-background-secondary)}.tedi-card--border--danger-secondary{--_card-border: var(--general-status-danger-background-secondary)}.tedi-card--background--warning-primary{--_card-bg: var(--general-status-warning-background-light)}.tedi-card--border--warning-primary{--_card-border: var(--general-status-warning-background-light)}.tedi-card--background--warning-secondary{--_card-bg: var(--general-status-warning-background-dark)}.tedi-card--border--warning-secondary{--_card-border: var(--general-status-warning-background-dark)}.tedi-card--spacing-xs{--_card-padding-top: var(--card-padding-xs);--_card-padding-bottom: var(--card-padding-xs);--_card-padding-left: var(--card-padding-xs);--_card-padding-right: var(--card-padding-xs)}.tedi-card--spacing-sm{--_card-padding-top: var(--card-padding-sm);--_card-padding-bottom: var(--card-padding-sm);--_card-padding-left: var(--card-padding-sm);--_card-padding-right: var(--card-padding-sm)}.tedi-card--spacing-md{--_card-padding-top: var(--card-padding-md-default);--_card-padding-bottom: var(--card-padding-md-default);--_card-padding-left: var(--card-padding-md-default);--_card-padding-right: var(--card-padding-md-default)}.tedi-card--spacing-lg{--_card-padding-top: var(--card-padding-lg);--_card-padding-bottom: var(--card-padding-lg);--_card-padding-left: var(--card-padding-lg);--_card-padding-right: var(--card-padding-lg)}.tedi-card--spacing-none{--_card-padding-top: 0;--_card-padding-bottom: 0;--_card-padding-left: 0;--_card-padding-right: 0}.tedi-card--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-top: 0}.tedi-card--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-bottom: 0}.tedi-card--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-left: 0}.tedi-card--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-none{--_card-padding-right: 0}.tedi-card--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-top: 0}.tedi-card--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-left: 0}.tedi-card--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-horizontal-none{--_card-padding-right: 0}.tedi-card--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card--padding-top-none{--_card-padding-top: 0}.tedi-card--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card--padding-left-none{--_card-padding-left: 0}.tedi-card--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card--padding-right-none{--_card-padding-right: 0}.tedi-card--accent-border:before{content:\"\";display:block;position:absolute;left:0;top:0;bottom:0;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius);border-left:4px solid var(--_card-border-accent)}.tedi-card--accent-border--info{--_card-border-accent: var(--general-status-info-background-dark)}.tedi-card--accent-border--success{--_card-border-accent: var(--general-status-success-background-secondary)}.tedi-card--accent-border--warning{--_card-border-accent: var(--general-status-warning-background-dark)}.tedi-card--accent-border--danger{--_card-border-accent: var(--general-status-danger-background-secondary)}.tedi-card>.tedi-card-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:not(:first-child){border-top:transparent}.tedi-card>.tedi-card-content:not(.tedi-card-content--has-separator,:last-child){border-bottom:transparent}.tedi-card>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-content:last-child{border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row>.tedi-card-content:not(:first-child){border-left:transparent}.tedi-card>.tedi-card-row>.tedi-card-content:not(:last-child,.tedi-card-content--has-separator){border-right:transparent}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:first-child{border-top-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:first-child>.tedi-card-content:last-child{border-top-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:first-child{border-bottom-left-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:last-child>.tedi-card-content:last-child{border-bottom-right-radius:var(--_card-radius)}.tedi-card>.tedi-card-row:not(:first-child)>.tedi-card-content{border-top:transparent}.tedi-card>.tedi-card-row:not(:last-child,.tedi-card-row--has-separator)>.tedi-card-content{border-bottom:transparent}.tedi-card--selected{outline:1px solid var(--_card-selected-border);outline-offset:-1px}.tedi-card--borderless{--_card-border: transparent}\n"] }]
178
- }] });
178
+ }], propDecorators: { borderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderless", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], accentBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "accentBorder", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }] } });
179
179
 
180
180
  class AccordionItemComponent {
181
181
  /**
182
182
  * Accordion item id
183
183
  */
184
- id = input();
184
+ id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
185
185
  /**
186
186
  * Whether accordion item is selected
187
187
  */
188
- selected = input(false);
189
- opened = model(false);
188
+ selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
189
+ opened = model(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
190
190
  idGenerator = inject(_IdGenerator);
191
- itemId = computed(() => this.id() || this.idGenerator.getId("accordion"));
191
+ itemId = computed(() => this.id() || this.idGenerator.getId("accordion"), ...(ngDevMode ? [{ debugName: "itemId" }] : []));
192
192
  headerId = computed(() => {
193
193
  return `tedi-accordion-header-${this.itemId()}`;
194
- });
194
+ }, ...(ngDevMode ? [{ debugName: "headerId" }] : []));
195
195
  contentId = computed(() => {
196
196
  return `tedi-accordion-content-${this.itemId()}`;
197
- });
197
+ }, ...(ngDevMode ? [{ debugName: "contentId" }] : []));
198
198
  open() {
199
199
  this.opened.set(true);
200
200
  }
@@ -204,15 +204,15 @@ class AccordionItemComponent {
204
204
  toggle() {
205
205
  this.opened.update((wasOpened) => !wasOpened);
206
206
  }
207
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
208
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemComponent, isStandalone: true, selector: "tedi-accordion-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "class.tedi-accordion-item": "true" } }, ngImport: i0, template: "<tedi-card\n [selected]=\"selected()\"\n class=\"tedi-accordion-item__card\"\n [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 16px;--_accordion-header-title-spacing: 8px;--_accordion-title-color: var(--general-text-secondary)}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
207
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
208
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: AccordionItemComponent, isStandalone: true, selector: "tedi-accordion-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "class.tedi-accordion-item": "true" } }, ngImport: i0, template: "<tedi-card\n [selected]=\"selected()\"\n class=\"tedi-accordion-item__card\"\n [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 16px;--_accordion-header-title-spacing: 8px;--_accordion-title-color: var(--general-text-secondary)}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
209
209
  }
210
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemComponent, decorators: [{
210
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionItemComponent, decorators: [{
211
211
  type: Component,
212
212
  args: [{ selector: "tedi-accordion-item", standalone: true, imports: [CardComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
213
213
  "[class.tedi-accordion-item]": "true",
214
214
  }, template: "<tedi-card\n [selected]=\"selected()\"\n class=\"tedi-accordion-item__card\"\n [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 16px;--_accordion-header-title-spacing: 8px;--_accordion-title-color: var(--general-text-secondary)}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"] }]
215
- }] });
215
+ }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }] } });
216
216
 
217
217
  /**
218
218
  * @deprecated Use Accordion from TEDI-ready instead. This component will be removed from future versions.
@@ -221,15 +221,15 @@ class AccordionComponent {
221
221
  /**
222
222
  * id-s of items that should be opened by default.
223
223
  */
224
- defaultOpenItems = input();
224
+ defaultOpenItems = input(...(ngDevMode ? [undefined, { debugName: "defaultOpenItems" }] : []));
225
225
  /**
226
226
  * Whether only one accordion item can be opened at once.
227
227
  * @default false
228
228
  */
229
- singleOpen = input(false);
230
- accordionItems = contentChildren(AccordionItemComponent, {
231
- descendants: true,
232
- });
229
+ singleOpen = input(false, ...(ngDevMode ? [{ debugName: "singleOpen" }] : []));
230
+ accordionItems = contentChildren(AccordionItemComponent, ...(ngDevMode ? [{ debugName: "accordionItems", descendants: true }] : [{
231
+ descendants: true,
232
+ }]));
233
233
  prevOpens = [];
234
234
  constructor() {
235
235
  effect(() => {
@@ -266,19 +266,21 @@ class AccordionComponent {
266
266
  ngOnInit() {
267
267
  this.openDefaultOpenItems();
268
268
  }
269
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
270
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: AccordionComponent, isStandalone: true, selector: "tedi-accordion", inputs: { defaultOpenItems: { classPropertyName: "defaultOpenItems", publicName: "defaultOpenItems", isSignal: true, isRequired: false, transformFunction: null }, singleOpen: { classPropertyName: "singleOpen", publicName: "singleOpen", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "accordionItems", predicate: AccordionItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
269
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
270
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: AccordionComponent, isStandalone: true, selector: "tedi-accordion", inputs: { defaultOpenItems: { classPropertyName: "defaultOpenItems", publicName: "defaultOpenItems", isSignal: true, isRequired: false, transformFunction: null }, singleOpen: { classPropertyName: "singleOpen", publicName: "singleOpen", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "accordionItems", predicate: AccordionItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
271
271
  }
272
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionComponent, decorators: [{
272
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionComponent, decorators: [{
273
273
  type: Component,
274
274
  args: [{ selector: "tedi-accordion", standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:contents}\n"] }]
275
- }], ctorParameters: () => [] });
275
+ }], ctorParameters: () => [], propDecorators: { defaultOpenItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpenItems", required: false }] }], singleOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "singleOpen", required: false }] }], accordionItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AccordionItemComponent), { ...{
276
+ descendants: true,
277
+ }, isSignal: true }] }] } });
276
278
 
277
279
  class AccordionIconComponent {
278
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
279
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AccordionIconComponent, isStandalone: true, selector: "tedi-accordion-icon", host: { properties: { "class.tedi-accordion-icon": "true" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background"] }], ngImport: i0, template: "<div class=\"tedi-accordion-icon__content\"><ng-content></ng-content></div>\n<div class=\"tedi-accordion-icon__fill\"></div>\n", styles: [".tedi-accordion-icon{display:contents;--_card-bg: var(--card-background-secondary)}.tedi-accordion-icon__content{display:block;padding:var(--_card-padding-top) var(--_card-padding-right) var(--_card-padding-bottom) var(--_card-padding-left);grid-area:accordion-icon-content;background-color:var(--_card-bg);border:1px solid var(--_card-border);border-bottom:transparent;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-icon__fill{display:block;grid-area:accordion-icon-fill;background-color:var(--_card-bg);border:1px solid var(--_card-border);border-top:transparent;border-bottom-left-radius:var(--_card-radius);margin-top:-4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
280
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
281
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.24", type: AccordionIconComponent, isStandalone: true, selector: "tedi-accordion-icon", host: { properties: { "class.tedi-accordion-icon": "true" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background"] }], ngImport: i0, template: "<div class=\"tedi-accordion-icon__content\"><ng-content></ng-content></div>\n<div class=\"tedi-accordion-icon__fill\"></div>\n", styles: [".tedi-accordion-icon{display:contents;--_card-bg: var(--card-background-secondary)}.tedi-accordion-icon__content{display:block;padding:var(--_card-padding-top) var(--_card-padding-right) var(--_card-padding-bottom) var(--_card-padding-left);grid-area:accordion-icon-content;background-color:var(--_card-bg);border:1px solid var(--_card-border);border-bottom:transparent;border-top-left-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-icon__fill{display:block;grid-area:accordion-icon-fill;background-color:var(--_card-bg);border:1px solid var(--_card-border);border-top:transparent;border-bottom-left-radius:var(--_card-radius);margin-top:-4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
280
282
  }
281
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionIconComponent, decorators: [{
283
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionIconComponent, decorators: [{
282
284
  type: Component,
283
285
  args: [{ standalone: true, selector: "tedi-accordion-icon", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
284
286
  "[class.tedi-accordion-icon]": "true",
@@ -296,22 +298,22 @@ class CardContentComponent {
296
298
  * Inside card the separator is created under the content, inside card row the separator is created to the right of content.
297
299
  * @default false
298
300
  */
299
- hasSeparator = input(false, { transform: booleanAttribute });
301
+ hasSeparator = input(false, ...(ngDevMode ? [{ debugName: "hasSeparator", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
300
302
  /**
301
303
  * Whether content block should take minimal space inside of row.
302
304
  * Sets flex-grow to 0.
303
305
  * @default false
304
306
  */
305
- autoWidth = input(false, { transform: booleanAttribute });
307
+ autoWidth = input(false, ...(ngDevMode ? [{ debugName: "autoWidth", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
306
308
  /**
307
309
  * Creates a timeline line next to the content block.
308
310
  * @default false
309
311
  */
310
- timeline = input(false, { transform: booleanAttribute });
311
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
312
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardContentComponent, isStandalone: true, selector: "tedi-card-content", inputs: { hasSeparator: { classPropertyName: "hasSeparator", publicName: "hasSeparator", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, timeline: { classPropertyName: "timeline", publicName: "timeline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-content": "true", "class.tedi-card-content--has-separator": "hasSeparator() || timeline()", "class.tedi-card-content--auto-width": "autoWidth()", "class.tedi-card-content--timeline": "timeline()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-content{display:block;background-color:var(--_card-bg);border:1px solid var(--_card-border);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-content--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-top: 0}.tedi-card-content--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-bottom: 0}.tedi-card-content--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-left: 0}.tedi-card-content--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-right: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-top: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-content--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-top-none{--_card-padding-top: 0}.tedi-card-content--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-content--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-left-none{--_card-padding-left: 0}.tedi-card-content--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-right-none{--_card-padding-right: 0}.tedi-card-content{flex:1 1 0}.tedi-card-content--auto-width{flex-grow:0}.tedi-card-content--timeline{position:relative;border-right:1px solid var(--_card-timeline-color)}.tedi-card-content--timeline:after{content:\"\";display:block;background-color:var(--_card-timeline-color);position:absolute;top:22px;right:-.5px;transform:translate(50%);width:9px;height:9px;border-radius:50%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
312
+ timeline = input(false, ...(ngDevMode ? [{ debugName: "timeline", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
313
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
314
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardContentComponent, isStandalone: true, selector: "tedi-card-content", inputs: { hasSeparator: { classPropertyName: "hasSeparator", publicName: "hasSeparator", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, timeline: { classPropertyName: "timeline", publicName: "timeline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-content": "true", "class.tedi-card-content--has-separator": "hasSeparator() || timeline()", "class.tedi-card-content--auto-width": "autoWidth()", "class.tedi-card-content--timeline": "timeline()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background", "border", "border"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-content{display:block;background-color:var(--_card-bg);border:1px solid var(--_card-border);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-content--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-top: 0}.tedi-card-content--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-bottom: 0}.tedi-card-content--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-left: 0}.tedi-card-content--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-right: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-top: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-content--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-top-none{--_card-padding-top: 0}.tedi-card-content--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-content--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-left-none{--_card-padding-left: 0}.tedi-card-content--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-right-none{--_card-padding-right: 0}.tedi-card-content{flex:1 1 0}.tedi-card-content--auto-width{flex-grow:0}.tedi-card-content--timeline{position:relative;border-right:1px solid var(--_card-timeline-color)}.tedi-card-content--timeline:after{content:\"\";display:block;background-color:var(--_card-timeline-color);position:absolute;top:22px;right:-.5px;transform:translate(50%);width:9px;height:9px;border-radius:50%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
313
315
  }
314
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardContentComponent, decorators: [{
316
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardContentComponent, decorators: [{
315
317
  type: Component,
316
318
  args: [{ selector: "tedi-card-content", standalone: true, imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
317
319
  "[class.tedi-card-content]": "true",
@@ -328,36 +330,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
328
330
  inputs: ["padding"],
329
331
  },
330
332
  ], template: "<ng-content></ng-content>\n", styles: [".tedi-card-content{display:block;background-color:var(--_card-bg);border:1px solid var(--_card-border);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-content--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-top: 0}.tedi-card-content--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-bottom: 0}.tedi-card-content--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-left: 0}.tedi-card-content--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-none{--_card-padding-right: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-top: 0}.tedi-card-content--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-content--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-content--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-content--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-content--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-content--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-content--padding-top-none{--_card-padding-top: 0}.tedi-card-content--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-content--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-content--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-content--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-content--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-content--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-content--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-content--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-content--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-content--padding-left-none{--_card-padding-left: 0}.tedi-card-content--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-content--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-content--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-content--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-content--padding-right-none{--_card-padding-right: 0}.tedi-card-content{flex:1 1 0}.tedi-card-content--auto-width{flex-grow:0}.tedi-card-content--timeline{position:relative;border-right:1px solid var(--_card-timeline-color)}.tedi-card-content--timeline:after{content:\"\";display:block;background-color:var(--_card-timeline-color);position:absolute;top:22px;right:-.5px;transform:translate(50%);width:9px;height:9px;border-radius:50%}\n"] }]
331
- }] });
333
+ }], propDecorators: { hasSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSeparator", required: false }] }], autoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoWidth", required: false }] }], timeline: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeline", required: false }] }] } });
332
334
 
333
335
  class AccordionItemContentComponent {
334
- background = input();
336
+ background = input(...(ngDevMode ? [undefined, { debugName: "background" }] : []));
335
337
  accordionItem = inject(AccordionItemComponent);
336
338
  headerId = this.accordionItem.headerId;
337
339
  contentId = this.accordionItem.contentId;
338
340
  opened = this.accordionItem.opened;
339
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
340
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemContentComponent, isStandalone: true, selector: "tedi-accordion-item-content", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-content": "true" } }, ngImport: i0, template: "<tedi-card-content\n [background]=\"background()\"\n [id]=\"contentId()\"\n role=\"region\"\n [attr.aria-labelledby]=\"headerId()\"\n [attr.aria-hidden]=\"!opened()\"\n [attr.inert]=\"!opened() ? '' : null\"\n>\n <ng-content></ng-content>\n</tedi-card-content>\n", styles: [".tedi-accordion-item-content{display:block;overflow:hidden}\n"], dependencies: [{ kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
341
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
342
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: AccordionItemContentComponent, isStandalone: true, selector: "tedi-accordion-item-content", inputs: { background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-content": "true" } }, ngImport: i0, template: "<tedi-card-content\n [background]=\"background()\"\n [id]=\"contentId()\"\n role=\"region\"\n [attr.aria-labelledby]=\"headerId()\"\n [attr.aria-hidden]=\"!opened()\"\n [attr.inert]=\"!opened() ? '' : null\"\n>\n <ng-content></ng-content>\n</tedi-card-content>\n", styles: [".tedi-accordion-item-content{display:block;overflow:hidden}\n"], dependencies: [{ kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
341
343
  }
342
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemContentComponent, decorators: [{
344
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionItemContentComponent, decorators: [{
343
345
  type: Component,
344
346
  args: [{ selector: "tedi-accordion-item-content", standalone: true, imports: [CardContentComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
345
347
  "[class.tedi-accordion-item-content]": "true",
346
348
  }, template: "<tedi-card-content\n [background]=\"background()\"\n [id]=\"contentId()\"\n role=\"region\"\n [attr.aria-labelledby]=\"headerId()\"\n [attr.aria-hidden]=\"!opened()\"\n [attr.inert]=\"!opened() ? '' : null\"\n>\n <ng-content></ng-content>\n</tedi-card-content>\n", styles: [".tedi-accordion-item-content{display:block;overflow:hidden}\n"] }]
347
- }] });
349
+ }], propDecorators: { background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }] } });
348
350
 
349
351
  class CardHeaderComponent {
350
352
  /**
351
353
  * Variant of the card header.
352
354
  */
353
- variant = input();
355
+ variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
354
356
  modifierClasses = computed(() => {
355
357
  return `tedi-card-header--${this.variant()}`;
356
- });
357
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
358
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardHeaderComponent, isStandalone: true, selector: "tedi-card-header, [tedi-card-header]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-header": "true", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-header{border:1px solid var(--_card-border);background:var(--_card-bg);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-header--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-top: 0}.tedi-card-header--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-bottom: 0}.tedi-card-header--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-left: 0}.tedi-card-header--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-right: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-top: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-header--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-top-none{--_card-padding-top: 0}.tedi-card-header--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-header--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-left-none{--_card-padding-left: 0}.tedi-card-header--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-right-none{--_card-padding-right: 0}.tedi-card-header--primary{--_card-bg: var(--card-background-primary);--_card-border: var(--card-border-primary)}.tedi-card-header--secondary{--_card-bg: var(--card-background-secondary);--_card-border: var(--card-border-primary)}.tedi-card-header--tertiary{--_card-bg: var(--card-background-tertiary);--_card-border: var(--card-border-primary)}.tedi-card-header--brand{--_card-bg: linear-gradient(140deg, #005295 -17.66%, #1769ab 71.2%);--_card-border: transparent}.tedi-card-header--brand-dark{--_card-bg: var(--card-background-brand-secondary);--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
358
+ }, ...(ngDevMode ? [{ debugName: "modifierClasses" }] : []));
359
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
360
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardHeaderComponent, isStandalone: true, selector: "tedi-card-header, [tedi-card-header]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-header": "true", "class": "modifierClasses()" } }, hostDirectives: [{ directive: CardColorsDirective, inputs: ["background", "background"] }, { directive: CardPaddingDirective, inputs: ["padding", "padding"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-header{border:1px solid var(--_card-border);background:var(--_card-bg);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-header--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-top: 0}.tedi-card-header--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-bottom: 0}.tedi-card-header--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-left: 0}.tedi-card-header--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-right: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-top: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-header--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-top-none{--_card-padding-top: 0}.tedi-card-header--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-header--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-left-none{--_card-padding-left: 0}.tedi-card-header--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-right-none{--_card-padding-right: 0}.tedi-card-header--primary{--_card-bg: var(--card-background-primary);--_card-border: var(--card-border-primary)}.tedi-card-header--secondary{--_card-bg: var(--card-background-secondary);--_card-border: var(--card-border-primary)}.tedi-card-header--tertiary{--_card-bg: var(--card-background-tertiary);--_card-border: var(--card-border-primary)}.tedi-card-header--brand{--_card-bg: linear-gradient(140deg, #005295 -17.66%, #1769ab 71.2%);--_card-border: transparent}.tedi-card-header--brand-dark{--_card-bg: var(--card-background-brand-secondary);--_card-border: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
359
361
  }
360
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardHeaderComponent, decorators: [{
362
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardHeaderComponent, decorators: [{
361
363
  type: Component,
362
364
  args: [{ selector: "tedi-card-header, [tedi-card-header]", standalone: true, imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
363
365
  "[class.tedi-card-header]": "true",
@@ -372,7 +374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
372
374
  inputs: ["padding"],
373
375
  },
374
376
  ], template: "<ng-content></ng-content>\n", styles: [".tedi-card-header{border:1px solid var(--_card-border);background:var(--_card-bg);padding:var(--_card-padding-top, 0) var(--_card-padding-right, 0) var(--_card-padding-bottom, 0) var(--_card-padding-left, 0)}.tedi-card-header--padding-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-top: 0}.tedi-card-header--padding-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-bottom: 0}.tedi-card-header--padding-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-left: 0}.tedi-card-header--padding-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-none{--_card-padding-right: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-top: 0}.tedi-card-header--padding-vertical-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-vertical-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-vertical-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-vertical-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-vertical-none{--_card-padding-bottom: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-left: 0}.tedi-card-header--padding-horizontal-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-horizontal-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-horizontal-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-horizontal-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-horizontal-none{--_card-padding-right: 0}.tedi-card-header--padding-top-xs{--_card-padding-top: var(--card-padding-xs)}.tedi-card-header--padding-top-sm{--_card-padding-top: var(--card-padding-sm)}.tedi-card-header--padding-top-md{--_card-padding-top: var(--card-padding-md-default)}.tedi-card-header--padding-top-lg{--_card-padding-top: var(--card-padding-lg)}.tedi-card-header--padding-top-none{--_card-padding-top: 0}.tedi-card-header--padding-bottom-xs{--_card-padding-bottom: var(--card-padding-xs)}.tedi-card-header--padding-bottom-sm{--_card-padding-bottom: var(--card-padding-sm)}.tedi-card-header--padding-bottom-md{--_card-padding-bottom: var(--card-padding-md-default)}.tedi-card-header--padding-bottom-lg{--_card-padding-bottom: var(--card-padding-lg)}.tedi-card-header--padding-bottom-none{--_card-padding-bottom: 0}.tedi-card-header--padding-left-xs{--_card-padding-left: var(--card-padding-xs)}.tedi-card-header--padding-left-sm{--_card-padding-left: var(--card-padding-sm)}.tedi-card-header--padding-left-md{--_card-padding-left: var(--card-padding-md-default)}.tedi-card-header--padding-left-lg{--_card-padding-left: var(--card-padding-lg)}.tedi-card-header--padding-left-none{--_card-padding-left: 0}.tedi-card-header--padding-right-xs{--_card-padding-right: var(--card-padding-xs)}.tedi-card-header--padding-right-sm{--_card-padding-right: var(--card-padding-sm)}.tedi-card-header--padding-right-md{--_card-padding-right: var(--card-padding-md-default)}.tedi-card-header--padding-right-lg{--_card-padding-right: var(--card-padding-lg)}.tedi-card-header--padding-right-none{--_card-padding-right: 0}.tedi-card-header--primary{--_card-bg: var(--card-background-primary);--_card-border: var(--card-border-primary)}.tedi-card-header--secondary{--_card-bg: var(--card-background-secondary);--_card-border: var(--card-border-primary)}.tedi-card-header--tertiary{--_card-bg: var(--card-background-tertiary);--_card-border: var(--card-border-primary)}.tedi-card-header--brand{--_card-bg: linear-gradient(140deg, #005295 -17.66%, #1769ab 71.2%);--_card-border: transparent}.tedi-card-header--brand-dark{--_card-bg: var(--card-background-brand-secondary);--_card-border: transparent}\n"] }]
375
- }] });
377
+ }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
376
378
 
377
379
  const WHITE_ICON_VARIANTS = ["brand", "brand-dark"];
378
380
  class AccordionItemHeaderComponent {
@@ -380,35 +382,35 @@ class AccordionItemHeaderComponent {
380
382
  * Whether accordion header should have indicator arrow
381
383
  * @default false
382
384
  */
383
- indicator = input(false);
385
+ indicator = input(false, ...(ngDevMode ? [{ debugName: "indicator" }] : []));
384
386
  /**
385
387
  * Open button text. Visible if both openText and closeText are provided.
386
388
  */
387
- openText = input();
389
+ openText = input(...(ngDevMode ? [undefined, { debugName: "openText" }] : []));
388
390
  /**
389
391
  * Close button text. Visible if both openText and closeText are provided.
390
392
  */
391
- closeText = input();
393
+ closeText = input(...(ngDevMode ? [undefined, { debugName: "closeText" }] : []));
392
394
  /**
393
395
  * Accordion header variant
394
396
  */
395
- variant = input();
397
+ variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
396
398
  /**
397
399
  * Accordion header background
398
400
  */
399
- background = input();
401
+ background = input(...(ngDevMode ? [undefined, { debugName: "background" }] : []));
400
402
  /**
401
403
  * Color of the indicator arrow
402
404
  */
403
- indicatorColor = input();
405
+ indicatorColor = input(...(ngDevMode ? [undefined, { debugName: "indicatorColor" }] : []));
404
406
  /**
405
407
  * Whether indicator is displayed before or after the main content
406
408
  */
407
- indicatorPosition = input("end");
409
+ indicatorPosition = input("end", ...(ngDevMode ? [{ debugName: "indicatorPosition" }] : []));
408
410
  /**
409
411
  * Whether header is clickable
410
412
  */
411
- clickable = input(true);
413
+ clickable = input(true, ...(ngDevMode ? [{ debugName: "clickable" }] : []));
412
414
  accordionItem = inject(AccordionItemComponent);
413
415
  opened = this.accordionItem.opened;
414
416
  headerId = this.accordionItem.headerId;
@@ -418,7 +420,7 @@ class AccordionItemHeaderComponent {
418
420
  return this.opened() ? this.closeText() : this.openText();
419
421
  }
420
422
  return;
421
- });
423
+ }, ...(ngDevMode ? [{ debugName: "toggleButtonText" }] : []));
422
424
  indicatorIconColor = computed(() => {
423
425
  if (this.indicatorColor()) {
424
426
  return this.indicatorColor();
@@ -426,14 +428,14 @@ class AccordionItemHeaderComponent {
426
428
  return WHITE_ICON_VARIANTS.includes(this.variant())
427
429
  ? "white"
428
430
  : "brand";
429
- });
431
+ }, ...(ngDevMode ? [{ debugName: "indicatorIconColor" }] : []));
430
432
  toggle() {
431
433
  this.accordionItem.toggle();
432
434
  }
433
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
434
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: AccordionItemHeaderComponent, isStandalone: true, selector: "tedi-accordion-item-header", inputs: { indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, openText: { classPropertyName: "openText", publicName: "openText", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, indicatorColor: { classPropertyName: "indicatorColor", publicName: "indicatorColor", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-header-host": "true" } }, ngImport: i0, template: "<button\n [id]=\"headerId()\"\n tedi-card-header\n [variant]=\"variant()\"\n [background]=\"background()\"\n class=\"tedi-accordion-item-header\"\n [class.tedi-accordion-item-header--opened]=\"opened()\"\n [attr.aria-expanded]=\"opened()\"\n [attr.aria-controls]=\"contentId()\"\n (click)=\"toggle()\"\n [disabled]=\"!clickable()\"\n>\n <div class=\"tedi-accordion-item-header__title\">\n @if (indicator() && indicatorPosition() === \"start\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n <ng-content></ng-content>\n </div>\n @if (indicator() && indicatorPosition() === \"end\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n @if (toggleButtonText()) {\n <span\n tedi-button\n variant=\"neutral\"\n class=\"tedi-accordion-item-header__toggle\"\n >\n {{ toggleButtonText() }}\n <tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n color=\"brand\"\n />\n </span>\n }\n <ng-content select=\"[tedi-accordion-header-end]\"></ng-content>\n</button>\n\n<ng-template #indicatorIcon\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n [size]=\"24\"\n [color]=\"indicatorIconColor()\"\n/></ng-template>\n", styles: [".tedi-accordion-item-header-host{display:contents}.tedi-accordion-item-header{font-size:inherit;display:flex;gap:var(--_accordion-header-spacing);align-items:center;text-align:start}.tedi-accordion-item-header:not([disabled]){cursor:pointer}.tedi-accordion-item-header__title{flex-grow:1;display:flex;gap:var(--_accordion-header-title-spacing);color:var(--_accordion-title-color);align-items:center}.tedi-accordion-item-header__indicator{transition:transform .3s}.tedi-accordion-item-header .tedi-accordion-item-header__toggle{--_btn-padding-y: 0}.tedi-accordion-item-header--opened>.tedi-accordion-item-header__indicator,.tedi-accordion-item-header--opened>.tedi-accordion-item-header__toggle>.tedi-accordion-item-header__indicator{transform:rotateX(180deg)}\n"], dependencies: [{ kind: "component", type: CardHeaderComponent, selector: "tedi-card-header, [tedi-card-header]", inputs: ["variant"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
435
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
436
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: AccordionItemHeaderComponent, isStandalone: true, selector: "tedi-accordion-item-header", inputs: { indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, openText: { classPropertyName: "openText", publicName: "openText", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, indicatorColor: { classPropertyName: "indicatorColor", publicName: "indicatorColor", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item-header-host": "true" } }, ngImport: i0, template: "<button\n [id]=\"headerId()\"\n tedi-card-header\n [variant]=\"variant()\"\n [background]=\"background()\"\n class=\"tedi-accordion-item-header\"\n [class.tedi-accordion-item-header--opened]=\"opened()\"\n [attr.aria-expanded]=\"opened()\"\n [attr.aria-controls]=\"contentId()\"\n (click)=\"toggle()\"\n [disabled]=\"!clickable()\"\n>\n <div class=\"tedi-accordion-item-header__title\">\n @if (indicator() && indicatorPosition() === \"start\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n <ng-content></ng-content>\n </div>\n @if (indicator() && indicatorPosition() === \"end\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n @if (toggleButtonText()) {\n <span\n tedi-button\n variant=\"neutral\"\n class=\"tedi-accordion-item-header__toggle\"\n >\n {{ toggleButtonText() }}\n <tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n color=\"brand\"\n />\n </span>\n }\n <ng-content select=\"[tedi-accordion-header-end]\"></ng-content>\n</button>\n\n<ng-template #indicatorIcon\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n [size]=\"24\"\n [color]=\"indicatorIconColor()\"\n/></ng-template>\n", styles: [".tedi-accordion-item-header-host{display:contents}.tedi-accordion-item-header{font-size:inherit;display:flex;gap:var(--_accordion-header-spacing);align-items:center;text-align:start}.tedi-accordion-item-header:not([disabled]){cursor:pointer}.tedi-accordion-item-header__title{flex-grow:1;display:flex;gap:var(--_accordion-header-title-spacing);color:var(--_accordion-title-color);align-items:center}.tedi-accordion-item-header__indicator{transition:transform .3s}.tedi-accordion-item-header .tedi-accordion-item-header__toggle{--_btn-padding-y: 0}.tedi-accordion-item-header--opened>.tedi-accordion-item-header__indicator,.tedi-accordion-item-header--opened>.tedi-accordion-item-header__toggle>.tedi-accordion-item-header__indicator{transform:rotateX(180deg)}\n"], dependencies: [{ kind: "component", type: CardHeaderComponent, selector: "tedi-card-header, [tedi-card-header]", inputs: ["variant"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
435
437
  }
436
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemHeaderComponent, decorators: [{
438
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: AccordionItemHeaderComponent, decorators: [{
437
439
  type: Component,
438
440
  args: [{ selector: "tedi-accordion-item-header", standalone: true, imports: [
439
441
  CardHeaderComponent,
@@ -443,46 +445,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
443
445
  ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
444
446
  "[class.tedi-accordion-item-header-host]": "true",
445
447
  }, template: "<button\n [id]=\"headerId()\"\n tedi-card-header\n [variant]=\"variant()\"\n [background]=\"background()\"\n class=\"tedi-accordion-item-header\"\n [class.tedi-accordion-item-header--opened]=\"opened()\"\n [attr.aria-expanded]=\"opened()\"\n [attr.aria-controls]=\"contentId()\"\n (click)=\"toggle()\"\n [disabled]=\"!clickable()\"\n>\n <div class=\"tedi-accordion-item-header__title\">\n @if (indicator() && indicatorPosition() === \"start\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n <ng-content></ng-content>\n </div>\n @if (indicator() && indicatorPosition() === \"end\") {\n <ng-container [ngTemplateOutlet]=\"indicatorIcon\" />\n }\n @if (toggleButtonText()) {\n <span\n tedi-button\n variant=\"neutral\"\n class=\"tedi-accordion-item-header__toggle\"\n >\n {{ toggleButtonText() }}\n <tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n color=\"brand\"\n />\n </span>\n }\n <ng-content select=\"[tedi-accordion-header-end]\"></ng-content>\n</button>\n\n<ng-template #indicatorIcon\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n class=\"tedi-accordion-item-header__indicator\"\n [size]=\"24\"\n [color]=\"indicatorIconColor()\"\n/></ng-template>\n", styles: [".tedi-accordion-item-header-host{display:contents}.tedi-accordion-item-header{font-size:inherit;display:flex;gap:var(--_accordion-header-spacing);align-items:center;text-align:start}.tedi-accordion-item-header:not([disabled]){cursor:pointer}.tedi-accordion-item-header__title{flex-grow:1;display:flex;gap:var(--_accordion-header-title-spacing);color:var(--_accordion-title-color);align-items:center}.tedi-accordion-item-header__indicator{transition:transform .3s}.tedi-accordion-item-header .tedi-accordion-item-header__toggle{--_btn-padding-y: 0}.tedi-accordion-item-header--opened>.tedi-accordion-item-header__indicator,.tedi-accordion-item-header--opened>.tedi-accordion-item-header__toggle>.tedi-accordion-item-header__indicator{transform:rotateX(180deg)}\n"] }]
446
- }] });
448
+ }], propDecorators: { indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], openText: [{ type: i0.Input, args: [{ isSignal: true, alias: "openText", required: false }] }], closeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeText", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], indicatorColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicatorColor", required: false }] }], indicatorPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicatorPosition", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }] } });
447
449
 
448
450
  class CardRowComponent {
449
451
  /**
450
452
  * Whether row should have separator under it.
451
453
  * @default false
452
454
  */
453
- hasSeparator = input(false, { transform: booleanAttribute });
454
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
455
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CardRowComponent, isStandalone: true, selector: "tedi-card-row", inputs: { hasSeparator: { classPropertyName: "hasSeparator", publicName: "hasSeparator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-row": "true", "class.tedi-card-row--has-separator": "hasSeparator()" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-row{display:flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
455
+ hasSeparator = input(false, ...(ngDevMode ? [{ debugName: "hasSeparator", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
456
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
457
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: CardRowComponent, isStandalone: true, selector: "tedi-card-row", inputs: { hasSeparator: { classPropertyName: "hasSeparator", publicName: "hasSeparator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-card-row": "true", "class.tedi-card-row--has-separator": "hasSeparator()" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".tedi-card-row{display:flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
456
458
  }
457
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardRowComponent, decorators: [{
459
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CardRowComponent, decorators: [{
458
460
  type: Component,
459
461
  args: [{ selector: "tedi-card-row", standalone: true, imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
460
462
  "[class.tedi-card-row]": "true",
461
463
  "[class.tedi-card-row--has-separator]": "hasSeparator()",
462
464
  }, template: "<ng-content></ng-content>\n", styles: [".tedi-card-row{display:flex}\n"] }]
463
- }] });
465
+ }], propDecorators: { hasSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSeparator", required: false }] }] } });
464
466
 
465
467
  class ChoiceGroupDirective {
466
468
  /*
467
469
  * Variant of the cards in group.
468
470
  */
469
- variant = input("primary");
471
+ variant = input("primary", ...(ngDevMode ? [{ debugName: "variant" }] : []));
470
472
  /*
471
473
  * Whether choicegroup card has indicator
472
474
  */
473
- hasIndicator = input(true);
475
+ hasIndicator = input(true, ...(ngDevMode ? [{ debugName: "hasIndicator" }] : []));
474
476
  /*
475
477
  * Spacing between radios. unit: px.
476
478
  * @default 4
477
479
  */
478
- spacing = input(4);
480
+ spacing = input(4, ...(ngDevMode ? [{ debugName: "spacing" }] : []));
479
481
  modifierClasses = computed(() => {
480
482
  return `tedi-choicegroup--${this.variant()}`;
481
- });
482
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ChoiceGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
483
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: ChoiceGroupDirective, isStandalone: true, inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, hasIndicator: { classPropertyName: "hasIndicator", publicName: "hasIndicator", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-choicegroup": "true", "class.tedi-choicegroup--stacked": "spacing() === 0", "class.tedi-choicegroup--plain": "!hasIndicator()", "class": "modifierClasses()" } }, ngImport: i0 });
483
+ }, ...(ngDevMode ? [{ debugName: "modifierClasses" }] : []));
484
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ChoiceGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
485
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.24", type: ChoiceGroupDirective, isStandalone: true, inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, hasIndicator: { classPropertyName: "hasIndicator", publicName: "hasIndicator", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-choicegroup": "true", "class.tedi-choicegroup--stacked": "spacing() === 0", "class.tedi-choicegroup--plain": "!hasIndicator()", "class": "modifierClasses()" } }, ngImport: i0 });
484
486
  }
485
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ChoiceGroupDirective, decorators: [{
487
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ChoiceGroupDirective, decorators: [{
486
488
  type: Directive,
487
489
  args: [{
488
490
  standalone: true,
@@ -493,7 +495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
493
495
  "[class]": "modifierClasses()",
494
496
  },
495
497
  }]
496
- }] });
498
+ }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], hasIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasIndicator", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }] } });
497
499
 
498
500
  /**
499
501
  * @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
@@ -502,50 +504,50 @@ class CheckboxGroupComponent {
502
504
  /**
503
505
  * Checkbox group label.
504
506
  */
505
- label = input();
507
+ label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
506
508
  /*
507
509
  * Whether checkbox group is disabled
508
510
  */
509
- disabled = input();
511
+ disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
510
512
  /*
511
513
  * Whether checkbox group has error.
512
514
  */
513
- hasError = input();
515
+ hasError = input(...(ngDevMode ? [undefined, { debugName: "hasError" }] : []));
514
516
  /*
515
517
  * Size of the checkboxes in group.
516
518
  */
517
- size = input();
519
+ size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
518
520
  /*
519
521
  * Direction in which checkboxes flow.
520
522
  */
521
- direction = input("column");
523
+ direction = input("column", ...(ngDevMode ? [{ debugName: "direction" }] : []));
522
524
  /*
523
525
  * Spacing between checkboxes. unit: px.
524
526
  * @default 4
525
527
  */
526
- spacing = input(4);
528
+ spacing = input(4, ...(ngDevMode ? [{ debugName: "spacing" }] : []));
527
529
  /**
528
530
  * FeedbackText component inputs.
529
531
  */
530
- feedbackText = input();
532
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
531
533
  labelId = computed(() => {
532
534
  if (this.label()) {
533
535
  return generateUUID();
534
536
  }
535
537
  return;
536
- });
537
- groupDisabled = computed(() => this.disabled());
538
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
539
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CheckboxGroupComponent, isStandalone: true, selector: "tedi-checkbox-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-checkbox-group": "true", "attr.role": "'group'", "attr.aria-labelledby": "labelId()" } }, ngImport: i0, template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
538
+ }, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
539
+ groupDisabled = computed(() => this.disabled(), ...(ngDevMode ? [{ debugName: "groupDisabled" }] : []));
540
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
541
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: CheckboxGroupComponent, isStandalone: true, selector: "tedi-checkbox-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-checkbox-group": "true", "attr.role": "'group'", "attr.aria-labelledby": "labelId()" } }, ngImport: i0, template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
540
542
  }
541
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
543
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
542
544
  type: Component,
543
545
  args: [{ standalone: true, selector: "tedi-checkbox-group", imports: [FeedbackTextComponent, LabelComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
544
546
  "[class.tedi-checkbox-group]": "true",
545
547
  "[attr.role]": "'group'",
546
548
  "[attr.aria-labelledby]": "labelId()",
547
549
  }, template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"] }]
548
- }] });
550
+ }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }] } });
549
551
 
550
552
  /**
551
553
  * @deprecated Use Checkbox with CheckboxCard label from TEDI-ready instead. This component will be removed from future versions.
@@ -554,20 +556,20 @@ class CheckboxCardGroupComponent extends CheckboxGroupComponent {
554
556
  /*
555
557
  * Direction in which checkboxes flow.
556
558
  */
557
- direction = input("row");
559
+ direction = input("row", ...(ngDevMode ? [{ debugName: "direction" }] : []));
558
560
  /*
559
561
  * Value of card group. Do not use with controlled card group.
560
562
  */
561
- value = model([]);
562
- checkboxes = contentChildren(forwardRef(() => CheckboxComponent), {
563
- descendants: true,
564
- });
565
- _controlDisabled = signal(false);
563
+ value = model([], ...(ngDevMode ? [{ debugName: "value" }] : []));
564
+ checkboxes = contentChildren(forwardRef(() => CheckboxComponent), ...(ngDevMode ? [{ debugName: "checkboxes", descendants: true }] : [{
565
+ descendants: true,
566
+ }]));
567
+ _controlDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_controlDisabled" }] : []));
566
568
  _onChange = () => { };
567
569
  _onTouched = () => { };
568
570
  groupDisabled = computed(() => {
569
571
  return this.disabled() || this._controlDisabled();
570
- });
572
+ }, ...(ngDevMode ? [{ debugName: "groupDisabled" }] : []));
571
573
  writeValue(value) {
572
574
  this.value.set(value);
573
575
  this.updateCheckboxesState();
@@ -599,8 +601,8 @@ class CheckboxCardGroupComponent extends CheckboxGroupComponent {
599
601
  });
600
602
  this._onChange(this.value());
601
603
  }
602
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxCardGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
603
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CheckboxCardGroupComponent, isStandalone: true, selector: "tedi-checkbox-card-group", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [
604
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxCardGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
605
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: CheckboxCardGroupComponent, isStandalone: true, selector: "tedi-checkbox-card-group", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [
604
606
  {
605
607
  provide: NG_VALUE_ACCESSOR,
606
608
  useExisting: forwardRef(() => CheckboxCardGroupComponent),
@@ -612,7 +614,7 @@ class CheckboxCardGroupComponent extends CheckboxGroupComponent {
612
614
  },
613
615
  ], queries: [{ propertyName: "checkboxes", predicate: i0.forwardRef(() => CheckboxComponent), descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ChoiceGroupDirective, inputs: ["variant", "variant", "hasIndicator", "hasIndicator", "spacing", "spacing"] }], ngImport: i0, template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-default-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-selected-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-hover-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-disabled-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var( --form-checkbox-radio-default-border-selected-inverted );--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-group )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-default-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-selected-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-hover-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-disabled-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-default-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-selected-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-hover-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-disabled-border )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n", ".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
614
616
  }
615
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxCardGroupComponent, decorators: [{
617
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxCardGroupComponent, decorators: [{
616
618
  type: Component,
617
619
  args: [{ standalone: true, selector: "tedi-checkbox-card-group", imports: [FeedbackTextComponent, LabelComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
618
620
  {
@@ -630,7 +632,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
630
632
  inputs: ["variant", "hasIndicator", "spacing"],
631
633
  },
632
634
  ], template: "@if (label()) {\n <span tedi-label [id]=\"labelId()\">\n {{ label() }}\n </span>\n}\n<div\n class=\"tedi-checkbox-group__checkboxes\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-default-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-selected-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-hover-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-disabled-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var( --form-checkbox-radio-default-border-selected-inverted );--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-group )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-default-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-selected-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-hover-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-disabled-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-default-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-selected-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-hover-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-disabled-border )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n", ".tedi-checkbox-group{display:block}.tedi-checkbox-group__checkboxes{display:flex;flex-wrap:wrap}\n"] }]
633
- }] });
635
+ }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], checkboxes: [{ type: i0.ContentChildren, args: [forwardRef(() => CheckboxComponent), { ...{
636
+ descendants: true,
637
+ }, isSignal: true }] }] } });
634
638
 
635
639
  /**
636
640
  * @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
@@ -639,35 +643,35 @@ class CheckboxComponent {
639
643
  /*
640
644
  * unique id.
641
645
  */
642
- inputId = input.required();
646
+ inputId = input.required(...(ngDevMode ? [{ debugName: "inputId" }] : []));
643
647
  /*
644
648
  * Whether checkbox is checked. Do not used with controlled checkboxes.
645
649
  */
646
- checked = model(null);
650
+ checked = model(null, ...(ngDevMode ? [{ debugName: "checked" }] : []));
647
651
  /*
648
652
  * Whether checkbox is indeterminate.
649
653
  */
650
- indeterminate = model();
654
+ indeterminate = model(...(ngDevMode ? [undefined, { debugName: "indeterminate" }] : []));
651
655
  /*
652
656
  * Checkbox value. For use in checkbox card group
653
657
  */
654
- value = input();
658
+ value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
655
659
  /*
656
660
  * Whether checkbox is disabled.
657
661
  */
658
- disabled = model();
662
+ disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
659
663
  /*
660
664
  * Size of the checkbox. Overwrites group size.
661
665
  */
662
- size = input();
666
+ size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
663
667
  /*
664
668
  * Whether checkbox has error.
665
669
  */
666
- hasError = input();
670
+ hasError = input(...(ngDevMode ? [undefined, { debugName: "hasError" }] : []));
667
671
  /**
668
672
  * FeedbackText component inputs.
669
673
  */
670
- feedbackText = input();
674
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
671
675
  _inputEl = viewChild.required("input");
672
676
  checkboxGroup = inject(CheckboxGroupComponent, { optional: true });
673
677
  checkboxCardGroup = inject(CheckboxCardGroupComponent, {
@@ -680,7 +684,7 @@ class CheckboxComponent {
680
684
  return generateUUID();
681
685
  }
682
686
  return;
683
- });
687
+ }, ...(ngDevMode ? [{ debugName: "feedbackTextId" }] : []));
684
688
  indicatorIcon = computed(() => {
685
689
  if (this.indeterminate()) {
686
690
  return "remove";
@@ -689,16 +693,16 @@ class CheckboxComponent {
689
693
  return "check";
690
694
  }
691
695
  return;
692
- });
696
+ }, ...(ngDevMode ? [{ debugName: "indicatorIcon" }] : []));
693
697
  checkboxSize = computed(() => {
694
698
  return this.size() ?? this.checkboxGroup?.size();
695
- });
699
+ }, ...(ngDevMode ? [{ debugName: "checkboxSize" }] : []));
696
700
  iconSize = computed(() => {
697
701
  return this.checkboxSize() === "large" ? 18 : 16;
698
- });
702
+ }, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
699
703
  checkboxDisabled = computed(() => {
700
704
  return this.disabled() || this.checkboxGroup?.groupDisabled();
701
- });
705
+ }, ...(ngDevMode ? [{ debugName: "checkboxDisabled" }] : []));
702
706
  focus() {
703
707
  this._inputEl().nativeElement.focus();
704
708
  }
@@ -726,8 +730,8 @@ class CheckboxComponent {
726
730
  this._onChange(true);
727
731
  }
728
732
  }
729
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
730
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CheckboxComponent, isStandalone: true, selector: "tedi-checkbox", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", indeterminate: "indeterminateChange", disabled: "disabledChange" }, host: { properties: { "class.tedi-checkbox": "true", "class.tedi-checkbox--error": "hasError() || cardGroup?.hasError()", "class.tedi-checkbox--large": "checkboxSize() === 'large'" } }, providers: [
733
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
734
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: CheckboxComponent, isStandalone: true, selector: "tedi-checkbox", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", indeterminate: "indeterminateChange", disabled: "disabledChange" }, host: { properties: { "class.tedi-checkbox": "true", "class.tedi-checkbox--error": "hasError() || cardGroup?.hasError()", "class.tedi-checkbox--large": "checkboxSize() === 'large'" } }, providers: [
731
735
  {
732
736
  provide: NG_VALUE_ACCESSOR,
733
737
  useExisting: forwardRef(() => CheckboxComponent),
@@ -735,7 +739,7 @@ class CheckboxComponent {
735
739
  },
736
740
  ], viewQueries: [{ propertyName: "_inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tedi-checkbox__input-area\">\n <input\n class=\"tedi-checkbox__input\"\n type=\"checkbox\"\n #input\n [id]=\"inputId()\"\n [checked]=\"checked()\"\n [disabled]=\"checkboxDisabled()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"_onTouched()\"\n />\n <div class=\"tedi-checkbox__indicator\">\n @if (indicatorIcon(); as iconName) {\n <tedi-icon [name]=\"iconName\" color=\"white\" [size]=\"iconSize()\" />\n }\n </div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-checkbox__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox{--_checkbox-bg: var(--form-checkbox-radio-default-background-default);--_checkbox-border: var(--form-checkbox-radio-default-border-default);--_checkbox-label-color: var(--general-text-primary);--_checkbox-check-color: var(--_checkbox-border);--_checkbox-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_checkbox-size: var(--form-checkbox-radio-size-responsive);--_checkbox-radius: var(--form-checkbox-radio-indicator-radius-checkbox);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-checkbox tedi-icon{-webkit-user-select:none;user-select:none}.tedi-checkbox__input-area{position:relative;grid-area:input-area}.tedi-checkbox__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-checkbox__indicator{position:relative;width:var(--_checkbox-size);height:var(--_checkbox-size);border-radius:var(--_checkbox-radius);border:1px solid var(--_checkbox-border);background:var(--_checkbox-bg);margin-right:var(--_checkbox-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-checkbox__label{color:var(--_checkbox-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-checkbox:has(input:checked,input:indeterminate){--_checkbox-bg: var(--form-checkbox-radio-default-background-selected);--_checkbox-border: var(--form-checkbox-radio-default-border-selected)}.tedi-checkbox:has(input:hover,input:focus-visible) .tedi-checkbox__indicator{outline:1px solid var(--_checkbox-border)}.tedi-checkbox:has(input:hover,input:focus-visible){--_checkbox-border: var(--form-checkbox-radio-default-border-hover)}.tedi-checkbox:has(input:active){--_checkbox-border: var(--form-checkbox-radio-default-border-active);--_checkbox-bg: var(--form-checkbox-radio-default-background-active)}.tedi-checkbox:has(input:disabled){pointer-events:none;--_checkbox-label-color: var(--general-text-disabled);--_checkbox-bg: var(--form-input-background-disabled);--_checkbox-border: var(--form-input-border-disabled)}.tedi-checkbox:has(input:disabled:checked){--_checkbox-bg: var( --form-checkbox-radio-default-background-selected-disabled );--_checkbox-border: var( --form-checkbox-radio-default-border-selected-disabled )}.tedi-checkbox--error{--_checkbox-bg: var(--form-checkbox-radio-default-background-error);--_checkbox-border: var(--form-general-feedback-error-border)}.tedi-checkbox--large{--_checkbox-size: var(--form-checkbox-radio-size-large)}.tedi-checkbox .tedi-feedback-text{grid-area:feedback}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
737
741
  }
738
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckboxComponent, decorators: [{
742
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: CheckboxComponent, decorators: [{
739
743
  type: Component,
740
744
  args: [{ standalone: true, selector: "tedi-checkbox", imports: [FeedbackTextComponent, IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
741
745
  {
@@ -748,13 +752,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
748
752
  "[class.tedi-checkbox--error]": "hasError() || cardGroup?.hasError()",
749
753
  "[class.tedi-checkbox--large]": "checkboxSize() === 'large'",
750
754
  }, template: "<div class=\"tedi-checkbox__input-area\">\n <input\n class=\"tedi-checkbox__input\"\n type=\"checkbox\"\n #input\n [id]=\"inputId()\"\n [checked]=\"checked()\"\n [disabled]=\"checkboxDisabled()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"_onTouched()\"\n />\n <div class=\"tedi-checkbox__indicator\">\n @if (indicatorIcon(); as iconName) {\n <tedi-icon [name]=\"iconName\" color=\"white\" [size]=\"iconSize()\" />\n }\n </div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-checkbox__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-checkbox{--_checkbox-bg: var(--form-checkbox-radio-default-background-default);--_checkbox-border: var(--form-checkbox-radio-default-border-default);--_checkbox-label-color: var(--general-text-primary);--_checkbox-check-color: var(--_checkbox-border);--_checkbox-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_checkbox-size: var(--form-checkbox-radio-size-responsive);--_checkbox-radius: var(--form-checkbox-radio-indicator-radius-checkbox);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-checkbox tedi-icon{-webkit-user-select:none;user-select:none}.tedi-checkbox__input-area{position:relative;grid-area:input-area}.tedi-checkbox__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-checkbox__indicator{position:relative;width:var(--_checkbox-size);height:var(--_checkbox-size);border-radius:var(--_checkbox-radius);border:1px solid var(--_checkbox-border);background:var(--_checkbox-bg);margin-right:var(--_checkbox-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-checkbox__label{color:var(--_checkbox-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-checkbox:has(input:checked,input:indeterminate){--_checkbox-bg: var(--form-checkbox-radio-default-background-selected);--_checkbox-border: var(--form-checkbox-radio-default-border-selected)}.tedi-checkbox:has(input:hover,input:focus-visible) .tedi-checkbox__indicator{outline:1px solid var(--_checkbox-border)}.tedi-checkbox:has(input:hover,input:focus-visible){--_checkbox-border: var(--form-checkbox-radio-default-border-hover)}.tedi-checkbox:has(input:active){--_checkbox-border: var(--form-checkbox-radio-default-border-active);--_checkbox-bg: var(--form-checkbox-radio-default-background-active)}.tedi-checkbox:has(input:disabled){pointer-events:none;--_checkbox-label-color: var(--general-text-disabled);--_checkbox-bg: var(--form-input-background-disabled);--_checkbox-border: var(--form-input-border-disabled)}.tedi-checkbox:has(input:disabled:checked){--_checkbox-bg: var( --form-checkbox-radio-default-background-selected-disabled );--_checkbox-border: var( --form-checkbox-radio-default-border-selected-disabled )}.tedi-checkbox--error{--_checkbox-bg: var(--form-checkbox-radio-default-background-error);--_checkbox-border: var(--form-general-feedback-error-border)}.tedi-checkbox--large{--_checkbox-size: var(--form-checkbox-radio-size-large)}.tedi-checkbox .tedi-feedback-text{grid-area:feedback}\n"] }]
751
- }] });
755
+ }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }, { type: i0.Output, args: ["indeterminateChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], _inputEl: [{ type: i0.ViewChild, args: ["input", { isSignal: true }] }] } });
752
756
 
753
757
  class FormFieldComponent {
754
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
755
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormFieldComponent, isStandalone: true, selector: "tedi-form-field", host: { properties: { "class.tedi-form-field": "true" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-form-field{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
758
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
759
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.24", type: FormFieldComponent, isStandalone: true, selector: "tedi-form-field", host: { properties: { "class.tedi-form-field": "true" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-form-field{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
756
760
  }
757
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormFieldComponent, decorators: [{
761
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FormFieldComponent, decorators: [{
758
762
  type: Component,
759
763
  args: [{ selector: "tedi-form-field", standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
760
764
  "[class.tedi-form-field]": "true",
@@ -769,12 +773,12 @@ class InputComponent {
769
773
  * Size of the input.
770
774
  * @default default
771
775
  */
772
- size = input("default");
776
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
773
777
  /**
774
778
  * State of the input.
775
779
  * @default default
776
780
  */
777
- state = input("default");
781
+ state = input("default", ...(ngDevMode ? [{ debugName: "state" }] : []));
778
782
  modifierClasses = computed(() => {
779
783
  const modifiers = [];
780
784
  if (this.size())
@@ -782,17 +786,17 @@ class InputComponent {
782
786
  if (this.state())
783
787
  modifiers.push(`tedi-input--${this.state()}`);
784
788
  return modifiers.join(" ");
785
- });
786
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
787
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: InputComponent, isStandalone: true, selector: "[tedi-input]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-input": "true", "class": "modifierClasses()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-input{--_border-color: var(--form-input-border-default);--_color: var(--form-input-text-filled);--_background-color: var(--form-input-background-default);--_placeholder-color: var(--form-input-text-placeholder);--_border-radius: var(--form-field-radius);--_font-size: var(--body-regular-size);--_line-height: var(--body-regular-line-height);--_padding-y: var(--form-field-padding-y-md-default);--_padding-x: var(--form-field-padding-x-md-default);--_form-field-outer-gap: var(--form-field-outer-spacing);padding:var(--_padding-y) var(--_padding-x);border-radius:var(--_border-radius);font-size:var(--_font-size);line-height:var(--_line-height);border:1px solid;border-color:var(--_border-color);color:var(--_color);background-color:var(--_background-color);margin-bottom:var(--_form-field-outer-gap);font-family:var(--family-default)}.tedi-input:focus,.tedi-input:active{border-color:var(--form-input-border-hover);box-shadow:inset 0 0 0 1px var(--form-input-border-hover)}.tedi-input:hover{--_border-color: var(--form-input-border-hover)}.tedi-input:disabled,.tedi-input--disabled{--_color: var(--form-input-text-disabled);--_border-color: var(--form-input-border-disabled);--_background-color: var(--form-input-background-disabled);pointer-events:none}.tedi-input::placeholder{color:var(--_placeholder-color)}.tedi-input--error:not(:disabled){--_border-color: var(--form-general-feedback-error-border)}.tedi-input--error:not(:disabled):focus,.tedi-input--error:not(:disabled):active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-input--valid:not(:disabled){--_border-color: var(--form-general-feedback-success-border)}.tedi-input--valid:not(:disabled):focus,.tedi-input--valid:not(:disabled):active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-input--small{--_padding-y: var(--form-field-padding-y-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
789
+ }, ...(ngDevMode ? [{ debugName: "modifierClasses" }] : []));
790
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
791
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: InputComponent, isStandalone: true, selector: "[tedi-input]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-input": "true", "class": "modifierClasses()" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-input{--_border-color: var(--form-input-border-default);--_color: var(--form-input-text-filled);--_background-color: var(--form-input-background-default);--_placeholder-color: var(--form-input-text-placeholder);--_border-radius: var(--form-field-radius);--_font-size: var(--body-regular-size);--_line-height: var(--body-regular-line-height);--_padding-y: var(--form-field-padding-y-md-default);--_padding-x: var(--form-field-padding-x-md-default);--_form-field-outer-gap: var(--form-field-outer-spacing);padding:var(--_padding-y) var(--_padding-x);border-radius:var(--_border-radius);font-size:var(--_font-size);line-height:var(--_line-height);border:1px solid;border-color:var(--_border-color);color:var(--_color);background-color:var(--_background-color);margin-bottom:var(--_form-field-outer-gap);font-family:var(--family-default)}.tedi-input:focus,.tedi-input:active{border-color:var(--form-input-border-hover);box-shadow:inset 0 0 0 1px var(--form-input-border-hover)}.tedi-input:hover{--_border-color: var(--form-input-border-hover)}.tedi-input:disabled,.tedi-input--disabled{--_color: var(--form-input-text-disabled);--_border-color: var(--form-input-border-disabled);--_background-color: var(--form-input-background-disabled);pointer-events:none}.tedi-input::placeholder{color:var(--_placeholder-color)}.tedi-input--error:not(:disabled){--_border-color: var(--form-general-feedback-error-border)}.tedi-input--error:not(:disabled):focus,.tedi-input--error:not(:disabled):active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-input--valid:not(:disabled){--_border-color: var(--form-general-feedback-success-border)}.tedi-input--valid:not(:disabled):focus,.tedi-input--valid:not(:disabled):active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-input--small{--_padding-y: var(--form-field-padding-y-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
788
792
  }
789
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InputComponent, decorators: [{
793
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: InputComponent, decorators: [{
790
794
  type: Component,
791
795
  args: [{ selector: "[tedi-input]", standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
792
796
  "[class.tedi-input]": "true",
793
797
  "[class]": "modifierClasses()",
794
798
  }, styles: [".tedi-input{--_border-color: var(--form-input-border-default);--_color: var(--form-input-text-filled);--_background-color: var(--form-input-background-default);--_placeholder-color: var(--form-input-text-placeholder);--_border-radius: var(--form-field-radius);--_font-size: var(--body-regular-size);--_line-height: var(--body-regular-line-height);--_padding-y: var(--form-field-padding-y-md-default);--_padding-x: var(--form-field-padding-x-md-default);--_form-field-outer-gap: var(--form-field-outer-spacing);padding:var(--_padding-y) var(--_padding-x);border-radius:var(--_border-radius);font-size:var(--_font-size);line-height:var(--_line-height);border:1px solid;border-color:var(--_border-color);color:var(--_color);background-color:var(--_background-color);margin-bottom:var(--_form-field-outer-gap);font-family:var(--family-default)}.tedi-input:focus,.tedi-input:active{border-color:var(--form-input-border-hover);box-shadow:inset 0 0 0 1px var(--form-input-border-hover)}.tedi-input:hover{--_border-color: var(--form-input-border-hover)}.tedi-input:disabled,.tedi-input--disabled{--_color: var(--form-input-text-disabled);--_border-color: var(--form-input-border-disabled);--_background-color: var(--form-input-background-disabled);pointer-events:none}.tedi-input::placeholder{color:var(--_placeholder-color)}.tedi-input--error:not(:disabled){--_border-color: var(--form-general-feedback-error-border)}.tedi-input--error:not(:disabled):focus,.tedi-input--error:not(:disabled):active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-input--valid:not(:disabled){--_border-color: var(--form-general-feedback-success-border)}.tedi-input--valid:not(:disabled):focus,.tedi-input--valid:not(:disabled):active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-input--small{--_padding-y: var(--form-field-padding-y-sm)}\n"] }]
795
- }] });
799
+ }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }] } });
796
800
 
797
801
  /**
798
802
  * InputGroupComponent is a component that allows you to group multiple input elements together.
@@ -811,28 +815,28 @@ class InputGroupComponent {
811
815
  /**
812
816
  * User-visible label for the input group, visible above the input, should describe the purpose of the input group.
813
817
  */
814
- label = input();
818
+ label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
815
819
  /**
816
820
  * ID of the input group's label, used to associate the label with the input group's custom input.
817
821
  */
818
- labelID = input();
822
+ labelID = input(...(ngDevMode ? [undefined, { debugName: "labelID" }] : []));
819
823
  /**
820
824
  * Disabled state of the input group, causes the input group to be grayed out.
821
825
  * Does not affect children's disabled state.
822
826
  * @default false
823
827
  */
824
- disabled = input(false);
828
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
825
829
  /**
826
830
  * FeedbackText component inputs, displayed below the input group.
827
831
  */
828
- feedback = input();
829
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
830
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: InputGroupComponent, isStandalone: true, selector: "tedi-input-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelID: { classPropertyName: "labelID", publicName: "labelID", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-input-group\">\n @if (label()) {\n <label tedi-label [for]=\"labelID()\">\n <div class=\"tedi-input-group__label\">{{ label() }}</div>\n </label>\n }\n\n <div\n [class]=\"{\n 'tedi-input-group__container': true,\n 'tedi-input-group__container--disabled': disabled(),\n }\"\n >\n <div class=\"tedi-input-group__prefix\">\n <ng-content select=\"[prefix-slot]\" />\n </div>\n <div class=\"tedi-input-group__center\">\n <ng-content />\n </div>\n <div class=\"tedi-input-group__suffix\">\n <ng-content select=\"[suffix-slot]\" />\n </div>\n </div>\n @if (feedback(); as feedbackResult) {\n <tedi-feedback-text\n [text]=\"feedbackResult.text\"\n [type]=\"feedbackResult.type\"\n [position]=\"feedbackResult.position\"\n />\n }\n</div>\n", styles: [".tedi-input-group__container{--_input-group-rounded: var(--tedi-radius-02-default);--_input-group-background-color: var(--form-input-background-default);--_input-group-min-height: var(--tedi-dimensions-14);--_input-group-text-color: var(--general-text-secondary);--_input-group-border-width: var(--tedi-borders-01);--_input-group-border-color: var(--form-input-border-default);--_input-group-side-background-color: var( --form-general-background-action-background );--_input-group-border: var(--_input-group-border-width) solid var(--_input-group-border-color);--_input-group-input-border-radius: var(0);--_input-group-disabled-border-color: var(--tedi-neutral-350);--_input-group-disabled-background-color: var(--tedi-neutral-300);--_input-group-text-disabled-color: var(--tedi-neutral-450);--_input-group-select-padding: 0;--_input-group-select-border: 0;--_input-group-share-border-size: 0;--_input-group-padding-x: var(--form-field-padding-x-md-default);--_input-group-padding-y: var(--form-field-padding-y-md-default);display:flex;background-color:transparent;color:var(--_input-group-text-color);min-height:var(--_input-group-min-height);overflow:hidden}.tedi-input-group__container input.tedi-input{margin:0;width:100%}.tedi-input-group__container .tedi-input-group__prefix .tedi-input:focus{z-index:1000;overflow:visible}.tedi-input-group__container:has(.tedi-input-group__prefix:empty){border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__prefix:empty) input.tedi-input{border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty){border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty) input.tedi-input{border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:hover{border-right:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:hover{border-left:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container:has(.tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__prefix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-left:var(--_input-group-share-border-size)}.tedi-input-group__container:has(.tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__suffix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-right:var(--_input-group-share-border-size)}.tedi-input-group__center .tedi-input{border-radius:var(--_input-group-input-border-radius)}.tedi-input-group__container--disabled{--_input-group-text-color: var(--_input-group-text-disabled-color);--_input-group-border-color: var(--_input-group-disabled-border-color);--_input-group-background-color: var( --_input-group-disabled-background-color );--_input-group-side-background-color: var( --_input-group-disabled-background-color )}.tedi-input-group__prefix,.tedi-input-group__suffix{display:flex;align-items:center;flex-shrink:0;background:var(--_input-group-side-background-color);border:var(--_input-group-border);padding:var(--_input-group-padding-y) var(--_input-group-padding-x)}.tedi-input-group__prefix:has(tedi-select),.tedi-input-group__suffix:has(tedi-select){--_input-group-border: var(--_input-group-select-border);padding:var(--_input-group-select-padding);background-color:transparent}.tedi-input-group__prefix tedi-select .tedi-select__trigger,.tedi-input-group__suffix tedi-select .tedi-select__trigger{background:var(--_input-group-side-background-color);height:100%;margin:0}.tedi-input-group__prefix:empty,.tedi-input-group__suffix:empty{display:none}.tedi-input-group__prefix .tedi-select__arrow,.tedi-input-group__suffix .tedi-select__arrow{margin:0;padding:0}.tedi-input-group__prefix{border-right:0;border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__prefix tedi-select .tedi-select__trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.tedi-input-group__suffix{border-left:0;border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__suffix tedi-select .tedi-select__trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], encapsulation: i0.ViewEncapsulation.None });
832
+ feedback = input(...(ngDevMode ? [undefined, { debugName: "feedback" }] : []));
833
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
834
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: InputGroupComponent, isStandalone: true, selector: "tedi-input-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelID: { classPropertyName: "labelID", publicName: "labelID", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tedi-input-group\">\n @if (label()) {\n <label tedi-label [for]=\"labelID()\">\n <div class=\"tedi-input-group__label\">{{ label() }}</div>\n </label>\n }\n\n <div\n [class]=\"{\n 'tedi-input-group__container': true,\n 'tedi-input-group__container--disabled': disabled(),\n }\"\n >\n <div class=\"tedi-input-group__prefix\">\n <ng-content select=\"[prefix-slot]\" />\n </div>\n <div class=\"tedi-input-group__center\">\n <ng-content />\n </div>\n <div class=\"tedi-input-group__suffix\">\n <ng-content select=\"[suffix-slot]\" />\n </div>\n </div>\n @if (feedback(); as feedbackResult) {\n <tedi-feedback-text\n [text]=\"feedbackResult.text\"\n [type]=\"feedbackResult.type\"\n [position]=\"feedbackResult.position\"\n />\n }\n</div>\n", styles: [".tedi-input-group__container{--_input-group-rounded: var(--tedi-radius-02-default);--_input-group-background-color: var(--form-input-background-default);--_input-group-min-height: var(--tedi-dimensions-14);--_input-group-text-color: var(--general-text-secondary);--_input-group-border-width: var(--tedi-borders-01);--_input-group-border-color: var(--form-input-border-default);--_input-group-side-background-color: var( --form-general-background-action-background );--_input-group-border: var(--_input-group-border-width) solid var(--_input-group-border-color);--_input-group-input-border-radius: var(0);--_input-group-disabled-border-color: var(--tedi-neutral-350);--_input-group-disabled-background-color: var(--tedi-neutral-300);--_input-group-text-disabled-color: var(--tedi-neutral-450);--_input-group-select-padding: 0;--_input-group-select-border: 0;--_input-group-share-border-size: 0;--_input-group-padding-x: var(--form-field-padding-x-md-default);--_input-group-padding-y: var(--form-field-padding-y-md-default);display:flex;background-color:transparent;color:var(--_input-group-text-color);min-height:var(--_input-group-min-height);overflow:hidden}.tedi-input-group__container input.tedi-input{margin:0;width:100%}.tedi-input-group__container .tedi-input-group__prefix .tedi-input:focus{z-index:1000;overflow:visible}.tedi-input-group__container:has(.tedi-input-group__prefix:empty){border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__prefix:empty) input.tedi-input{border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty){border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty) input.tedi-input{border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:hover{border-right:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:hover{border-left:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container:has(.tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__prefix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-left:var(--_input-group-share-border-size)}.tedi-input-group__container:has(.tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__suffix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-right:var(--_input-group-share-border-size)}.tedi-input-group__center .tedi-input{border-radius:var(--_input-group-input-border-radius)}.tedi-input-group__container--disabled{--_input-group-text-color: var(--_input-group-text-disabled-color);--_input-group-border-color: var(--_input-group-disabled-border-color);--_input-group-background-color: var( --_input-group-disabled-background-color );--_input-group-side-background-color: var( --_input-group-disabled-background-color )}.tedi-input-group__prefix,.tedi-input-group__suffix{display:flex;align-items:center;flex-shrink:0;background:var(--_input-group-side-background-color);border:var(--_input-group-border);padding:var(--_input-group-padding-y) var(--_input-group-padding-x)}.tedi-input-group__prefix:has(tedi-select),.tedi-input-group__suffix:has(tedi-select){--_input-group-border: var(--_input-group-select-border);padding:var(--_input-group-select-padding);background-color:transparent}.tedi-input-group__prefix tedi-select .tedi-select__trigger,.tedi-input-group__suffix tedi-select .tedi-select__trigger{background:var(--_input-group-side-background-color);height:100%;margin:0}.tedi-input-group__prefix:empty,.tedi-input-group__suffix:empty{display:none}.tedi-input-group__prefix .tedi-select__arrow,.tedi-input-group__suffix .tedi-select__arrow{margin:0;padding:0}.tedi-input-group__prefix{border-right:0;border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__prefix tedi-select .tedi-select__trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.tedi-input-group__suffix{border-left:0;border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__suffix tedi-select .tedi-select__trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], encapsulation: i0.ViewEncapsulation.None });
831
835
  }
832
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InputGroupComponent, decorators: [{
836
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: InputGroupComponent, decorators: [{
833
837
  type: Component,
834
838
  args: [{ selector: "tedi-input-group", standalone: true, encapsulation: ViewEncapsulation.None, imports: [FeedbackTextComponent, LabelComponent], template: "<div class=\"tedi-input-group\">\n @if (label()) {\n <label tedi-label [for]=\"labelID()\">\n <div class=\"tedi-input-group__label\">{{ label() }}</div>\n </label>\n }\n\n <div\n [class]=\"{\n 'tedi-input-group__container': true,\n 'tedi-input-group__container--disabled': disabled(),\n }\"\n >\n <div class=\"tedi-input-group__prefix\">\n <ng-content select=\"[prefix-slot]\" />\n </div>\n <div class=\"tedi-input-group__center\">\n <ng-content />\n </div>\n <div class=\"tedi-input-group__suffix\">\n <ng-content select=\"[suffix-slot]\" />\n </div>\n </div>\n @if (feedback(); as feedbackResult) {\n <tedi-feedback-text\n [text]=\"feedbackResult.text\"\n [type]=\"feedbackResult.type\"\n [position]=\"feedbackResult.position\"\n />\n }\n</div>\n", styles: [".tedi-input-group__container{--_input-group-rounded: var(--tedi-radius-02-default);--_input-group-background-color: var(--form-input-background-default);--_input-group-min-height: var(--tedi-dimensions-14);--_input-group-text-color: var(--general-text-secondary);--_input-group-border-width: var(--tedi-borders-01);--_input-group-border-color: var(--form-input-border-default);--_input-group-side-background-color: var( --form-general-background-action-background );--_input-group-border: var(--_input-group-border-width) solid var(--_input-group-border-color);--_input-group-input-border-radius: var(0);--_input-group-disabled-border-color: var(--tedi-neutral-350);--_input-group-disabled-background-color: var(--tedi-neutral-300);--_input-group-text-disabled-color: var(--tedi-neutral-450);--_input-group-select-padding: 0;--_input-group-select-border: 0;--_input-group-share-border-size: 0;--_input-group-padding-x: var(--form-field-padding-x-md-default);--_input-group-padding-y: var(--form-field-padding-y-md-default);display:flex;background-color:transparent;color:var(--_input-group-text-color);min-height:var(--_input-group-min-height);overflow:hidden}.tedi-input-group__container input.tedi-input{margin:0;width:100%}.tedi-input-group__container .tedi-input-group__prefix .tedi-input:focus{z-index:1000;overflow:visible}.tedi-input-group__container:has(.tedi-input-group__prefix:empty){border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__prefix:empty) input.tedi-input{border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty){border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container:has(.tedi-input-group__suffix:empty) input.tedi-input{border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__prefix tedi-select .tedi-select__trigger:hover{border-right:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__container .tedi-input-group__suffix tedi-select .tedi-select__trigger:hover{border-left:var(--_input-group-border-width) solid var(--form-input-border-hover)}.tedi-input-group__container:has(.tedi-input-group__prefix tedi-select .tedi-select__trigger:focus,.tedi-input-group__prefix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-left:var(--_input-group-share-border-size)}.tedi-input-group__container:has(.tedi-input-group__suffix tedi-select .tedi-select__trigger:focus,.tedi-input-group__suffix tedi-select .tedi-select__trigger:hover) .tedi-input-group__center .tedi-input{border-right:var(--_input-group-share-border-size)}.tedi-input-group__center .tedi-input{border-radius:var(--_input-group-input-border-radius)}.tedi-input-group__container--disabled{--_input-group-text-color: var(--_input-group-text-disabled-color);--_input-group-border-color: var(--_input-group-disabled-border-color);--_input-group-background-color: var( --_input-group-disabled-background-color );--_input-group-side-background-color: var( --_input-group-disabled-background-color )}.tedi-input-group__prefix,.tedi-input-group__suffix{display:flex;align-items:center;flex-shrink:0;background:var(--_input-group-side-background-color);border:var(--_input-group-border);padding:var(--_input-group-padding-y) var(--_input-group-padding-x)}.tedi-input-group__prefix:has(tedi-select),.tedi-input-group__suffix:has(tedi-select){--_input-group-border: var(--_input-group-select-border);padding:var(--_input-group-select-padding);background-color:transparent}.tedi-input-group__prefix tedi-select .tedi-select__trigger,.tedi-input-group__suffix tedi-select .tedi-select__trigger{background:var(--_input-group-side-background-color);height:100%;margin:0}.tedi-input-group__prefix:empty,.tedi-input-group__suffix:empty{display:none}.tedi-input-group__prefix .tedi-select__arrow,.tedi-input-group__suffix .tedi-select__arrow{margin:0;padding:0}.tedi-input-group__prefix{border-right:0;border-top-left-radius:var(--_input-group-rounded);border-bottom-left-radius:var(--_input-group-rounded)}.tedi-input-group__prefix tedi-select .tedi-select__trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.tedi-input-group__suffix{border-left:0;border-top-right-radius:var(--_input-group-rounded);border-bottom-right-radius:var(--_input-group-rounded)}.tedi-input-group__suffix tedi-select .tedi-select__trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}\n"] }]
835
- }] });
839
+ }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelID: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelID", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], feedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedback", required: false }] }] } });
836
840
 
837
841
  /**
838
842
  * @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
@@ -841,50 +845,50 @@ class RadioGroupComponent {
841
845
  /*
842
846
  * Radio group name
843
847
  */
844
- name = input.required();
848
+ name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
845
849
  /*
846
850
  * Radio group id.
847
851
  */
848
- id = input.required();
852
+ id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
849
853
  /**
850
854
  * Radio group label.
851
855
  */
852
- label = input();
856
+ label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
853
857
  /*
854
858
  * Whether radio group is disabled. Do not use with controlled radios.
855
859
  */
856
- disabled = input();
860
+ disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
857
861
  /*
858
862
  * Whether radio group has error.
859
863
  */
860
- hasError = input();
864
+ hasError = input(...(ngDevMode ? [undefined, { debugName: "hasError" }] : []));
861
865
  /*
862
866
  * Size of the radios radios in group.
863
867
  */
864
- size = input("default");
868
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
865
869
  /*
866
870
  * Direction in which radios flow.
867
871
  */
868
- direction = input("column");
872
+ direction = input("column", ...(ngDevMode ? [{ debugName: "direction" }] : []));
869
873
  /*
870
874
  * Spacing between radios. unit: px.
871
875
  * @default 4
872
876
  */
873
- spacing = input(4);
877
+ spacing = input(4, ...(ngDevMode ? [{ debugName: "spacing" }] : []));
874
878
  /**
875
879
  * FeedbackText component inputs.
876
880
  */
877
- feedbackText = input();
881
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
878
882
  /*
879
883
  * Emits selected radio value on change.
880
884
  */
881
885
  // eslint-disable-next-line @angular-eslint/no-output-native
882
886
  change = output();
883
- _value = signal(null);
884
- _controlDisabled = signal(false);
887
+ _value = signal(null, ...(ngDevMode ? [{ debugName: "_value" }] : []));
888
+ _controlDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_controlDisabled" }] : []));
885
889
  groupDisabled = computed(() => {
886
890
  return this.disabled() || this._controlDisabled();
887
- });
891
+ }, ...(ngDevMode ? [{ debugName: "groupDisabled" }] : []));
888
892
  groupValue = this._value.asReadonly();
889
893
  _onChange = () => { };
890
894
  _onTouched = () => { };
@@ -904,8 +908,8 @@ class RadioGroupComponent {
904
908
  this._onChange(value);
905
909
  this.change.emit(value);
906
910
  }
907
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
908
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: RadioGroupComponent, isStandalone: true, selector: "tedi-radio-group", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { properties: { "class.tedi-radio-group": "true", "attr.role": "'radiogroup'" } }, providers: [
911
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
912
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: RadioGroupComponent, isStandalone: true, selector: "tedi-radio-group", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { properties: { "class.tedi-radio-group": "true", "attr.role": "'radiogroup'" } }, providers: [
909
913
  {
910
914
  provide: NG_VALUE_ACCESSOR,
911
915
  useExisting: forwardRef(() => RadioGroupComponent),
@@ -913,7 +917,7 @@ class RadioGroupComponent {
913
917
  },
914
918
  ], ngImport: i0, template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
915
919
  }
916
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RadioGroupComponent, decorators: [{
920
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioGroupComponent, decorators: [{
917
921
  type: Component,
918
922
  args: [{ selector: "tedi-radio-group", standalone: true, imports: [FeedbackTextComponent, LabelComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
919
923
  {
@@ -925,7 +929,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
925
929
  "[class.tedi-radio-group]": "true",
926
930
  "[attr.role]": "'radiogroup'",
927
931
  }, template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n"] }]
928
- }] });
932
+ }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
929
933
 
930
934
  /**
931
935
  * @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
@@ -934,44 +938,44 @@ class RadioComponent {
934
938
  /*
935
939
  * unique id.
936
940
  */
937
- inputId = input.required();
941
+ inputId = input.required(...(ngDevMode ? [{ debugName: "inputId" }] : []));
938
942
  /*
939
943
  * Whether radio is checked. Do not used with controlled radios.
940
944
  */
941
- checked = model();
945
+ checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
942
946
  /*
943
947
  * Radio value.
944
948
  */
945
- value = input.required();
949
+ value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
946
950
  /*
947
951
  * Whether radio is disabled.
948
952
  */
949
- disabled = input();
953
+ disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
950
954
  /*
951
955
  * Whether radio has error.
952
956
  */
953
- hasError = input();
957
+ hasError = input(...(ngDevMode ? [undefined, { debugName: "hasError" }] : []));
954
958
  /**
955
959
  * FeedbackText component inputs.
956
960
  */
957
- feedbackText = input();
961
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
958
962
  _inputEl = viewChild.required("input");
959
963
  radioGroup = inject(RadioGroupComponent, { optional: true });
960
964
  inputDisabled = computed(() => {
961
965
  return this.disabled() || this.radioGroup?.groupDisabled();
962
- });
966
+ }, ...(ngDevMode ? [{ debugName: "inputDisabled" }] : []));
963
967
  inputName = computed(() => {
964
968
  return this.radioGroup?.name();
965
- });
969
+ }, ...(ngDevMode ? [{ debugName: "inputName" }] : []));
966
970
  inputChecked = computed(() => {
967
971
  return this.value() === this.radioGroup?.groupValue() || this.checked();
968
- });
972
+ }, ...(ngDevMode ? [{ debugName: "inputChecked" }] : []));
969
973
  feedbackTextId = computed(() => {
970
974
  if (this.feedbackText()) {
971
975
  return generateUUID();
972
976
  }
973
977
  return;
974
- });
978
+ }, ...(ngDevMode ? [{ debugName: "feedbackTextId" }] : []));
975
979
  focus() {
976
980
  this._inputEl().nativeElement.focus();
977
981
  }
@@ -984,17 +988,17 @@ class RadioComponent {
984
988
  this.radioGroup?.selectRadio(this.value());
985
989
  }
986
990
  }
987
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
988
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: RadioComponent, isStandalone: true, selector: "tedi-radio", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "class.tedi-radio": "true", "class.tedi-radio--error": "hasError() || radioGroup?.hasError()", "class.tedi-radio--large": "radioGroup?.size() === 'large'" } }, viewQueries: [{ propertyName: "_inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-checkbox-radio-default-background-default);--_radio-border: var(--form-checkbox-radio-default-border-default);--_radio-label-color: var(--general-text-primary);--_radio-dot-bg: var(--_radio-border);--_radio-dot-size: 12px;--_radio-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_radio-size: var(--form-checkbox-radio-size-responsive);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-radio__input-area{position:relative;grid-area:input-area}.tedi-radio__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-radio__indicator{position:relative;width:var(--_radio-size);height:var(--_radio-size);border-radius:50%;border:1px solid var(--_radio-border);background:var(--_radio-bg);margin-right:var(--_radio-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-radio__indicator:after{content:\"\";border-radius:50%;display:none;background:var(--_radio-dot-bg);height:var(--_radio-dot-size);width:var(--_radio-dot-size)}.tedi-radio__label{color:var(--_radio-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-radio:has(input:checked) .tedi-radio__indicator:after{display:block}.tedi-radio:has(input:checked){--_radio-border: var(--form-checkbox-radio-default-border-selected)}.tedi-radio:has(input:hover,input:focus-visible) .tedi-radio__indicator{outline:1px solid var(--_radio-border)}.tedi-radio:has(input:hover,input:focus-visible){--_radio-border: var(--form-checkbox-radio-default-border-hover)}.tedi-radio:has(input:active){--_radio-border: var(--form-checkbox-radio-default-border-active)}.tedi-radio:has(input:disabled){pointer-events:none;--_radio-label-color: var(--general-text-disabled);--_radio-bg: var(--form-input-background-disabled);--_radio-border: var(--form-input-border-disabled)}.tedi-radio:has(input:disabled:checked){--_radio-dot-bg: var( --form-checkbox-radio-default-background-selected-disabled );--_radio-border: var( --form-checkbox-radio-default-border-selected-disabled )}.tedi-radio--error{--_radio-bg: var(--form-checkbox-radio-default-background-error);--_radio-border: var(--form-general-feedback-error-border)}.tedi-radio--large{--_radio-dot-size: 16px;--_radio-size: var(--form-checkbox-radio-size-large)}.tedi-radio .tedi-feedback-text{grid-area:feedback}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
991
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
992
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: RadioComponent, isStandalone: true, selector: "tedi-radio", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "class.tedi-radio": "true", "class.tedi-radio--error": "hasError() || radioGroup?.hasError()", "class.tedi-radio--large": "radioGroup?.size() === 'large'" } }, viewQueries: [{ propertyName: "_inputEl", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-checkbox-radio-default-background-default);--_radio-border: var(--form-checkbox-radio-default-border-default);--_radio-label-color: var(--general-text-primary);--_radio-dot-bg: var(--_radio-border);--_radio-dot-size: 12px;--_radio-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_radio-size: var(--form-checkbox-radio-size-responsive);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-radio__input-area{position:relative;grid-area:input-area}.tedi-radio__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-radio__indicator{position:relative;width:var(--_radio-size);height:var(--_radio-size);border-radius:50%;border:1px solid var(--_radio-border);background:var(--_radio-bg);margin-right:var(--_radio-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-radio__indicator:after{content:\"\";border-radius:50%;display:none;background:var(--_radio-dot-bg);height:var(--_radio-dot-size);width:var(--_radio-dot-size)}.tedi-radio__label{color:var(--_radio-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-radio:has(input:checked) .tedi-radio__indicator:after{display:block}.tedi-radio:has(input:checked){--_radio-border: var(--form-checkbox-radio-default-border-selected)}.tedi-radio:has(input:hover,input:focus-visible) .tedi-radio__indicator{outline:1px solid var(--_radio-border)}.tedi-radio:has(input:hover,input:focus-visible){--_radio-border: var(--form-checkbox-radio-default-border-hover)}.tedi-radio:has(input:active){--_radio-border: var(--form-checkbox-radio-default-border-active)}.tedi-radio:has(input:disabled){pointer-events:none;--_radio-label-color: var(--general-text-disabled);--_radio-bg: var(--form-input-background-disabled);--_radio-border: var(--form-input-border-disabled)}.tedi-radio:has(input:disabled:checked){--_radio-dot-bg: var( --form-checkbox-radio-default-background-selected-disabled );--_radio-border: var( --form-checkbox-radio-default-border-selected-disabled )}.tedi-radio--error{--_radio-bg: var(--form-checkbox-radio-default-background-error);--_radio-border: var(--form-general-feedback-error-border)}.tedi-radio--large{--_radio-dot-size: 16px;--_radio-size: var(--form-checkbox-radio-size-large)}.tedi-radio .tedi-feedback-text{grid-area:feedback}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
989
993
  }
990
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RadioComponent, decorators: [{
994
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioComponent, decorators: [{
991
995
  type: Component,
992
996
  args: [{ selector: "tedi-radio", imports: [FeedbackTextComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
993
997
  "[class.tedi-radio]": "true",
994
998
  "[class.tedi-radio--error]": "hasError() || radioGroup?.hasError()",
995
999
  "[class.tedi-radio--large]": "radioGroup?.size() === 'large'",
996
1000
  }, template: "<div class=\"tedi-radio__input-area\">\n <input\n class=\"tedi-radio__input\"\n type=\"radio\"\n #input\n [id]=\"inputId()\"\n [checked]=\"inputChecked()\"\n [disabled]=\"inputDisabled()\"\n [attr.name]=\"inputName()\"\n [attr.value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n (change)=\"onInputChange($event)\"\n />\n <div class=\"tedi-radio__indicator\"></div>\n</div>\n<label [for]=\"inputId()\" class=\"tedi-radio__label\">\n <ng-content></ng-content>\n</label>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio{--_radio-bg: var(--form-checkbox-radio-default-background-default);--_radio-border: var(--form-checkbox-radio-default-border-default);--_radio-label-color: var(--general-text-primary);--_radio-dot-bg: var(--_radio-border);--_radio-dot-size: 12px;--_radio-inner-spacing: var(--form-checkbox-radio-inner-spacing);--_radio-size: var(--form-checkbox-radio-size-responsive);--_label-size: var(--body-regular-size);display:grid;grid-template-areas:\"input-area label\" \". feedback\";grid-template-columns:auto 1fr;align-items:center}.tedi-radio__input-area{position:relative;grid-area:input-area}.tedi-radio__input{position:absolute;top:0;left:0;height:100%;width:100%;margin:0;padding:0;opacity:0;z-index:1}.tedi-radio__indicator{position:relative;width:var(--_radio-size);height:var(--_radio-size);border-radius:50%;border:1px solid var(--_radio-border);background:var(--_radio-bg);margin-right:var(--_radio-inner-spacing);display:flex;align-items:center;justify-content:center}.tedi-radio__indicator:after{content:\"\";border-radius:50%;display:none;background:var(--_radio-dot-bg);height:var(--_radio-dot-size);width:var(--_radio-dot-size)}.tedi-radio__label{color:var(--_radio-label-color);font-size:var(--_label-size);grid-area:label;font-family:var(--family-default)}.tedi-radio:has(input:checked) .tedi-radio__indicator:after{display:block}.tedi-radio:has(input:checked){--_radio-border: var(--form-checkbox-radio-default-border-selected)}.tedi-radio:has(input:hover,input:focus-visible) .tedi-radio__indicator{outline:1px solid var(--_radio-border)}.tedi-radio:has(input:hover,input:focus-visible){--_radio-border: var(--form-checkbox-radio-default-border-hover)}.tedi-radio:has(input:active){--_radio-border: var(--form-checkbox-radio-default-border-active)}.tedi-radio:has(input:disabled){pointer-events:none;--_radio-label-color: var(--general-text-disabled);--_radio-bg: var(--form-input-background-disabled);--_radio-border: var(--form-input-border-disabled)}.tedi-radio:has(input:disabled:checked){--_radio-dot-bg: var( --form-checkbox-radio-default-background-selected-disabled );--_radio-border: var( --form-checkbox-radio-default-border-selected-disabled )}.tedi-radio--error{--_radio-bg: var(--form-checkbox-radio-default-background-error);--_radio-border: var(--form-general-feedback-error-border)}.tedi-radio--large{--_radio-dot-size: 16px;--_radio-size: var(--form-checkbox-radio-size-large)}.tedi-radio .tedi-feedback-text{grid-area:feedback}\n"] }]
997
- }] });
1001
+ }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], _inputEl: [{ type: i0.ViewChild, args: ["input", { isSignal: true }] }] } });
998
1002
 
999
1003
  /**
1000
1004
  * @deprecated Use Radio with RadioCard label from TEDI-ready instead. This component will be removed from future versions.
@@ -1003,9 +1007,9 @@ class RadioCardGroupComponent extends RadioGroupComponent {
1003
1007
  /*
1004
1008
  * Direction in which radios flow.
1005
1009
  */
1006
- direction = input("row");
1007
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RadioCardGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1008
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: RadioCardGroupComponent, isStandalone: true, selector: "tedi-radio-card-group", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
1010
+ direction = input("row", ...(ngDevMode ? [{ debugName: "direction" }] : []));
1011
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioCardGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1012
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: RadioCardGroupComponent, isStandalone: true, selector: "tedi-radio-card-group", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
1009
1013
  {
1010
1014
  provide: NG_VALUE_ACCESSOR,
1011
1015
  useExisting: forwardRef(() => RadioCardGroupComponent),
@@ -1018,7 +1022,7 @@ class RadioCardGroupComponent extends RadioGroupComponent {
1018
1022
  },
1019
1023
  ], usesInheritance: true, hostDirectives: [{ directive: ChoiceGroupDirective, inputs: ["variant", "variant", "hasIndicator", "hasIndicator", "spacing", "spacing"] }], ngImport: i0, template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n", ".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-default-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-selected-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-hover-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-disabled-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var( --form-checkbox-radio-default-border-selected-inverted );--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-group )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-default-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-selected-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-hover-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-disabled-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-default-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-selected-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-hover-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-disabled-border )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1020
1024
  }
1021
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RadioCardGroupComponent, decorators: [{
1025
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: RadioCardGroupComponent, decorators: [{
1022
1026
  type: Component,
1023
1027
  args: [{ standalone: true, selector: "tedi-radio-card-group", imports: [FeedbackTextComponent, LabelComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
1024
1028
  {
@@ -1037,32 +1041,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1037
1041
  inputs: ["variant", "hasIndicator", "spacing"],
1038
1042
  },
1039
1043
  ], template: "@if (label()) {\n <label tedi-label [for]=\"id()\">\n {{ label() }}\n </label>\n}\n<div\n class=\"tedi-radio-group__radios\"\n [style.flex-direction]=\"direction()\"\n [style.gap]=\"spacing() + 'px'\"\n>\n <ng-content />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-radio-group{display:block}.tedi-radio-group__radios{display:flex;flex-wrap:wrap}\n", ".tedi-choicegroup .tedi-radio,.tedi-choicegroup .tedi-checkbox{position:relative;background-color:var(--_choicegroup-card-bg);border:1px solid var(--_choicegroup-card-border);border-radius:var(--_choicegroup-card-radius);padding:var(--_choicegroup-card-padding);--_choicegroup-card-padding-top: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-bottom: var(--_choicegroup-card-padding-vertical);--_choicegroup-card-padding-left: var(--_choicegroup-card-padding-horizontal);--_choicegroup-card-padding-right: var( --_choicegroup-card-padding-horizontal );--_choicegroup-card-padding: var(--_choicegroup-card-padding-top) var(--_choicegroup-card-padding-right) var(--_choicegroup-card-padding-bottom) var(--_choicegroup-card-padding-left);--_choicegroup-card-radius: var(--form-checkbox-radio-card-radius);--_choicegroup-card-padding-horizontal: var( --form-checkbox-radio-card-checkbox-padding-x );--_choicegroup-card-padding-vertical: var( --form-checkbox-radio-card-checkbox-padding-y )}.tedi-choicegroup .tedi-radio__input-area,.tedi-choicegroup .tedi-checkbox__input-area{position:static}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-default-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-selected-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-hover-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-primary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-primary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-primary-disabled-text )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-separate )}.tedi-choicegroup--primary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--primary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_radio-bg: transparent;--_checkbox-bg: transparent;--_radio-border: var( --form-checkbox-radio-default-border-selected-inverted );--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary .tedi-checkbox:has(input:active){--_checkbox-border: var( --form-checkbox-radio-default-border-selected-inverted )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-default-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-selected-border-group )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-hover-border )}.tedi-choicegroup--primary.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-primary-disabled-border-group )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-default-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-default-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-default-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-selected-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-selected-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-selected-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-hover-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-hover-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-hover-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-bg: var( --form-checkbox-radio-card-secondary-disabled-background );--_radio-label-color: var( --form-checkbox-radio-card-secondary-disabled-text );--_checkbox-label-color: var( --form-checkbox-radio-card-secondary-disabled-text )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-default-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-selected-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:hover){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-hover-border )}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:disabled){--_choicegroup-card-border: var( --form-checkbox-radio-card-secondary-disabled-border )}.tedi-choicegroup--secondary :is(.tedi-radio--error,.tedi-checkbox--error){--_choicegroup-card-bg: var(--form-checkbox-radio-default-background-error);--_choicegroup-card-border: var(--form-general-feedback-error-border)}.tedi-choicegroup--secondary :is(.tedi-radio,.tedi-checkbox):has(input:checked){outline:1px solid var(--_choicegroup-card-border);outline-offset:-2px}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-radio__indicator,.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible) .tedi-checkbox__indicator{outline:none}.tedi-choicegroup :is(.tedi-radio,.tedi-checkbox):has(input:focus-visible){outline:2px solid var(--form-input-border-active);outline-offset:1px}.tedi-choicegroup--plain .tedi-radio__indicator,.tedi-choicegroup--plain .tedi-checkbox__indicator{display:none}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tedi-choicegroup--stacked :is(.tedi-radio,.tedi-checkbox):has(input:checked){z-index:1}\n"] }]
1040
- }] });
1044
+ }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }] } });
1041
1045
 
1042
1046
  class SelectOptionComponent {
1043
1047
  /**
1044
1048
  * Value of the option
1045
1049
  */
1046
- value = input.required();
1050
+ value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
1047
1051
  /**
1048
1052
  * Label of the option
1049
1053
  */
1050
- label = input.required();
1054
+ label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
1051
1055
  /**
1052
1056
  * Whether the option is disabled
1053
1057
  */
1054
- disabled = input(false);
1058
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
1055
1059
  /**
1056
1060
  * Group the option belongs to
1057
1061
  * This is used for grouping options in the dropdown.
1058
1062
  * If not provided, the option will not be grouped.
1059
1063
  */
1060
- group = input(null);
1061
- templateRef = viewChild(TemplateRef);
1062
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1063
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: SelectOptionComponent, isStandalone: true, selector: "tedi-select-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template><ng-content /></ng-template>", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1064
+ group = input(null, ...(ngDevMode ? [{ debugName: "group" }] : []));
1065
+ templateRef = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "templateRef" }] : []));
1066
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1067
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: SelectOptionComponent, isStandalone: true, selector: "tedi-select-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template><ng-content /></ng-template>", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1064
1068
  }
1065
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SelectOptionComponent, decorators: [{
1069
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SelectOptionComponent, decorators: [{
1066
1070
  type: Component,
1067
1071
  args: [{
1068
1072
  selector: "tedi-select-option",
@@ -1072,7 +1076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1072
1076
  encapsulation: ViewEncapsulation.None,
1073
1077
  changeDetection: ChangeDetectionStrategy.OnPush,
1074
1078
  }]
1075
- }] });
1079
+ }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], templateRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
1076
1080
 
1077
1081
  class DropdownTriggerDirective {
1078
1082
  dropdownContext = inject(DropdownComponent);
@@ -1087,14 +1091,14 @@ class DropdownTriggerDirective {
1087
1091
  ? this.dropdownContext.dropdownId()
1088
1092
  : undefined,
1089
1093
  };
1090
- });
1094
+ }, ...(ngDevMode ? [{ debugName: "ariaAttributes" }] : []));
1091
1095
  onClick() {
1092
1096
  this.dropdownContext.toggle();
1093
1097
  }
1094
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1095
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: DropdownTriggerDirective, isStandalone: true, selector: "[tedi-dropdown-trigger]", host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-has-popup": "ariaAttributes().hasPopup", "attr.aria-expanded": "ariaAttributes().expanded", "attr.aria-controls": "ariaAttributes().controls" } }, hostDirectives: [{ directive: i2.CdkOverlayOrigin }], ngImport: i0 });
1098
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1099
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.24", type: DropdownTriggerDirective, isStandalone: true, selector: "[tedi-dropdown-trigger]", host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-has-popup": "ariaAttributes().hasPopup", "attr.aria-expanded": "ariaAttributes().expanded", "attr.aria-controls": "ariaAttributes().controls" } }, hostDirectives: [{ directive: i2.CdkOverlayOrigin }], ngImport: i0 });
1096
1100
  }
1097
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownTriggerDirective, decorators: [{
1101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownTriggerDirective, decorators: [{
1098
1102
  type: Directive,
1099
1103
  args: [{
1100
1104
  selector: "[tedi-dropdown-trigger]",
@@ -1110,16 +1114,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1110
1114
 
1111
1115
  class DropdownComponent {
1112
1116
  injector = inject(Injector);
1113
- dropdownId = input.required();
1114
- dropdownRole = input();
1115
- opened = model(false);
1117
+ dropdownId = input.required(...(ngDevMode ? [{ debugName: "dropdownId" }] : []));
1118
+ dropdownRole = input(...(ngDevMode ? [undefined, { debugName: "dropdownRole" }] : []));
1119
+ opened = model(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
1116
1120
  triggerDirective = contentChild.required(DropdownTriggerDirective);
1117
- dropdownItems = contentChildren(forwardRef(() => DropdownItemComponent), { descendants: true });
1121
+ dropdownItems = contentChildren(forwardRef(() => DropdownItemComponent), ...(ngDevMode ? [{ debugName: "dropdownItems", descendants: true }] : [{ descendants: true }]));
1118
1122
  isMobile = inject(BreakpointService).isBelowBreakpoint("sm");
1119
1123
  keyManager;
1120
1124
  overlayOrigin = computed(() => {
1121
1125
  return this.triggerDirective().overlayOrigin;
1122
- });
1126
+ }, ...(ngDevMode ? [{ debugName: "overlayOrigin" }] : []));
1123
1127
  toggle() {
1124
1128
  this.opened.update((wasOpened) => !wasOpened);
1125
1129
  }
@@ -1132,34 +1136,34 @@ class DropdownComponent {
1132
1136
  ngOnInit() {
1133
1137
  this.keyManager = new FocusKeyManager(this.dropdownItems, this.injector).withWrap();
1134
1138
  }
1135
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1136
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DropdownComponent, isStandalone: true, selector: "tedi-dropdown", inputs: { dropdownId: { classPropertyName: "dropdownId", publicName: "dropdownId", isSignal: true, isRequired: true, transformFunction: null }, dropdownRole: { classPropertyName: "dropdownRole", publicName: "dropdownRole", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, queries: [{ propertyName: "triggerDirective", first: true, predicate: DropdownTriggerDirective, descendants: true, isSignal: true }, { propertyName: "dropdownItems", predicate: i0.forwardRef(() => DropdownItemComponent), descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[tedi-dropdown-trigger]\" />\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n [cdkConnectedOverlayOpen]=\"opened()\"\n [cdkConnectedOverlayOffsetY]=\"4\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"16\"\n cdkConnectedOverlayPanelClass=\"tedi-dropdown__overlay-pane\"\n (overlayKeydown)=\"onKeyDown($event)\"\n (overlayOutsideClick)=\"close()\"\n>\n <tedi-card\n padding=\"none\"\n class=\"tedi-dropdown__card\"\n [attr.role]=\"dropdownRole()\"\n [attr.id]=\"dropdownId()\"\n >\n @if (isMobile()) {\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n (click)=\"close()\"\n size=\"small\"\n class=\"tedi-dropdown__close-button\"\n ></button>\n </tedi-card-content>\n }\n <tedi-card-content>\n <ng-content />\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-dropdown__card.tedi-card{box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));overflow-y:auto}@media (max-width: 35.98rem){.tedi-dropdown__card.tedi-card{position:fixed;inset:0}}.tedi-dropdown__close-button{margin-left:auto}@media (max-width: 35.98rem){.tedi-dropdown__overlay-pane{transform:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1139
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1140
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: DropdownComponent, isStandalone: true, selector: "tedi-dropdown", inputs: { dropdownId: { classPropertyName: "dropdownId", publicName: "dropdownId", isSignal: true, isRequired: true, transformFunction: null }, dropdownRole: { classPropertyName: "dropdownRole", publicName: "dropdownRole", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, queries: [{ propertyName: "triggerDirective", first: true, predicate: DropdownTriggerDirective, descendants: true, isSignal: true }, { propertyName: "dropdownItems", predicate: i0.forwardRef(() => DropdownItemComponent), descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[tedi-dropdown-trigger]\" />\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n [cdkConnectedOverlayOpen]=\"opened()\"\n [cdkConnectedOverlayOffsetY]=\"4\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"16\"\n cdkConnectedOverlayPanelClass=\"tedi-dropdown__overlay-pane\"\n (overlayKeydown)=\"onKeyDown($event)\"\n (overlayOutsideClick)=\"close()\"\n>\n <tedi-card\n padding=\"none\"\n class=\"tedi-dropdown__card\"\n [attr.role]=\"dropdownRole()\"\n [attr.id]=\"dropdownId()\"\n >\n @if (isMobile()) {\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n (click)=\"close()\"\n size=\"small\"\n class=\"tedi-dropdown__close-button\"\n ></button>\n </tedi-card-content>\n }\n <tedi-card-content>\n <ng-content />\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-dropdown__card.tedi-card{box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));overflow-y:auto}@media(max-width:35.98rem){.tedi-dropdown__card.tedi-card{position:fixed;inset:0}}.tedi-dropdown__close-button{margin-left:auto}@media(max-width:35.98rem){.tedi-dropdown__overlay-pane{transform:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1137
1141
  }
1138
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownComponent, decorators: [{
1142
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownComponent, decorators: [{
1139
1143
  type: Component,
1140
1144
  args: [{ selector: "tedi-dropdown", imports: [
1141
1145
  OverlayModule,
1142
1146
  CardComponent,
1143
1147
  CardContentComponent,
1144
1148
  ClosingButtonComponent,
1145
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[tedi-dropdown-trigger]\" />\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n [cdkConnectedOverlayOpen]=\"opened()\"\n [cdkConnectedOverlayOffsetY]=\"4\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"16\"\n cdkConnectedOverlayPanelClass=\"tedi-dropdown__overlay-pane\"\n (overlayKeydown)=\"onKeyDown($event)\"\n (overlayOutsideClick)=\"close()\"\n>\n <tedi-card\n padding=\"none\"\n class=\"tedi-dropdown__card\"\n [attr.role]=\"dropdownRole()\"\n [attr.id]=\"dropdownId()\"\n >\n @if (isMobile()) {\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n (click)=\"close()\"\n size=\"small\"\n class=\"tedi-dropdown__close-button\"\n ></button>\n </tedi-card-content>\n }\n <tedi-card-content>\n <ng-content />\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-dropdown__card.tedi-card{box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));overflow-y:auto}@media (max-width: 35.98rem){.tedi-dropdown__card.tedi-card{position:fixed;inset:0}}.tedi-dropdown__close-button{margin-left:auto}@media (max-width: 35.98rem){.tedi-dropdown__overlay-pane{transform:none!important}}\n"] }]
1146
- }] });
1149
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[tedi-dropdown-trigger]\" />\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n [cdkConnectedOverlayOpen]=\"opened()\"\n [cdkConnectedOverlayOffsetY]=\"4\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"16\"\n cdkConnectedOverlayPanelClass=\"tedi-dropdown__overlay-pane\"\n (overlayKeydown)=\"onKeyDown($event)\"\n (overlayOutsideClick)=\"close()\"\n>\n <tedi-card\n padding=\"none\"\n class=\"tedi-dropdown__card\"\n [attr.role]=\"dropdownRole()\"\n [attr.id]=\"dropdownId()\"\n >\n @if (isMobile()) {\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n (click)=\"close()\"\n size=\"small\"\n class=\"tedi-dropdown__close-button\"\n ></button>\n </tedi-card-content>\n }\n <tedi-card-content>\n <ng-content />\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-dropdown__card.tedi-card{box-shadow:0 1px 5px 0 var(--tedi-alpha-20, rgba(0, 0, 0, .2));overflow-y:auto}@media(max-width:35.98rem){.tedi-dropdown__card.tedi-card{position:fixed;inset:0}}.tedi-dropdown__close-button{margin-left:auto}@media(max-width:35.98rem){.tedi-dropdown__overlay-pane{transform:none!important}}\n"] }]
1150
+ }], propDecorators: { dropdownId: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownId", required: true }] }], dropdownRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownRole", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], triggerDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DropdownTriggerDirective), { isSignal: true }] }], dropdownItems: [{ type: i0.ContentChildren, args: [forwardRef(() => DropdownItemComponent), { ...{ descendants: true }, isSignal: true }] }] } });
1147
1151
 
1148
1152
  const itemRole = {
1149
1153
  menu: "menuitem",
1150
1154
  listbox: "option",
1151
1155
  };
1152
1156
  class DropdownItemComponent {
1153
- element;
1157
+ element = inject(ElementRef);
1154
1158
  /**
1155
1159
  * Applies the selected style to the dropdown item.
1156
1160
  */
1157
- selected = input(false);
1161
+ selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
1158
1162
  /**
1159
1163
  * Applies the disabled style to the dropdown item.
1160
1164
  */
1161
1165
  // eslint-disable-next-line @angular-eslint/no-input-rename
1162
- disabledInput = input(false, { alias: "disabled" });
1166
+ disabledInput = input(false, ...(ngDevMode ? [{ debugName: "disabledInput", alias: "disabled" }] : [{ alias: "disabled" }]));
1163
1167
  disabled; // for cdk/a11y keymanager
1164
1168
  itemSelected = output();
1165
1169
  dropdownContext = inject(DropdownComponent, { optional: true });
@@ -1173,7 +1177,7 @@ class DropdownItemComponent {
1173
1177
  selected: dropdownRole === "listbox" ? String(this.selected()) : undefined,
1174
1178
  tabIndex: 0,
1175
1179
  };
1176
- });
1180
+ }, ...(ngDevMode ? [{ debugName: "ariaAttributes" }] : []));
1177
1181
  focus() {
1178
1182
  this.element.nativeElement.focus();
1179
1183
  }
@@ -1193,16 +1197,15 @@ class DropdownItemComponent {
1193
1197
  this.dropdownContext?.close();
1194
1198
  this.itemSelected.emit();
1195
1199
  }
1196
- constructor(element) {
1197
- this.element = element;
1200
+ constructor() {
1198
1201
  effect(() => {
1199
1202
  this.disabled = this.disabledInput();
1200
1203
  });
1201
1204
  }
1202
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1203
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: DropdownItemComponent, isStandalone: true, selector: "[tedi-dropdown-item]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, host: { listeners: { "click": "selectItem()", "keydown": "onKeyDown($event)" }, properties: { "class.tedi-dropdown-item": "true", "class.tedi-dropdown-item--active": "this.selected()", "class.tedi-dropdown-item--disabled": "this.disabledInput()", "attr.role": "ariaAttributes().role", "attr.aria-disabled": "ariaAttributes().disabled", "attr.aria-selected": "ariaAttributes().selected", "attr.tabindex": "ariaAttributes().tabIndex" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-dropdown-item{--_background-color: var(--dropdown-item-default-background);--_color: var(--dropdown-item-default-text);--_form-select-item-radius: var(--form-select-item-radius);display:block;width:100%;background-color:var(--_background-color);color:var(--_color);cursor:pointer;text-align:left;border:none;border-radius:0;font-family:var(--family-default);font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x)}.tedi-dropdown-item--active,.tedi-dropdown-item--active:hover{--_background-color: var(--dropdown-item-active-background);--_color: var(--dropdown-item-active-text)}.tedi-dropdown-item--disabled,.tedi-dropdown-item--disabled:hover{--_background-color: var(--dropdown-item-disabled-background);--_color: var(--dropdown-item-disabled-text)}.tedi-dropdown-item:hover:not(.tedi-dropdown-item--active,.tedi-dropdown-item--disabled){--_background-color: var(--dropdown-item-hover-background);--_color: var(--dropdown-item-hover-text)}.tedi-dropdown-item:focus-visible{--_background-color: var(--dropdown-item-hover-background);--_color: var(--dropdown-item-hover-text)}.tedi-dropdown-item:first-child{border-top-left-radius:var(--_form-select-item-radius);border-top-right-radius:var(--_form-select-item-radius)}.tedi-dropdown-item:last-child{border-bottom-left-radius:var(--_form-select-item-radius);border-bottom-right-radius:var(--_form-select-item-radius)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1205
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1206
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: DropdownItemComponent, isStandalone: true, selector: "[tedi-dropdown-item]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, host: { listeners: { "click": "selectItem()", "keydown": "onKeyDown($event)" }, properties: { "class.tedi-dropdown-item": "true", "class.tedi-dropdown-item--active": "this.selected()", "class.tedi-dropdown-item--disabled": "this.disabledInput()", "attr.role": "ariaAttributes().role", "attr.aria-disabled": "ariaAttributes().disabled", "attr.aria-selected": "ariaAttributes().selected", "attr.tabindex": "ariaAttributes().tabIndex" } }, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-dropdown-item{--_background-color: var(--dropdown-item-default-background);--_color: var(--dropdown-item-default-text);--_form-select-item-radius: var(--form-select-item-radius);display:block;width:100%;background-color:var(--_background-color);color:var(--_color);cursor:pointer;text-align:left;border:none;border-radius:0;font-family:var(--family-default);font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x)}.tedi-dropdown-item--active,.tedi-dropdown-item--active:hover{--_background-color: var(--dropdown-item-active-background);--_color: var(--dropdown-item-active-text)}.tedi-dropdown-item--disabled,.tedi-dropdown-item--disabled:hover{--_background-color: var(--dropdown-item-disabled-background);--_color: var(--dropdown-item-disabled-text)}.tedi-dropdown-item:hover:not(.tedi-dropdown-item--active,.tedi-dropdown-item--disabled){--_background-color: var(--dropdown-item-hover-background);--_color: var(--dropdown-item-hover-text)}.tedi-dropdown-item:focus-visible{--_background-color: var(--dropdown-item-hover-background);--_color: var(--dropdown-item-hover-text)}.tedi-dropdown-item:first-child{border-top-left-radius:var(--_form-select-item-radius);border-top-right-radius:var(--_form-select-item-radius)}.tedi-dropdown-item:last-child{border-bottom-left-radius:var(--_form-select-item-radius);border-bottom-right-radius:var(--_form-select-item-radius)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1204
1207
  }
1205
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DropdownItemComponent, decorators: [{
1208
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownItemComponent, decorators: [{
1206
1209
  type: Component,
1207
1210
  args: [{ selector: "[tedi-dropdown-item]", template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
1208
1211
  "[class.tedi-dropdown-item]": "true",
@@ -1215,12 +1218,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1215
1218
  "(click)": "selectItem()",
1216
1219
  "(keydown)": "onKeyDown($event)",
1217
1220
  }, styles: [".tedi-dropdown-item{--_background-color: var(--dropdown-item-default-background);--_color: var(--dropdown-item-default-text);--_form-select-item-radius: var(--form-select-item-radius);display:block;width:100%;background-color:var(--_background-color);color:var(--_color);cursor:pointer;text-align:left;border:none;border-radius:0;font-family:var(--family-default);font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x)}.tedi-dropdown-item--active,.tedi-dropdown-item--active:hover{--_background-color: var(--dropdown-item-active-background);--_color: var(--dropdown-item-active-text)}.tedi-dropdown-item--disabled,.tedi-dropdown-item--disabled:hover{--_background-color: var(--dropdown-item-disabled-background);--_color: var(--dropdown-item-disabled-text)}.tedi-dropdown-item:hover:not(.tedi-dropdown-item--active,.tedi-dropdown-item--disabled){--_background-color: var(--dropdown-item-hover-background);--_color: var(--dropdown-item-hover-text)}.tedi-dropdown-item:focus-visible{--_background-color: var(--dropdown-item-hover-background);--_color: var(--dropdown-item-hover-text)}.tedi-dropdown-item:first-child{border-top-left-radius:var(--_form-select-item-radius);border-top-right-radius:var(--_form-select-item-radius)}.tedi-dropdown-item:last-child{border-bottom-left-radius:var(--_form-select-item-radius);border-bottom-right-radius:var(--_form-select-item-radius)}\n"] }]
1218
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
1221
+ }], ctorParameters: () => [], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }] } });
1219
1222
 
1220
1223
  const modalBreakpoints = ["xs", "sm", "md", "lg", "xl"];
1221
1224
  class ModalComponent {
1222
- maxWidth = model("sm");
1223
- variant = model("default");
1225
+ maxWidth = model("sm", ...(ngDevMode ? [{ debugName: "maxWidth" }] : []));
1226
+ variant = model("default", ...(ngDevMode ? [{ debugName: "variant" }] : []));
1224
1227
  dialogRef = inject(DialogRef, { optional: true });
1225
1228
  dialogData = inject(DIALOG_DATA, {
1226
1229
  optional: true,
@@ -1237,7 +1240,7 @@ class ModalComponent {
1237
1240
  }
1238
1241
  }
1239
1242
  return classes.join(" ");
1240
- });
1243
+ }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
1241
1244
  ngOnInit() {
1242
1245
  const data = this.dialogData;
1243
1246
  this.dialogRef?.addPanelClass("tedi-modal-panel");
@@ -1250,19 +1253,19 @@ class ModalComponent {
1250
1253
  this.variant.set(data.variant);
1251
1254
  }
1252
1255
  }
1253
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1254
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { maxWidth: "maxWidthChange", variant: "variantChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%;max-width:var(--modal-max-width-xs)}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%;max-width:var(--modal-max-width-sm)}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%;max-width:var(--modal-max-width-md)}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%;max-width:var(--modal-max-width-lg)}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%;max-width:var(--modal-max-width-xl)}.tedi-modal{--_modal-border: var(--tedi-borders-01) solid var(--modal-border-outer);--_modal-padding: var(--tedi-dimensions-13);--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--tedi-dimensions-05)}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--tedi-dimensions-10);--modal-heading-padding-x-tablet: var(--tedi-dimensions-10);--modal-heading-padding-x-mobile: var(--tedi-dimensions-10);--modal-heading-padding-y-desktop: var(--tedi-dimensions-05);--modal-heading-padding-y-tablet: var(--tedi-dimensions-05);--modal-heading-padding-y-mobile: var(--tedi-dimensions-05);--modal-footer-padding-x-desktop: var(--tedi-dimensions-10);--modal-footer-padding-x-tablet: var(--tedi-dimensions-10);--modal-footer-padding-x-mobile: var(--tedi-dimensions-10);--modal-footer-padding-y-desktop: var(--tedi-dimensions-05);--modal-footer-padding-y-tablet: var(--tedi-dimensions-05);--modal-footer-padding-y-mobile: var(--tedi-dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border);border-radius:var(--modal-radius)}.tedi-bottom-dialog{bottom:20%}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], encapsulation: i0.ViewEncapsulation.None });
1256
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1257
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { maxWidth: "maxWidthChange", variant: "variantChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%;max-width:var(--modal-max-width-xs)}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%;max-width:var(--modal-max-width-sm)}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%;max-width:var(--modal-max-width-md)}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%;max-width:var(--modal-max-width-lg)}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%;max-width:var(--modal-max-width-xl)}.tedi-modal{--_modal-border: var(--tedi-borders-01) solid var(--modal-border-outer);--_modal-padding: var(--tedi-dimensions-13);--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--tedi-dimensions-05)}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--tedi-dimensions-10);--modal-heading-padding-x-tablet: var(--tedi-dimensions-10);--modal-heading-padding-x-mobile: var(--tedi-dimensions-10);--modal-heading-padding-y-desktop: var(--tedi-dimensions-05);--modal-heading-padding-y-tablet: var(--tedi-dimensions-05);--modal-heading-padding-y-mobile: var(--tedi-dimensions-05);--modal-footer-padding-x-desktop: var(--tedi-dimensions-10);--modal-footer-padding-x-tablet: var(--tedi-dimensions-10);--modal-footer-padding-x-mobile: var(--tedi-dimensions-10);--modal-footer-padding-y-desktop: var(--tedi-dimensions-05);--modal-footer-padding-y-tablet: var(--tedi-dimensions-05);--modal-footer-padding-y-mobile: var(--tedi-dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border);border-radius:var(--modal-radius)}.tedi-bottom-dialog{bottom:20%}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], encapsulation: i0.ViewEncapsulation.None });
1255
1258
  }
1256
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, decorators: [{
1259
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ModalComponent, decorators: [{
1257
1260
  type: Component,
1258
1261
  args: [{ selector: "tedi-modal", imports: [DialogModule, CdkScrollable], encapsulation: ViewEncapsulation.None, host: {
1259
1262
  "[class]": "hostClasses()",
1260
- }, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%;max-width:var(--modal-max-width-xs)}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%;max-width:var(--modal-max-width-sm)}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%;max-width:var(--modal-max-width-md)}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%;max-width:var(--modal-max-width-lg)}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%;max-width:var(--modal-max-width-xl)}.tedi-modal{--_modal-border: var(--tedi-borders-01) solid var(--modal-border-outer);--_modal-padding: var(--tedi-dimensions-13);--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--tedi-dimensions-05)}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--tedi-dimensions-10);--modal-heading-padding-x-tablet: var(--tedi-dimensions-10);--modal-heading-padding-x-mobile: var(--tedi-dimensions-10);--modal-heading-padding-y-desktop: var(--tedi-dimensions-05);--modal-heading-padding-y-tablet: var(--tedi-dimensions-05);--modal-heading-padding-y-mobile: var(--tedi-dimensions-05);--modal-footer-padding-x-desktop: var(--tedi-dimensions-10);--modal-footer-padding-x-tablet: var(--tedi-dimensions-10);--modal-footer-padding-x-mobile: var(--tedi-dimensions-10);--modal-footer-padding-y-desktop: var(--tedi-dimensions-05);--modal-footer-padding-y-tablet: var(--tedi-dimensions-05);--modal-footer-padding-y-mobile: var(--tedi-dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border);border-radius:var(--modal-radius)}.tedi-bottom-dialog{bottom:20%}\n"] }]
1261
- }] });
1263
+ }, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%;max-width:var(--modal-max-width-xs)}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%;max-width:var(--modal-max-width-sm)}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%;max-width:var(--modal-max-width-md)}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%;max-width:var(--modal-max-width-lg)}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%;max-width:var(--modal-max-width-xl)}.tedi-modal{--_modal-border: var(--tedi-borders-01) solid var(--modal-border-outer);--_modal-padding: var(--tedi-dimensions-13);--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x);--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y);--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x);--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--tedi-dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--tedi-dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--tedi-dimensions-05)}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--tedi-dimensions-10);--modal-heading-padding-x-tablet: var(--tedi-dimensions-10);--modal-heading-padding-x-mobile: var(--tedi-dimensions-10);--modal-heading-padding-y-desktop: var(--tedi-dimensions-05);--modal-heading-padding-y-tablet: var(--tedi-dimensions-05);--modal-heading-padding-y-mobile: var(--tedi-dimensions-05);--modal-footer-padding-x-desktop: var(--tedi-dimensions-10);--modal-footer-padding-x-tablet: var(--tedi-dimensions-10);--modal-footer-padding-x-mobile: var(--tedi-dimensions-10);--modal-footer-padding-y-desktop: var(--tedi-dimensions-05);--modal-footer-padding-y-tablet: var(--tedi-dimensions-05);--modal-footer-padding-y-mobile: var(--tedi-dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border);border-radius:var(--modal-radius)}.tedi-bottom-dialog{bottom:20%}\n"] }]
1264
+ }], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }, { type: i0.Output, args: ["maxWidthChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }, { type: i0.Output, args: ["variantChange"] }] } });
1262
1265
 
1263
1266
  class ModalFooterComponent {
1264
- align = model("flex-end");
1265
- buttons = model();
1267
+ align = model("flex-end", ...(ngDevMode ? [{ debugName: "align" }] : []));
1268
+ buttons = model(...(ngDevMode ? [undefined, { debugName: "buttons" }] : []));
1266
1269
  dialogData = inject(DIALOG_DATA, {
1267
1270
  optional: true,
1268
1271
  });
@@ -1278,18 +1281,18 @@ class ModalFooterComponent {
1278
1281
  this.align.set(alignButtons);
1279
1282
  }
1280
1283
  }
1281
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1282
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { align: "alignChange", buttons: "buttonsChange" }, ngImport: i0, template: "<div class=\"tedi-modal-footer\" [style.justify-content]=\"align()\">\n <ng-content>\n @for (button of buttons(); track button.label) {\n <button\n tedi-button\n [size]=\"button.size || 'small'\"\n [variant]=\"button.variant || 'secondary'\"\n [disabled]=\"button.disabled\"\n [ngStyle]=\"button.style\"\n (click)=\"button.action()\"\n >\n @if (button.icon && button.iconPosition == \"start\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n {{ button.label }}\n @if (button.icon && button.iconPosition == \"end\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n </button>\n }\n </ng-content>\n</div>\n", styles: [".tedi-modal-footer{--_modal-footer-gap: .5rem;display:flex;gap:var(--_modal-footer-gap);border-top:var(--tedi-borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
1284
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1285
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { align: "alignChange", buttons: "buttonsChange" }, ngImport: i0, template: "<div class=\"tedi-modal-footer\" [style.justify-content]=\"align()\">\n <ng-content>\n @for (button of buttons(); track button.label) {\n <button\n tedi-button\n [size]=\"button.size || 'small'\"\n [variant]=\"button.variant || 'secondary'\"\n [disabled]=\"button.disabled\"\n [ngStyle]=\"button.style\"\n (click)=\"button.action()\"\n >\n @if (button.icon && button.iconPosition == \"start\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n {{ button.label }}\n @if (button.icon && button.iconPosition == \"end\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n </button>\n }\n </ng-content>\n</div>\n", styles: [".tedi-modal-footer{--_modal-footer-gap: .5rem;display:flex;gap:var(--_modal-footer-gap);border-top:var(--tedi-borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
1283
1286
  }
1284
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, decorators: [{
1287
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ModalFooterComponent, decorators: [{
1285
1288
  type: Component,
1286
1289
  args: [{ selector: "tedi-modal-footer", imports: [ButtonComponent, IconComponent, NgStyle], template: "<div class=\"tedi-modal-footer\" [style.justify-content]=\"align()\">\n <ng-content>\n @for (button of buttons(); track button.label) {\n <button\n tedi-button\n [size]=\"button.size || 'small'\"\n [variant]=\"button.variant || 'secondary'\"\n [disabled]=\"button.disabled\"\n [ngStyle]=\"button.style\"\n (click)=\"button.action()\"\n >\n @if (button.icon && button.iconPosition == \"start\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n {{ button.label }}\n @if (button.icon && button.iconPosition == \"end\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n </button>\n }\n </ng-content>\n</div>\n", styles: [".tedi-modal-footer{--_modal-footer-gap: .5rem;display:flex;gap:var(--_modal-footer-gap);border-top:var(--tedi-borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
1287
- }] });
1290
+ }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }, { type: i0.Output, args: ["alignChange"] }], buttons: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttons", required: false }] }, { type: i0.Output, args: ["buttonsChange"] }] } });
1288
1291
 
1289
1292
  class ModalHeaderComponent {
1290
- title = model("Title");
1291
- feedback = model();
1292
- closeButton = model(true);
1293
+ title = model("Title", ...(ngDevMode ? [{ debugName: "title" }] : []));
1294
+ feedback = model(...(ngDevMode ? [undefined, { debugName: "feedback" }] : []));
1295
+ closeButton = model(true, ...(ngDevMode ? [{ debugName: "closeButton" }] : []));
1293
1296
  dialogRef = inject(DialogRef, { optional: true });
1294
1297
  dialogData = inject(DIALOG_DATA, {
1295
1298
  optional: true,
@@ -1314,13 +1317,13 @@ class ModalHeaderComponent {
1314
1317
  this.closeButton.set(data.closeButton);
1315
1318
  }
1316
1319
  }
1317
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1318
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { title: "titleChange", feedback: "feedbackChange", closeButton: "closeButtonChange" }, ngImport: i0, template: "<div class=\"tedi-modal-header\">\n <div class=\"tedi-modal-header__title\">\n <ng-content>\n <h1 tedi-text modifiers=\"h3\">\n {{ title() }}\n </h1>\n </ng-content>\n\n <ng-content select=\"[header-exit-button]\">\n @if (closeButton()) {\n <button\n tedi-closing-button\n variant=\"neutral\"\n (click)=\"closeModal()\"\n ></button>\n }\n </ng-content>\n </div>\n\n @if (feedback()) {\n <tedi-feedback-text\n [text]=\"feedback()!.text\"\n [type]=\"feedback()!.type\"\n [position]=\"feedback()!.position\"\n />\n }\n</div>\n", styles: [".tedi-modal-header{border-bottom:var(--tedi-borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal-header__title{display:flex;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }] });
1320
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1321
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { title: "titleChange", feedback: "feedbackChange", closeButton: "closeButtonChange" }, ngImport: i0, template: "<div class=\"tedi-modal-header\">\n <div class=\"tedi-modal-header__title\">\n <ng-content>\n <h1 tedi-text modifiers=\"h3\">\n {{ title() }}\n </h1>\n </ng-content>\n\n <ng-content select=\"[header-exit-button]\">\n @if (closeButton()) {\n <button\n tedi-closing-button\n variant=\"neutral\"\n (click)=\"closeModal()\"\n ></button>\n }\n </ng-content>\n </div>\n\n @if (feedback()) {\n <tedi-feedback-text\n [text]=\"feedback()!.text\"\n [type]=\"feedback()!.type\"\n [position]=\"feedback()!.position\"\n />\n }\n</div>\n", styles: [".tedi-modal-header{border-bottom:var(--tedi-borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal-header__title{display:flex;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }] });
1319
1322
  }
1320
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, decorators: [{
1323
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ModalHeaderComponent, decorators: [{
1321
1324
  type: Component,
1322
1325
  args: [{ selector: "tedi-modal-header", imports: [FeedbackTextComponent, ClosingButtonComponent, TextComponent], template: "<div class=\"tedi-modal-header\">\n <div class=\"tedi-modal-header__title\">\n <ng-content>\n <h1 tedi-text modifiers=\"h3\">\n {{ title() }}\n </h1>\n </ng-content>\n\n <ng-content select=\"[header-exit-button]\">\n @if (closeButton()) {\n <button\n tedi-closing-button\n variant=\"neutral\"\n (click)=\"closeModal()\"\n ></button>\n }\n </ng-content>\n </div>\n\n @if (feedback()) {\n <tedi-feedback-text\n [text]=\"feedback()!.text\"\n [type]=\"feedback()!.type\"\n [position]=\"feedback()!.position\"\n />\n }\n</div>\n", styles: [".tedi-modal-header{border-bottom:var(--tedi-borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal-header__title{display:flex;justify-content:space-between;align-items:center}\n"] }]
1323
- }] });
1326
+ }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }, { type: i0.Output, args: ["titleChange"] }], feedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedback", required: false }] }, { type: i0.Output, args: ["feedbackChange"] }], closeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButton", required: false }] }, { type: i0.Output, args: ["closeButtonChange"] }] } });
1324
1327
 
1325
1328
  /**
1326
1329
  * @deprecated Use Select from TEDI-ready instead. This component will be removed from future versions.
@@ -1330,53 +1333,53 @@ class SelectComponent {
1330
1333
  * The id of the select input (for label association).
1331
1334
  * @default ""
1332
1335
  */
1333
- inputId = input.required();
1336
+ inputId = input.required(...(ngDevMode ? [{ debugName: "inputId" }] : []));
1334
1337
  /**
1335
1338
  * The label for the select input.
1336
1339
  * @default ""
1337
1340
  */
1338
- label = input();
1341
+ label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
1339
1342
  /**
1340
1343
  * Should show label as required?
1341
1344
  * @default false
1342
1345
  */
1343
- required = input(false);
1346
+ required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
1344
1347
  /**
1345
1348
  * The placeholder text to display when no option is selected.
1346
1349
  * @default ""
1347
1350
  */
1348
- placeholder = input("");
1351
+ placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
1349
1352
  /**
1350
1353
  * The state of the input.
1351
1354
  * @default "default"
1352
1355
  */
1353
- state = input("default");
1356
+ state = input("default", ...(ngDevMode ? [{ debugName: "state" }] : []));
1354
1357
  /**
1355
1358
  * The size of the input.
1356
1359
  * @default "default"
1357
1360
  */
1358
- size = input("default");
1361
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
1359
1362
  /**
1360
1363
  * Whether the clear button will be shown when an option is selected.
1361
1364
  * @default false
1362
1365
  */
1363
- clearable = input(true);
1366
+ clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable" }] : []));
1364
1367
  /**
1365
1368
  * Optional element reference to calculate dropdown width from.
1366
1369
  * If provided but null, dropdown will use auto width.
1367
1370
  * If not provided, defaults to the host element width.
1368
1371
  * @default undefined
1369
1372
  */
1370
- dropdownWidthRef = input();
1371
- feedbackText = input();
1372
- isOpen = signal(false);
1373
- selectedOptions = signal([]);
1374
- listboxRef = viewChild(CdkListbox, { read: ElementRef });
1375
- triggerRef = viewChild(CdkOverlayOrigin, { read: ElementRef });
1373
+ dropdownWidthRef = input(...(ngDevMode ? [undefined, { debugName: "dropdownWidthRef" }] : []));
1374
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
1375
+ isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
1376
+ selectedOptions = signal([], ...(ngDevMode ? [{ debugName: "selectedOptions" }] : []));
1377
+ listboxRef = viewChild(CdkListbox, ...(ngDevMode ? [{ debugName: "listboxRef", read: ElementRef }] : [{ read: ElementRef }]));
1378
+ triggerRef = viewChild(CdkOverlayOrigin, ...(ngDevMode ? [{ debugName: "triggerRef", read: ElementRef }] : [{ read: ElementRef }]));
1376
1379
  hostRef = inject(ElementRef);
1377
- options = contentChildren(SelectOptionComponent);
1378
- dropdownWidth = signal(null);
1379
- disabled = signal(false);
1380
+ options = contentChildren(SelectOptionComponent, ...(ngDevMode ? [{ debugName: "options" }] : []));
1381
+ dropdownWidth = signal(null, ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : []));
1382
+ disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
1380
1383
  optionGroups = computed(() => {
1381
1384
  const groups = [];
1382
1385
  this.options().forEach((option) => {
@@ -1389,7 +1392,7 @@ class SelectComponent {
1389
1392
  }
1390
1393
  });
1391
1394
  return groups;
1392
- });
1395
+ }, ...(ngDevMode ? [{ debugName: "optionGroups" }] : []));
1393
1396
  ngAfterContentChecked() {
1394
1397
  this.setDropdownWidth();
1395
1398
  }
@@ -1424,7 +1427,7 @@ class SelectComponent {
1424
1427
  focusListboxWhenVisible = effect(() => {
1425
1428
  if (this.listboxRef())
1426
1429
  this.listboxRef()?.nativeElement.focus();
1427
- });
1430
+ }, ...(ngDevMode ? [{ debugName: "focusListboxWhenVisible" }] : []));
1428
1431
  focusTrigger() {
1429
1432
  this.triggerRef()?.nativeElement.focus();
1430
1433
  }
@@ -1435,7 +1438,7 @@ class SelectComponent {
1435
1438
  return this.options()
1436
1439
  .filter((option) => this.isOptionSelected(option.value()))
1437
1440
  .map((option) => option.label());
1438
- });
1441
+ }, ...(ngDevMode ? [{ debugName: "selectedLabels" }] : []));
1439
1442
  setDropdownWidth() {
1440
1443
  const widthRef = this.dropdownWidthRef();
1441
1444
  if (widthRef === null) {
@@ -1461,8 +1464,8 @@ class SelectComponent {
1461
1464
  setDisabledState(isDisabled) {
1462
1465
  this.disabled.set(isDisabled);
1463
1466
  }
1464
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1465
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SelectComponent, isStandalone: true, selector: "tedi-select", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidthRef: { classPropertyName: "dropdownWidthRef", publicName: "dropdownWidthRef", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" }, classAttribute: "tedi-select" }, providers: [
1467
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1468
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: SelectComponent, isStandalone: true, selector: "tedi-select", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidthRef: { classPropertyName: "dropdownWidthRef", publicName: "dropdownWidthRef", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" }, classAttribute: "tedi-select" }, providers: [
1466
1469
  {
1467
1470
  provide: NG_VALUE_ACCESSOR,
1468
1471
  useExisting: forwardRef(() => SelectComponent),
@@ -1470,7 +1473,7 @@ class SelectComponent {
1470
1473
  },
1471
1474
  ], queries: [{ propertyName: "options", predicate: SelectOptionComponent, isSignal: true }], viewQueries: [{ propertyName: "listboxRef", first: true, predicate: CdkListbox, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "triggerRef", first: true, predicate: CdkOverlayOrigin, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@let listboxId = inputId() + \"-listbox\";\n@let labelId = inputId() + \"-label\";\n\n@if (label()) {\n <label\n [id]=\"labelId\"\n tedi-label\n [for]=\"inputId()\"\n [required]=\"required()\"\n [size]=\"size()\"\n >\n {{ label() }}\n </label>\n}\n<div\n [id]=\"inputId()\"\n class=\"tedi-select__trigger\"\n [class.tedi-input--disabled]=\"disabled()\"\n tedi-input\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-controls]=\"listboxId\"\n [attr.aria-labelledby]=\"labelId\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [state]=\"state()\"\n [size]=\"size()\"\n (click)=\"toggleIsOpen()\"\n (keydown.enter)=\"toggleIsOpen()\"\n (keydown.space)=\"$event.preventDefault(); toggleIsOpen()\"\n (keydown.arrowdown)=\"$event.preventDefault(); toggleIsOpen()\"\n (blur)=\"onTouched()\"\n>\n <span class=\"tedi-select__label\">\n @if (selectedLabels().length) {\n {{ selectedLabels() }}\n } @else {\n <span class=\"tedi-select__label--placeholder\">\n {{ placeholder() }}\n </span>\n }\n </span>\n\n @if (clearable() && selectedOptions().length) {\n <button\n class=\"tedi-select__clear\"\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n [iconSize]=\"18\"\n title=\"Clear\"\n (click)=\"clear($event)\"\n ></button>\n }\n\n <tedi-icon class=\"tedi-select__arrow\" name=\"arrow_drop_down\" />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n (backdropClick)=\"toggleIsOpen(false)\"\n (detach)=\"toggleIsOpen(false)\"\n>\n <tedi-card\n class=\"tedi-select__dropdown\"\n spacing=\"none\"\n [style.width]=\"!!dropdownWidth() ? dropdownWidth() + 'px' : 'auto'\"\n >\n <tedi-card-content>\n <ul\n [id]=\"listboxId\"\n class=\"tedi-select__options\"\n cdkListbox\n [cdkListboxValue]=\"selectedOptions()\"\n (cdkListboxValueChange)=\"handleValueChange($event)\"\n >\n @if (options().length) {\n @for (group of optionGroups(); track $index) {\n @if (group.label.length > 0) {\n <li class=\"tedi-select__group-name\" role=\"presentation\">\n <span tedi-text color=\"tertiary\">\n {{ group.label }}\n </span>\n </li>\n }\n\n @for (option of group.options; track option.value()) {\n <li\n tedi-dropdown-item\n [selected]=\"isOptionSelected(option.value())\"\n [cdkOption]=\"option.value()\"\n [cdkOptionDisabled]=\"option.disabled()\"\n [disabled]=\"option.disabled()\"\n >\n @if (option.templateRef(); as optionNgContent) {\n <div class=\"tedi-select__dropdown-item--custom-content\">\n <ng-container [ngTemplateOutlet]=\"optionNgContent\" />\n </div>\n <span class=\"tedi-select__dropdown-item--label\">\n {{ option.label() }}\n </span>\n }\n </li>\n }\n }\n } @else {\n <li tedi-dropdown-item class=\"tedi-select__no-options\">\n {{ \"select.no-options\" | tediTranslate }}\n </li>\n }\n </ul>\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-select{display:block;width:100%}.tedi-select__trigger{display:flex;width:100%;justify-content:space-between}.tedi-select__label{overflow:hidden;text-align:left;flex-grow:1;cursor:default}.tedi-select__label--placeholder{pointer-events:none;color:var(--_placeholder-color)}.tedi-select__clear{padding:0;margin:0;border:none;background:none;flex-grow:0;color:var(--button-close-text-default);cursor:pointer}.tedi-select__clear+.tedi-select__arrow{border-left:1px solid var(--general-border-primary)}.tedi-select__arrow{flex-grow:0;cursor:default;padding-left:var(--form-field-inner-spacing);margin-left:var(--form-field-inner-spacing)}.tedi-select__dropdown{box-shadow:0 1px 5px 0 var(--tedi-alpha-20);margin-top:var(--form-field-outer-spacing);margin-bottom:var(--form-field-outer-spacing)}.tedi-select__options{margin:0;padding:0;max-height:300px;overflow-y:auto}.tedi-select__options:focus .cdk-option-active{background:var(--dropdown-item-hover-background);color:var(--dropdown-item-hover-text)}.tedi-select__dropdown-item--label{display:none}.tedi-select__dropdown-item--custom-content:empty+.tedi-select__dropdown-item--label{display:block}.tedi-select__group-name{display:block;text-transform:uppercase;letter-spacing:0px;padding:8px 12px 4px;font-weight:var(--heading-subtitle-small-weight);font-size:var(--heading-subtitle-small-size);line-height:var(--heading-subtitle-small-line-height)}.tedi-select__group-name--selectable~.tedi-dropdown-item:not(.tedi-select__group-name){padding-left:var(--form-checkbox-radio-subitem-padding-left)}.tedi-select--multiselect .tedi-select__trigger{align-items:flex-start}.tedi-select__multiselect-container{display:flex;flex-wrap:wrap;gap:var(--form-field-inner-spacing)}.tedi-select__multiselect-container--single-row{overflow:hidden;flex-wrap:nowrap}.tedi-select__multiselect-container--single-row .tedi-tag{flex-shrink:0}.tedi-select__multiselect-container--single-row .tedi-tag__content{white-space:nowrap}.tedi-select__multiselect-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: CdkListboxModule }, { kind: "directive", type: i3.CdkListbox, selector: "[cdkListbox]", inputs: ["id", "tabindex", "cdkListboxValue", "cdkListboxMultiple", "cdkListboxDisabled", "cdkListboxUseActiveDescendant", "cdkListboxOrientation", "cdkListboxCompareWith", "cdkListboxNavigationWrapDisabled", "cdkListboxNavigatesDisabledOptions"], outputs: ["cdkListboxValueChange"], exportAs: ["cdkListbox"] }, { kind: "directive", type: i3.CdkOption, selector: "[cdkOption]", inputs: ["id", "cdkOption", "cdkOptionTypeaheadLabel", "cdkOptionDisabled", "tabindex"], exportAs: ["cdkOption"] }, { kind: "component", type: InputComponent, selector: "[tedi-input]", inputs: ["size", "state"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: DropdownItemComponent, selector: "[tedi-dropdown-item]", inputs: ["selected", "disabled"], outputs: ["itemSelected"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }, { kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1472
1475
  }
1473
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SelectComponent, decorators: [{
1476
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SelectComponent, decorators: [{
1474
1477
  type: Component,
1475
1478
  args: [{ selector: "tedi-select", imports: [
1476
1479
  CommonModule,
@@ -1495,7 +1498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1495
1498
  multi: true,
1496
1499
  },
1497
1500
  ], template: "@let listboxId = inputId() + \"-listbox\";\n@let labelId = inputId() + \"-label\";\n\n@if (label()) {\n <label\n [id]=\"labelId\"\n tedi-label\n [for]=\"inputId()\"\n [required]=\"required()\"\n [size]=\"size()\"\n >\n {{ label() }}\n </label>\n}\n<div\n [id]=\"inputId()\"\n class=\"tedi-select__trigger\"\n [class.tedi-input--disabled]=\"disabled()\"\n tedi-input\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-controls]=\"listboxId\"\n [attr.aria-labelledby]=\"labelId\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [state]=\"state()\"\n [size]=\"size()\"\n (click)=\"toggleIsOpen()\"\n (keydown.enter)=\"toggleIsOpen()\"\n (keydown.space)=\"$event.preventDefault(); toggleIsOpen()\"\n (keydown.arrowdown)=\"$event.preventDefault(); toggleIsOpen()\"\n (blur)=\"onTouched()\"\n>\n <span class=\"tedi-select__label\">\n @if (selectedLabels().length) {\n {{ selectedLabels() }}\n } @else {\n <span class=\"tedi-select__label--placeholder\">\n {{ placeholder() }}\n </span>\n }\n </span>\n\n @if (clearable() && selectedOptions().length) {\n <button\n class=\"tedi-select__clear\"\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n [iconSize]=\"18\"\n title=\"Clear\"\n (click)=\"clear($event)\"\n ></button>\n }\n\n <tedi-icon class=\"tedi-select__arrow\" name=\"arrow_drop_down\" />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n (backdropClick)=\"toggleIsOpen(false)\"\n (detach)=\"toggleIsOpen(false)\"\n>\n <tedi-card\n class=\"tedi-select__dropdown\"\n spacing=\"none\"\n [style.width]=\"!!dropdownWidth() ? dropdownWidth() + 'px' : 'auto'\"\n >\n <tedi-card-content>\n <ul\n [id]=\"listboxId\"\n class=\"tedi-select__options\"\n cdkListbox\n [cdkListboxValue]=\"selectedOptions()\"\n (cdkListboxValueChange)=\"handleValueChange($event)\"\n >\n @if (options().length) {\n @for (group of optionGroups(); track $index) {\n @if (group.label.length > 0) {\n <li class=\"tedi-select__group-name\" role=\"presentation\">\n <span tedi-text color=\"tertiary\">\n {{ group.label }}\n </span>\n </li>\n }\n\n @for (option of group.options; track option.value()) {\n <li\n tedi-dropdown-item\n [selected]=\"isOptionSelected(option.value())\"\n [cdkOption]=\"option.value()\"\n [cdkOptionDisabled]=\"option.disabled()\"\n [disabled]=\"option.disabled()\"\n >\n @if (option.templateRef(); as optionNgContent) {\n <div class=\"tedi-select__dropdown-item--custom-content\">\n <ng-container [ngTemplateOutlet]=\"optionNgContent\" />\n </div>\n <span class=\"tedi-select__dropdown-item--label\">\n {{ option.label() }}\n </span>\n }\n </li>\n }\n }\n } @else {\n <li tedi-dropdown-item class=\"tedi-select__no-options\">\n {{ \"select.no-options\" | tediTranslate }}\n </li>\n }\n </ul>\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-select{display:block;width:100%}.tedi-select__trigger{display:flex;width:100%;justify-content:space-between}.tedi-select__label{overflow:hidden;text-align:left;flex-grow:1;cursor:default}.tedi-select__label--placeholder{pointer-events:none;color:var(--_placeholder-color)}.tedi-select__clear{padding:0;margin:0;border:none;background:none;flex-grow:0;color:var(--button-close-text-default);cursor:pointer}.tedi-select__clear+.tedi-select__arrow{border-left:1px solid var(--general-border-primary)}.tedi-select__arrow{flex-grow:0;cursor:default;padding-left:var(--form-field-inner-spacing);margin-left:var(--form-field-inner-spacing)}.tedi-select__dropdown{box-shadow:0 1px 5px 0 var(--tedi-alpha-20);margin-top:var(--form-field-outer-spacing);margin-bottom:var(--form-field-outer-spacing)}.tedi-select__options{margin:0;padding:0;max-height:300px;overflow-y:auto}.tedi-select__options:focus .cdk-option-active{background:var(--dropdown-item-hover-background);color:var(--dropdown-item-hover-text)}.tedi-select__dropdown-item--label{display:none}.tedi-select__dropdown-item--custom-content:empty+.tedi-select__dropdown-item--label{display:block}.tedi-select__group-name{display:block;text-transform:uppercase;letter-spacing:0px;padding:8px 12px 4px;font-weight:var(--heading-subtitle-small-weight);font-size:var(--heading-subtitle-small-size);line-height:var(--heading-subtitle-small-line-height)}.tedi-select__group-name--selectable~.tedi-dropdown-item:not(.tedi-select__group-name){padding-left:var(--form-checkbox-radio-subitem-padding-left)}.tedi-select--multiselect .tedi-select__trigger{align-items:flex-start}.tedi-select__multiselect-container{display:flex;flex-wrap:wrap;gap:var(--form-field-inner-spacing)}.tedi-select__multiselect-container--single-row{overflow:hidden;flex-wrap:nowrap}.tedi-select__multiselect-container--single-row .tedi-tag{flex-shrink:0}.tedi-select__multiselect-container--single-row .tedi-tag__content{white-space:nowrap}.tedi-select__multiselect-checkbox{pointer-events:none}\n"] }]
1498
- }], propDecorators: { onWindowResize: [{
1501
+ }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], dropdownWidthRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownWidthRef", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], listboxRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkListbox), { ...{ read: ElementRef }, isSignal: true }] }], triggerRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkOverlayOrigin), { ...{ read: ElementRef }, isSignal: true }] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SelectOptionComponent), { isSignal: true }] }], onWindowResize: [{
1499
1502
  type: HostListener,
1500
1503
  args: ["window:resize"]
1501
1504
  }] } });
@@ -1509,19 +1512,19 @@ class TagComponent {
1509
1512
  * When true, a spinner will be displayed inside the tag.
1510
1513
  * @default false
1511
1514
  */
1512
- loading = input(false);
1515
+ loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
1513
1516
  /**
1514
1517
  * Whether the tag can be closed.
1515
1518
  * When true, a close button will be displayed that emits the 'closed' event when clicked.
1516
1519
  * @default false
1517
1520
  */
1518
- closable = input(false);
1521
+ closable = input(false, ...(ngDevMode ? [{ debugName: "closable" }] : []));
1519
1522
  /**
1520
1523
  * The visual style of the tag.
1521
1524
  * Possible values: 'primary', 'secondary', 'danger'
1522
1525
  * @default "primary"
1523
1526
  */
1524
- type = input("primary");
1527
+ type = input("primary", ...(ngDevMode ? [{ debugName: "type" }] : []));
1525
1528
  /**
1526
1529
  * Event emitted when the close button is clicked.
1527
1530
  * Only relevant when closable is true.
@@ -1533,14 +1536,14 @@ class TagComponent {
1533
1536
  classList.push(`tedi-tag--${this.type()}`);
1534
1537
  }
1535
1538
  return classList.join(" ");
1536
- });
1539
+ }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
1537
1540
  handleClose(event) {
1538
1541
  this.closed.emit(event);
1539
1542
  }
1540
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1541
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TagComponent, isStandalone: true, selector: "tedi-tag", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.tedi-tag": "true", "class.tedi-tag--loading": "loading()", "class.tedi-tag--closable": "closable()", "class": "classes()" } }, ngImport: i0, template: "@if (type() === \"danger\") {\n <span class=\"tedi-tag__icon-wrapper\">\n <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n </span>\n}\n\n<span class=\"tedi-tag__content\">\n <ng-content />\n</span>\n\n@if (loading()) {\n <span class=\"tedi-tag__spinner-wrapper\">\n <tedi-spinner [size]=\"10\" />\n </span>\n} @else if (closable()) {\n <!-- TODO: Not sure about the aria-label and title here. Should they come from input and be translatable? -->\n <button\n type=\"button\"\n class=\"tedi-tag__closing-button\"\n [attr.aria-label]=\"'remove' | tediTranslate\"\n [title]=\"'remove' | tediTranslate\"\n (click)=\"handleClose($event)\"\n >\n <tedi-icon name=\"close\" [size]=\"18\" />\n </button>\n}\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_border-width: 1px;--_tag-padding-y: calc(var(--tag-default-padding-y) - var(--_border-width));--_padding-y: var(--tag-default-padding-y);--_padding-x: var(--tag-default-padding-x);--_border-radius: var(--tag-default-radius);--_gap-x: var(--tag-default-padding-x);--_line-height: var(--body-small-regular-line-height);display:inline-flex;align-items:flex-start;gap:var(--_gap-x);padding:0 var(--_padding-x);background-color:var(--_background-color);border:var(--_border-width) solid;border-color:var(--_border-color);border-radius:var(--_border-radius);font-family:var(--family-default);color:var(--general-text-primary);line-height:var(--_line-height);overflow:hidden;font-weight:var(--body-small-regular-weight);font-size:var(--body-small-regular-size);--_tag-padding-y: var(--tag-default-padding-y)}.tedi-tag__content{padding:calc(var(--_tag-padding-y) - var(--_border-width)) 0}.tedi-tag__icon-wrapper{line-height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag__closing-button{--_button-height: var(--button-xs-icon-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;border:none;background-color:#00000003;transition:background-color .3s ease-in-out;height:calc(var(--_button-height) - var(--_border-width) * 2);min-width:var(--button-xs-icon-size)}.tedi-tag__closing-button:hover,.tedi-tag__closing-button:focus{background-color:#0000001a}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "tedi-spinner", inputs: ["size", "color", "label"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1543
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1544
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: TagComponent, isStandalone: true, selector: "tedi-tag", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.tedi-tag": "true", "class.tedi-tag--loading": "loading()", "class.tedi-tag--closable": "closable()", "class": "classes()" } }, ngImport: i0, template: "@if (type() === \"danger\") {\n <span class=\"tedi-tag__icon-wrapper\">\n <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n </span>\n}\n\n<span class=\"tedi-tag__content\">\n <ng-content />\n</span>\n\n@if (loading()) {\n <span class=\"tedi-tag__spinner-wrapper\">\n <tedi-spinner [size]=\"10\" />\n </span>\n} @else if (closable()) {\n <!-- TODO: Not sure about the aria-label and title here. Should they come from input and be translatable? -->\n <button\n type=\"button\"\n class=\"tedi-tag__closing-button\"\n [attr.aria-label]=\"'remove' | tediTranslate\"\n [title]=\"'remove' | tediTranslate\"\n (click)=\"handleClose($event)\"\n >\n <tedi-icon name=\"close\" [size]=\"18\" />\n </button>\n}\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_border-width: 1px;--_tag-padding-y: calc(var(--tag-default-padding-y) - var(--_border-width));--_padding-y: var(--tag-default-padding-y);--_padding-x: var(--tag-default-padding-x);--_border-radius: var(--tag-default-radius);--_gap-x: var(--tag-default-padding-x);--_line-height: var(--body-small-regular-line-height);display:inline-flex;align-items:flex-start;gap:var(--_gap-x);padding:0 var(--_padding-x);background-color:var(--_background-color);border:var(--_border-width) solid;border-color:var(--_border-color);border-radius:var(--_border-radius);font-family:var(--family-default);color:var(--general-text-primary);line-height:var(--_line-height);overflow:hidden;font-weight:var(--body-small-regular-weight);font-size:var(--body-small-regular-size);--_tag-padding-y: var(--tag-default-padding-y)}.tedi-tag__content{padding:calc(var(--_tag-padding-y) - var(--_border-width)) 0}.tedi-tag__icon-wrapper{line-height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag__closing-button{--_button-height: var(--button-xs-icon-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;border:none;background-color:#00000003;transition:background-color .3s ease-in-out;height:calc(var(--_button-height) - var(--_border-width) * 2);min-width:var(--button-xs-icon-size)}.tedi-tag__closing-button:hover,.tedi-tag__closing-button:focus{background-color:#0000001a}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "tedi-spinner", inputs: ["size", "color", "label"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1542
1545
  }
1543
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TagComponent, decorators: [{
1546
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TagComponent, decorators: [{
1544
1547
  type: Component,
1545
1548
  args: [{ selector: "tedi-tag", imports: [SpinnerComponent, IconComponent, TediTranslationPipe], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
1546
1549
  "[class.tedi-tag]": "true",
@@ -1548,7 +1551,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1548
1551
  "[class.tedi-tag--closable]": "closable()",
1549
1552
  "[class]": "classes()",
1550
1553
  }, template: "@if (type() === \"danger\") {\n <span class=\"tedi-tag__icon-wrapper\">\n <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n </span>\n}\n\n<span class=\"tedi-tag__content\">\n <ng-content />\n</span>\n\n@if (loading()) {\n <span class=\"tedi-tag__spinner-wrapper\">\n <tedi-spinner [size]=\"10\" />\n </span>\n} @else if (closable()) {\n <!-- TODO: Not sure about the aria-label and title here. Should they come from input and be translatable? -->\n <button\n type=\"button\"\n class=\"tedi-tag__closing-button\"\n [attr.aria-label]=\"'remove' | tediTranslate\"\n [title]=\"'remove' | tediTranslate\"\n (click)=\"handleClose($event)\"\n >\n <tedi-icon name=\"close\" [size]=\"18\" />\n </button>\n}\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_border-width: 1px;--_tag-padding-y: calc(var(--tag-default-padding-y) - var(--_border-width));--_padding-y: var(--tag-default-padding-y);--_padding-x: var(--tag-default-padding-x);--_border-radius: var(--tag-default-radius);--_gap-x: var(--tag-default-padding-x);--_line-height: var(--body-small-regular-line-height);display:inline-flex;align-items:flex-start;gap:var(--_gap-x);padding:0 var(--_padding-x);background-color:var(--_background-color);border:var(--_border-width) solid;border-color:var(--_border-color);border-radius:var(--_border-radius);font-family:var(--family-default);color:var(--general-text-primary);line-height:var(--_line-height);overflow:hidden;font-weight:var(--body-small-regular-weight);font-size:var(--body-small-regular-size);--_tag-padding-y: var(--tag-default-padding-y)}.tedi-tag__content{padding:calc(var(--_tag-padding-y) - var(--_border-width)) 0}.tedi-tag__icon-wrapper{line-height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag__closing-button{--_button-height: var(--button-xs-icon-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;border:none;background-color:#00000003;transition:background-color .3s ease-in-out;height:calc(var(--_button-height) - var(--_border-width) * 2);min-width:var(--button-xs-icon-size)}.tedi-tag__closing-button:hover,.tedi-tag__closing-button:focus{background-color:#0000001a}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"] }]
1551
- }] });
1554
+ }], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
1552
1555
 
1553
1556
  /**
1554
1557
  * @deprecated Use StatusBadge from TEDI-ready instead. This component will be removed from future versions.
@@ -1557,43 +1560,43 @@ class StatusBadgeComponent {
1557
1560
  /**
1558
1561
  * Additional classes to apply custom styles to the StatusBadge.
1559
1562
  */
1560
- className = input();
1563
+ className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
1561
1564
  /**
1562
1565
  * Provides the full text or description when the Badge represents an abbreviation.
1563
1566
  * This is typically shown as a tooltip on hover.
1564
1567
  */
1565
- title = input();
1568
+ title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
1566
1569
  /**
1567
1570
  * ID attribute
1568
1571
  */
1569
- id = input();
1572
+ id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
1570
1573
  /**
1571
1574
  * ARIA role attribute for accessibility.
1572
1575
  */
1573
- role = input();
1576
+ role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : []));
1574
1577
  /**
1575
1578
  * Specifies the color scheme of the StatusBadge.
1576
1579
  * @default default
1577
1580
  */
1578
- color = input("neutral");
1581
+ color = input("neutral", ...(ngDevMode ? [{ debugName: "color" }] : []));
1579
1582
  /**
1580
1583
  * Determines the style or visual type of the StatusBadge.
1581
1584
  * @default filled
1582
1585
  */
1583
- variant = input("filled");
1586
+ variant = input("filled", ...(ngDevMode ? [{ debugName: "variant" }] : []));
1584
1587
  /**
1585
1588
  * Specifies the size of the StatusBadge.
1586
1589
  * @default default
1587
1590
  */
1588
- size = input("default");
1591
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
1589
1592
  /**
1590
1593
  * StatusBadge status indicator
1591
1594
  */
1592
- status = input("inactive");
1595
+ status = input("inactive", ...(ngDevMode ? [{ debugName: "status" }] : []));
1593
1596
  /**
1594
1597
  * The name of the icon to be displayed inside the StatusBadge. The icon is rendered using the `Icon` component.
1595
1598
  */
1596
- icon = input("");
1599
+ icon = input("", ...(ngDevMode ? [{ debugName: "icon" }] : []));
1597
1600
  classes = computed(() => {
1598
1601
  const classList = ["tedi-status-badge"];
1599
1602
  if (this.color()) {
@@ -1615,7 +1618,7 @@ class StatusBadgeComponent {
1615
1618
  classList.push(this.className());
1616
1619
  }
1617
1620
  return classList.join(" ");
1618
- });
1621
+ }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
1619
1622
  ariaLive = computed(() => {
1620
1623
  switch (this.role()) {
1621
1624
  case "alert":
@@ -1625,7 +1628,7 @@ class StatusBadgeComponent {
1625
1628
  default:
1626
1629
  return undefined;
1627
1630
  }
1628
- });
1631
+ }, ...(ngDevMode ? [{ debugName: "ariaLive" }] : []));
1629
1632
  mapBadgeColorToIconColor = computed(() => {
1630
1633
  switch (this.color()) {
1631
1634
  case "brand":
@@ -1641,11 +1644,11 @@ class StatusBadgeComponent {
1641
1644
  default:
1642
1645
  return "primary";
1643
1646
  }
1644
- });
1645
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1646
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: StatusBadgeComponent, isStandalone: true, selector: "[tedi-status-badge]", inputs: { className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.title": "title()", "attr.id": "id()", "attr.role": "role()", "attr.aria-live": "ariaLive()", "attr.aria-label": "title()" } }, ngImport: i0, template: "@if (icon()) {\n <tedi-icon [name]=\"icon()\" [color]=\"mapBadgeColorToIconColor()\" [size]=\"16\" />\n}\n<span class=\"tedi-status-badge__inner-text\">\n <ng-content></ng-content>\n</span>\n", styles: [".tedi-status-badge__inner-text:empty{display:none}.tedi-status-badge{--status-badge-icon-primary: var(--tedi-blue-700);--status-badge-icon-secondary: var(--tedi-orange-700);position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--_status-badge-text);background:var(--_status-badge-background);box-shadow:var(--_status-badge-box-shadow);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height);padding:var(--tag-default-padding-y) var(--tag-default-padding-x);border-radius:var(--tag-default-radius)}.tedi-status-badge__inner-text{min-width:fit-content;padding-left:var(--tag-default-padding-x);padding-right:var(--tag-default-padding-x)}.tedi-status-badge--large{min-width:var(--tag-status-large-min-width);padding:var(--tag-status-large-padding-y) var(--tag-status-large-padding-x)}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: var( --status-badge-background-neutral );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: var( --status-badge-background-brand );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: var( --status-badge-background-accent );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: var( --status-badge-background-success );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: var( --status-badge-background-danger );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: var( --status-badge-background-warning );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: var( --status-badge-background-transparent );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: var( --status-badge-background-neutral )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: var( --status-badge-background-brand )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: var( --status-badge-background-accent )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: var( --status-badge-background-success )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: var( --status-badge-background-danger )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: var( --status-badge-background-warning )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: var( --status-badge-background-transparent )}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: transparent}.tedi-status-badge--status:before{position:absolute;top:-.25rem;right:-.25rem;z-index:1;width:.625rem;height:.625rem;content:\"\";border:1px solid var(--tedi-neutral-100);border-radius:50%;background-color:var(--_status-badge--indicator-background)}.tedi-status-badge--status.tedi-badge--large:before{top:-.1875rem;right:-.1875rem;width:.875rem;height:.875rem}.tedi-status-badge--status-inactive:before{--_status-badge--indicator-background: var( --status-badge-indicator-inactive )}.tedi-status-badge--status-success:before{--_status-badge--indicator-background: var( --status-badge-indicator-success )}.tedi-status-badge--status-danger:before{--_status-badge--indicator-background: var( --status-badge-indicator-danger )}.tedi-status-badge--status-warning:before{--_status-badge--indicator-background: var( --status-badge-indicator-warning )}.tedi-status-badge__icon-only{display:inline-flex;align-items:center;min-height:24px;line-height:var(--body-small-regular-line-height)}.tedi-status-badge__icon-primary{color:var(--status-badge-icon-primary)}.tedi-status-badge__icon-accent{color:var(--status-badge-icon-secondary)}@media print{.tedi-status-badge{filter:grayscale(1)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }], encapsulation: i0.ViewEncapsulation.None });
1647
+ }, ...(ngDevMode ? [{ debugName: "mapBadgeColorToIconColor" }] : []));
1648
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1649
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: StatusBadgeComponent, isStandalone: true, selector: "[tedi-status-badge]", inputs: { className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.title": "title()", "attr.id": "id()", "attr.role": "role()", "attr.aria-live": "ariaLive()", "attr.aria-label": "title()" } }, ngImport: i0, template: "@if (icon()) {\n <tedi-icon [name]=\"icon()\" [color]=\"mapBadgeColorToIconColor()\" [size]=\"16\" />\n}\n<span class=\"tedi-status-badge__inner-text\">\n <ng-content></ng-content>\n</span>\n", styles: [".tedi-status-badge__inner-text:empty{display:none}.tedi-status-badge{--status-badge-icon-primary: var(--tedi-blue-700);--status-badge-icon-secondary: var(--tedi-orange-700);position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--_status-badge-text);background:var(--_status-badge-background);box-shadow:var(--_status-badge-box-shadow);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height);padding:var(--tag-default-padding-y) var(--tag-default-padding-x);border-radius:var(--tag-default-radius)}.tedi-status-badge__inner-text{min-width:fit-content;padding-left:var(--tag-default-padding-x);padding-right:var(--tag-default-padding-x)}.tedi-status-badge--large{min-width:var(--tag-status-large-min-width);padding:var(--tag-status-large-padding-y) var(--tag-status-large-padding-x)}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: var( --status-badge-background-neutral );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: var( --status-badge-background-brand );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: var( --status-badge-background-accent );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: var( --status-badge-background-success );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: var( --status-badge-background-danger );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: var( --status-badge-background-warning );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: var( --status-badge-background-transparent );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: var( --status-badge-background-neutral )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: var( --status-badge-background-brand )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: var( --status-badge-background-accent )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: var( --status-badge-background-success )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: var( --status-badge-background-danger )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: var( --status-badge-background-warning )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: var( --status-badge-background-transparent )}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: transparent}.tedi-status-badge--status:before{position:absolute;top:-.25rem;right:-.25rem;z-index:1;width:.625rem;height:.625rem;content:\"\";border:1px solid var(--tedi-neutral-100);border-radius:50%;background-color:var(--_status-badge--indicator-background)}.tedi-status-badge--status.tedi-badge--large:before{top:-.1875rem;right:-.1875rem;width:.875rem;height:.875rem}.tedi-status-badge--status-inactive:before{--_status-badge--indicator-background: var( --status-badge-indicator-inactive )}.tedi-status-badge--status-success:before{--_status-badge--indicator-background: var( --status-badge-indicator-success )}.tedi-status-badge--status-danger:before{--_status-badge--indicator-background: var( --status-badge-indicator-danger )}.tedi-status-badge--status-warning:before{--_status-badge--indicator-background: var( --status-badge-indicator-warning )}.tedi-status-badge__icon-only{display:inline-flex;align-items:center;min-height:24px;line-height:var(--body-small-regular-line-height)}.tedi-status-badge__icon-primary{color:var(--status-badge-icon-primary)}.tedi-status-badge__icon-accent{color:var(--status-badge-icon-secondary)}@media print{.tedi-status-badge{filter:grayscale(1)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }], encapsulation: i0.ViewEncapsulation.None });
1647
1650
  }
1648
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StatusBadgeComponent, decorators: [{
1651
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: StatusBadgeComponent, decorators: [{
1649
1652
  type: Component,
1650
1653
  args: [{ selector: "[tedi-status-badge]", imports: [IconComponent], encapsulation: ViewEncapsulation.None, host: {
1651
1654
  "[class]": "classes()",
@@ -1655,7 +1658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1655
1658
  "[attr.aria-live]": "ariaLive()",
1656
1659
  "[attr.aria-label]": "title()",
1657
1660
  }, template: "@if (icon()) {\n <tedi-icon [name]=\"icon()\" [color]=\"mapBadgeColorToIconColor()\" [size]=\"16\" />\n}\n<span class=\"tedi-status-badge__inner-text\">\n <ng-content></ng-content>\n</span>\n", styles: [".tedi-status-badge__inner-text:empty{display:none}.tedi-status-badge{--status-badge-icon-primary: var(--tedi-blue-700);--status-badge-icon-secondary: var(--tedi-orange-700);position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--_status-badge-text);background:var(--_status-badge-background);box-shadow:var(--_status-badge-box-shadow);font-size:var(--body-small-regular-size);font-weight:var(--body-small-regular-weight);line-height:var(--body-small-regular-line-height);padding:var(--tag-default-padding-y) var(--tag-default-padding-x);border-radius:var(--tag-default-radius)}.tedi-status-badge__inner-text{min-width:fit-content;padding-left:var(--tag-default-padding-x);padding-right:var(--tag-default-padding-x)}.tedi-status-badge--large{min-width:var(--tag-status-large-min-width);padding:var(--tag-status-large-padding-y) var(--tag-status-large-padding-x)}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: var( --status-badge-background-neutral );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: var( --status-badge-background-brand );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: var( --status-badge-background-accent );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: var( --status-badge-background-success );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: var( --status-badge-background-danger );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: var( --status-badge-background-warning );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: var( --status-badge-background-transparent );--_status-badge-box-shadow: none}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: var( --status-badge-background-neutral )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: var( --status-badge-background-brand )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: var( --status-badge-background-accent )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: var( --status-badge-background-success )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: var( --status-badge-background-danger )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: var( --status-badge-background-warning )}.tedi-status-badge.tedi-status-badge--variant-filled-bordered.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: var( --status-badge-background-transparent )}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-neutral{--_status-badge-text: var(--status-badge-text-neutral);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-neutral);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-brand{--_status-badge-text: var(--status-badge-text-brand);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-brand);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-accent{--_status-badge-text: var(--status-badge-text-accent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-accent);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-success{--_status-badge-text: var(--status-badge-text-success);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-success);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-danger{--_status-badge-text: var(--status-badge-text-danger);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-danger);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-warning{--_status-badge-text: var(--status-badge-text-warning);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-warning);--_status-badge-background: transparent}.tedi-status-badge.tedi-status-badge--variant-bordered.tedi-status-badge--color-transparent{--_status-badge-text: var(--status-badge-text-transparent);--_status-badge-box-shadow: inset 0 0 0 1px var(--status-badge-border-transparent);--_status-badge-background: transparent}.tedi-status-badge--status:before{position:absolute;top:-.25rem;right:-.25rem;z-index:1;width:.625rem;height:.625rem;content:\"\";border:1px solid var(--tedi-neutral-100);border-radius:50%;background-color:var(--_status-badge--indicator-background)}.tedi-status-badge--status.tedi-badge--large:before{top:-.1875rem;right:-.1875rem;width:.875rem;height:.875rem}.tedi-status-badge--status-inactive:before{--_status-badge--indicator-background: var( --status-badge-indicator-inactive )}.tedi-status-badge--status-success:before{--_status-badge--indicator-background: var( --status-badge-indicator-success )}.tedi-status-badge--status-danger:before{--_status-badge--indicator-background: var( --status-badge-indicator-danger )}.tedi-status-badge--status-warning:before{--_status-badge--indicator-background: var( --status-badge-indicator-warning )}.tedi-status-badge__icon-only{display:inline-flex;align-items:center;min-height:24px;line-height:var(--body-small-regular-line-height)}.tedi-status-badge__icon-primary{color:var(--status-badge-icon-primary)}.tedi-status-badge__icon-accent{color:var(--status-badge-icon-secondary)}@media print{.tedi-status-badge{filter:grayscale(1)}}\n"] }]
1658
- }] });
1661
+ }], propDecorators: { className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
1659
1662
 
1660
1663
  var specialOptionControls;
1661
1664
  (function (specialOptionControls) {
@@ -1667,74 +1670,74 @@ class MultiselectComponent {
1667
1670
  * The id of the select input (for label association).
1668
1671
  * @default ""
1669
1672
  */
1670
- inputId = input.required();
1673
+ inputId = input.required(...(ngDevMode ? [{ debugName: "inputId" }] : []));
1671
1674
  /**
1672
1675
  * The label for the select input.
1673
1676
  * @default ""
1674
1677
  */
1675
- label = input();
1678
+ label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
1676
1679
  /**
1677
1680
  * Should show label as required?
1678
1681
  * @default false
1679
1682
  */
1680
- required = input(false);
1683
+ required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
1681
1684
  /**
1682
1685
  * The placeholder text to display when no option is selected.
1683
1686
  * @default ""
1684
1687
  */
1685
- placeholder = input("");
1688
+ placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
1686
1689
  /**
1687
1690
  * The state of the input.
1688
1691
  * @default "default"
1689
1692
  */
1690
- state = input("default");
1693
+ state = input("default", ...(ngDevMode ? [{ debugName: "state" }] : []));
1691
1694
  /**
1692
1695
  * The size of the input.
1693
1696
  * @default "default"
1694
1697
  */
1695
- size = input("default");
1698
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
1696
1699
  /**
1697
1700
  * Whether the select should be rendered as a multi-row dropdown.
1698
1701
  * @default false
1699
1702
  */
1700
- multiRow = input(false);
1703
+ multiRow = input(false, ...(ngDevMode ? [{ debugName: "multiRow" }] : []));
1701
1704
  /**
1702
1705
  * Whether the selected labels show removing buttons.
1703
1706
  * @default false
1704
1707
  */
1705
- clearableTags = input(false);
1708
+ clearableTags = input(false, ...(ngDevMode ? [{ debugName: "clearableTags" }] : []));
1706
1709
  /**
1707
1710
  * Whether the select should allow selecting all options at once.
1708
1711
  * @default false
1709
1712
  */
1710
- selectAll = input(false);
1713
+ selectAll = input(false, ...(ngDevMode ? [{ debugName: "selectAll" }] : []));
1711
1714
  /**
1712
1715
  * Whether the select should allow selecting groups of options.
1713
1716
  * @default false
1714
1717
  */
1715
- selectableGroups = input(false);
1718
+ selectableGroups = input(false, ...(ngDevMode ? [{ debugName: "selectableGroups" }] : []));
1716
1719
  /**
1717
1720
  * Whether the clear button will be shown when an option is selected.
1718
1721
  * @default true
1719
1722
  */
1720
- clearable = input(true);
1723
+ clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable" }] : []));
1721
1724
  /**
1722
1725
  * Optional element reference to calculate dropdown width from.
1723
1726
  * If provided but null, dropdown will use auto width.
1724
1727
  * If not provided, defaults to the host element width.
1725
1728
  * @default undefined
1726
1729
  */
1727
- dropdownWidthRef = input();
1728
- feedbackText = input();
1730
+ dropdownWidthRef = input(...(ngDevMode ? [undefined, { debugName: "dropdownWidthRef" }] : []));
1731
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
1729
1732
  specialOptionControls = specialOptionControls;
1730
- isOpen = signal(false);
1731
- selectedOptions = signal([]);
1732
- listboxRef = viewChild(CdkListbox, { read: ElementRef });
1733
- triggerRef = viewChild(CdkOverlayOrigin, { read: ElementRef });
1733
+ isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
1734
+ selectedOptions = signal([], ...(ngDevMode ? [{ debugName: "selectedOptions" }] : []));
1735
+ listboxRef = viewChild(CdkListbox, ...(ngDevMode ? [{ debugName: "listboxRef", read: ElementRef }] : [{ read: ElementRef }]));
1736
+ triggerRef = viewChild(CdkOverlayOrigin, ...(ngDevMode ? [{ debugName: "triggerRef", read: ElementRef }] : [{ read: ElementRef }]));
1734
1737
  hostRef = inject(ElementRef);
1735
- options = contentChildren(SelectOptionComponent);
1736
- dropdownWidth = signal(0);
1737
- disabled = signal(false);
1738
+ options = contentChildren(SelectOptionComponent, ...(ngDevMode ? [{ debugName: "options" }] : []));
1739
+ dropdownWidth = signal(0, ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : []));
1740
+ disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
1738
1741
  optionGroups = computed(() => {
1739
1742
  const groups = [];
1740
1743
  this.options().forEach((option) => {
@@ -1747,7 +1750,7 @@ class MultiselectComponent {
1747
1750
  }
1748
1751
  });
1749
1752
  return groups;
1750
- });
1753
+ }, ...(ngDevMode ? [{ debugName: "optionGroups" }] : []));
1751
1754
  onWindowResize() {
1752
1755
  this.setDropdownWidth();
1753
1756
  }
@@ -1792,7 +1795,7 @@ class MultiselectComponent {
1792
1795
  focusListboxWhenVisible = effect(() => {
1793
1796
  if (this.listboxRef())
1794
1797
  this.listboxRef()?.nativeElement.focus();
1795
- });
1798
+ }, ...(ngDevMode ? [{ debugName: "focusListboxWhenVisible" }] : []));
1796
1799
  focusTrigger() {
1797
1800
  this.triggerRef()?.nativeElement.focus();
1798
1801
  }
@@ -1813,10 +1816,10 @@ class MultiselectComponent {
1813
1816
  return this.options()
1814
1817
  .filter((option) => !option.disabled())
1815
1818
  .map((option) => option.value());
1816
- });
1819
+ }, ...(ngDevMode ? [{ debugName: "allOptions" }] : []));
1817
1820
  allOptionsSelected = computed(() => {
1818
1821
  return this.selectedOptions().length === this.allOptions().length;
1819
- });
1822
+ }, ...(ngDevMode ? [{ debugName: "allOptionsSelected" }] : []));
1820
1823
  toggleSelectAll() {
1821
1824
  const newSelection = this.allOptionsSelected() ? [] : this.allOptions();
1822
1825
  this.selectedOptions.set(newSelection);
@@ -1884,8 +1887,8 @@ class MultiselectComponent {
1884
1887
  ngAfterContentChecked() {
1885
1888
  this.setDropdownWidth();
1886
1889
  }
1887
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1888
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: MultiselectComponent, isStandalone: true, selector: "tedi-multiselect", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, multiRow: { classPropertyName: "multiRow", publicName: "multiRow", isSignal: true, isRequired: false, transformFunction: null }, clearableTags: { classPropertyName: "clearableTags", publicName: "clearableTags", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectableGroups: { classPropertyName: "selectableGroups", publicName: "selectableGroups", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidthRef: { classPropertyName: "dropdownWidthRef", publicName: "dropdownWidthRef", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" }, classAttribute: "tedi-select tedi-select--multiselect" }, providers: [
1890
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: MultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1891
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: MultiselectComponent, isStandalone: true, selector: "tedi-multiselect", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, multiRow: { classPropertyName: "multiRow", publicName: "multiRow", isSignal: true, isRequired: false, transformFunction: null }, clearableTags: { classPropertyName: "clearableTags", publicName: "clearableTags", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectableGroups: { classPropertyName: "selectableGroups", publicName: "selectableGroups", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidthRef: { classPropertyName: "dropdownWidthRef", publicName: "dropdownWidthRef", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" }, classAttribute: "tedi-select tedi-select--multiselect" }, providers: [
1889
1892
  {
1890
1893
  provide: NG_VALUE_ACCESSOR,
1891
1894
  useExisting: forwardRef(() => MultiselectComponent),
@@ -1893,7 +1896,7 @@ class MultiselectComponent {
1893
1896
  },
1894
1897
  ], queries: [{ propertyName: "options", predicate: SelectOptionComponent, isSignal: true }], viewQueries: [{ propertyName: "listboxRef", first: true, predicate: CdkListbox, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "triggerRef", first: true, predicate: CdkOverlayOrigin, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@let listboxId = inputId() + \"-listbox\";\n@let labelId = inputId() + \"-label\";\n\n@if (label()) {\n <label\n [id]=\"labelId\"\n tedi-label\n [for]=\"inputId()\"\n [required]=\"required()\"\n [size]=\"size()\"\n >\n {{ label() }}\n </label>\n}\n<div\n [id]=\"inputId()\"\n class=\"tedi-select__trigger\"\n [class.tedi-input--disabled]=\"disabled()\"\n tedi-input\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-controls]=\"listboxId\"\n [attr.aria-labelledby]=\"labelId\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [state]=\"state()\"\n [size]=\"size()\"\n (click)=\"toggleIsOpen()\"\n (keydown.enter)=\"toggleIsOpen()\"\n (keydown.space)=\"$event.preventDefault(); toggleIsOpen()\"\n (keydown.arrowdown)=\"$event.preventDefault(); toggleIsOpen()\"\n (blur)=\"onTouched()\"\n>\n <span class=\"tedi-select__label\">\n @if (selectedOptions().length) {\n <div\n class=\"tedi-select__multiselect-container\"\n [class.tedi-select__multiselect-container--single-row]=\"!multiRow()\"\n >\n @for (value of selectedOptions(); track value) {\n <tedi-tag\n [closable]=\"clearableTags()\"\n (closed)=\"deselect($event, value)\"\n >\n {{ getLabel(value) }}\n </tedi-tag>\n }\n </div>\n } @else {\n <span class=\"tedi-select__label--placeholder\">\n {{ placeholder() }}\n </span>\n }\n </span>\n\n @if (clearable() && selectedOptions().length) {\n <button\n class=\"tedi-select__clear\"\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n [iconSize]=\"18\"\n title=\"Clear\"\n (click)=\"clear($event)\"\n ></button>\n }\n\n <tedi-icon class=\"tedi-select__arrow\" name=\"arrow_drop_down\" />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n (backdropClick)=\"toggleIsOpen(false)\"\n (detach)=\"toggleIsOpen(false)\"\n>\n <tedi-card\n class=\"tedi-select__dropdown\"\n spacing=\"none\"\n [style.width]=\"!!dropdownWidth() ? dropdownWidth() + 'px' : 'auto'\"\n >\n <tedi-card-content>\n <ul\n [id]=\"listboxId\"\n class=\"tedi-select__options\"\n cdkListbox\n cdkListboxMultiple\n [cdkListboxValue]=\"selectedOptions()\"\n (cdkListboxValueChange)=\"handleValueChange($event)\"\n #listbox=\"cdkListbox\"\n >\n @if (options().length) {\n @if (selectAll()) {\n <li\n tedi-dropdown-item\n [cdkOption]=\"specialOptionControls.SELECT_ALL\"\n >\n <tedi-checkbox\n class=\"tedi-select__multiselect-checkbox\"\n [inputId]=\"inputId() + '-select-all'\"\n [checked]=\"allOptionsSelected()\"\n >\n {{ \"select.select-all\" | tediTranslate }}\n </tedi-checkbox>\n </li>\n }\n\n @for (group of optionGroups(); track $index) {\n @if (group.label.length) {\n @if (selectableGroups()) {\n <li\n tedi-dropdown-item\n class=\"tedi-select__group-name tedi-select__group-name--selectable\"\n [cdkOption]=\"specialOptionControls.SELECTGROUP + group.label\"\n >\n <div class=\"tedi-select__group-checkbox\">\n <tedi-checkbox\n class=\"tedi-select__multiselect-checkbox\"\n [inputId]=\"'group-' + group.label\"\n [checked]=\"isGroupSelected(group.label)\"\n >\n <span tedi-text color=\"tertiary\">\n {{ group.label }}\n </span>\n </tedi-checkbox>\n </div>\n </li>\n } @else {\n <li\n tedi-dropdown-item\n class=\"tedi-select__group-name\"\n role=\"presentation\"\n >\n <span tedi-text color=\"tertiary\">\n {{ group.label }}\n </span>\n </li>\n }\n }\n\n @for (option of group.options; track option.value()) {\n <li\n tedi-dropdown-item\n [cdkOption]=\"option.value()\"\n [cdkOptionDisabled]=\"option.disabled()\"\n [disabled]=\"option.disabled()\"\n >\n <tedi-checkbox\n class=\"tedi-select__multiselect-checkbox\"\n [inputId]=\"'option-' + option.value()\"\n [checked]=\"isOptionSelected(option.value())\"\n >\n @if (option.templateRef(); as optionTemplate) {\n <span class=\"tedi-select__dropdown-item--custom-content\">\n <ng-container [ngTemplateOutlet]=\"optionTemplate\" />\n </span>\n <span class=\"tedi-select__dropdown-item--label\">\n {{ option.label() }}\n </span>\n } @else {\n {{ option.label() }}\n }\n </tedi-checkbox>\n </li>\n }\n }\n } @else {\n <li tedi-dropdown-item class=\"tedi-select__no-options\">\n {{ \"select.no-options\" | tediTranslate }}\n </li>\n }\n </ul>\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-select{display:block;width:100%}.tedi-select__trigger{display:flex;width:100%;justify-content:space-between}.tedi-select__label{overflow:hidden;text-align:left;flex-grow:1;cursor:default}.tedi-select__label--placeholder{pointer-events:none;color:var(--_placeholder-color)}.tedi-select__clear{padding:0;margin:0;border:none;background:none;flex-grow:0;color:var(--button-close-text-default);cursor:pointer}.tedi-select__clear+.tedi-select__arrow{border-left:1px solid var(--general-border-primary)}.tedi-select__arrow{flex-grow:0;cursor:default;padding-left:var(--form-field-inner-spacing);margin-left:var(--form-field-inner-spacing)}.tedi-select__dropdown{box-shadow:0 1px 5px 0 var(--tedi-alpha-20);margin-top:var(--form-field-outer-spacing);margin-bottom:var(--form-field-outer-spacing)}.tedi-select__options{margin:0;padding:0;max-height:300px;overflow-y:auto}.tedi-select__options:focus .cdk-option-active{background:var(--dropdown-item-hover-background);color:var(--dropdown-item-hover-text)}.tedi-select__dropdown-item--label{display:none}.tedi-select__dropdown-item--custom-content:empty+.tedi-select__dropdown-item--label{display:block}.tedi-select__group-name{display:block;text-transform:uppercase;letter-spacing:0px;padding:8px 12px 4px;font-weight:var(--heading-subtitle-small-weight);font-size:var(--heading-subtitle-small-size);line-height:var(--heading-subtitle-small-line-height)}.tedi-select__group-name--selectable~.tedi-dropdown-item:not(.tedi-select__group-name){padding-left:var(--form-checkbox-radio-subitem-padding-left)}.tedi-select--multiselect .tedi-select__trigger{align-items:flex-start}.tedi-select__multiselect-container{display:flex;flex-wrap:wrap;gap:var(--form-field-inner-spacing)}.tedi-select__multiselect-container--single-row{overflow:hidden;flex-wrap:nowrap}.tedi-select__multiselect-container--single-row .tedi-tag{flex-shrink:0}.tedi-select__multiselect-container--single-row .tedi-tag__content{white-space:nowrap}.tedi-select__multiselect-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: CdkListboxModule }, { kind: "directive", type: i3.CdkListbox, selector: "[cdkListbox]", inputs: ["id", "tabindex", "cdkListboxValue", "cdkListboxMultiple", "cdkListboxDisabled", "cdkListboxUseActiveDescendant", "cdkListboxOrientation", "cdkListboxCompareWith", "cdkListboxNavigationWrapDisabled", "cdkListboxNavigatesDisabledOptions"], outputs: ["cdkListboxValueChange"], exportAs: ["cdkListbox"] }, { kind: "directive", type: i3.CdkOption, selector: "[cdkOption]", inputs: ["id", "cdkOption", "cdkOptionTypeaheadLabel", "cdkOptionDisabled", "tabindex"], exportAs: ["cdkOption"] }, { kind: "component", type: InputComponent, selector: "[tedi-input]", inputs: ["size", "state"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: DropdownItemComponent, selector: "[tedi-dropdown-item]", inputs: ["selected", "disabled"], outputs: ["itemSelected"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }, { kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: CheckboxComponent, selector: "tedi-checkbox", inputs: ["inputId", "checked", "indeterminate", "value", "disabled", "size", "hasError", "feedbackText"], outputs: ["checkedChange", "indeterminateChange", "disabledChange"] }, { kind: "component", type: TagComponent, selector: "tedi-tag", inputs: ["loading", "closable", "type"], outputs: ["closed"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1895
1898
  }
1896
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MultiselectComponent, decorators: [{
1899
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: MultiselectComponent, decorators: [{
1897
1900
  type: Component,
1898
1901
  args: [{ selector: "tedi-multiselect", imports: [
1899
1902
  CommonModule,
@@ -1920,7 +1923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
1920
1923
  multi: true,
1921
1924
  },
1922
1925
  ], template: "@let listboxId = inputId() + \"-listbox\";\n@let labelId = inputId() + \"-label\";\n\n@if (label()) {\n <label\n [id]=\"labelId\"\n tedi-label\n [for]=\"inputId()\"\n [required]=\"required()\"\n [size]=\"size()\"\n >\n {{ label() }}\n </label>\n}\n<div\n [id]=\"inputId()\"\n class=\"tedi-select__trigger\"\n [class.tedi-input--disabled]=\"disabled()\"\n tedi-input\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-controls]=\"listboxId\"\n [attr.aria-labelledby]=\"labelId\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [state]=\"state()\"\n [size]=\"size()\"\n (click)=\"toggleIsOpen()\"\n (keydown.enter)=\"toggleIsOpen()\"\n (keydown.space)=\"$event.preventDefault(); toggleIsOpen()\"\n (keydown.arrowdown)=\"$event.preventDefault(); toggleIsOpen()\"\n (blur)=\"onTouched()\"\n>\n <span class=\"tedi-select__label\">\n @if (selectedOptions().length) {\n <div\n class=\"tedi-select__multiselect-container\"\n [class.tedi-select__multiselect-container--single-row]=\"!multiRow()\"\n >\n @for (value of selectedOptions(); track value) {\n <tedi-tag\n [closable]=\"clearableTags()\"\n (closed)=\"deselect($event, value)\"\n >\n {{ getLabel(value) }}\n </tedi-tag>\n }\n </div>\n } @else {\n <span class=\"tedi-select__label--placeholder\">\n {{ placeholder() }}\n </span>\n }\n </span>\n\n @if (clearable() && selectedOptions().length) {\n <button\n class=\"tedi-select__clear\"\n tedi-closing-button\n type=\"button\"\n size=\"small\"\n [iconSize]=\"18\"\n title=\"Clear\"\n (click)=\"clear($event)\"\n ></button>\n }\n\n <tedi-icon class=\"tedi-select__arrow\" name=\"arrow_drop_down\" />\n</div>\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n (backdropClick)=\"toggleIsOpen(false)\"\n (detach)=\"toggleIsOpen(false)\"\n>\n <tedi-card\n class=\"tedi-select__dropdown\"\n spacing=\"none\"\n [style.width]=\"!!dropdownWidth() ? dropdownWidth() + 'px' : 'auto'\"\n >\n <tedi-card-content>\n <ul\n [id]=\"listboxId\"\n class=\"tedi-select__options\"\n cdkListbox\n cdkListboxMultiple\n [cdkListboxValue]=\"selectedOptions()\"\n (cdkListboxValueChange)=\"handleValueChange($event)\"\n #listbox=\"cdkListbox\"\n >\n @if (options().length) {\n @if (selectAll()) {\n <li\n tedi-dropdown-item\n [cdkOption]=\"specialOptionControls.SELECT_ALL\"\n >\n <tedi-checkbox\n class=\"tedi-select__multiselect-checkbox\"\n [inputId]=\"inputId() + '-select-all'\"\n [checked]=\"allOptionsSelected()\"\n >\n {{ \"select.select-all\" | tediTranslate }}\n </tedi-checkbox>\n </li>\n }\n\n @for (group of optionGroups(); track $index) {\n @if (group.label.length) {\n @if (selectableGroups()) {\n <li\n tedi-dropdown-item\n class=\"tedi-select__group-name tedi-select__group-name--selectable\"\n [cdkOption]=\"specialOptionControls.SELECTGROUP + group.label\"\n >\n <div class=\"tedi-select__group-checkbox\">\n <tedi-checkbox\n class=\"tedi-select__multiselect-checkbox\"\n [inputId]=\"'group-' + group.label\"\n [checked]=\"isGroupSelected(group.label)\"\n >\n <span tedi-text color=\"tertiary\">\n {{ group.label }}\n </span>\n </tedi-checkbox>\n </div>\n </li>\n } @else {\n <li\n tedi-dropdown-item\n class=\"tedi-select__group-name\"\n role=\"presentation\"\n >\n <span tedi-text color=\"tertiary\">\n {{ group.label }}\n </span>\n </li>\n }\n }\n\n @for (option of group.options; track option.value()) {\n <li\n tedi-dropdown-item\n [cdkOption]=\"option.value()\"\n [cdkOptionDisabled]=\"option.disabled()\"\n [disabled]=\"option.disabled()\"\n >\n <tedi-checkbox\n class=\"tedi-select__multiselect-checkbox\"\n [inputId]=\"'option-' + option.value()\"\n [checked]=\"isOptionSelected(option.value())\"\n >\n @if (option.templateRef(); as optionTemplate) {\n <span class=\"tedi-select__dropdown-item--custom-content\">\n <ng-container [ngTemplateOutlet]=\"optionTemplate\" />\n </span>\n <span class=\"tedi-select__dropdown-item--label\">\n {{ option.label() }}\n </span>\n } @else {\n {{ option.label() }}\n }\n </tedi-checkbox>\n </li>\n }\n }\n } @else {\n <li tedi-dropdown-item class=\"tedi-select__no-options\">\n {{ \"select.no-options\" | tediTranslate }}\n </li>\n }\n </ul>\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-select{display:block;width:100%}.tedi-select__trigger{display:flex;width:100%;justify-content:space-between}.tedi-select__label{overflow:hidden;text-align:left;flex-grow:1;cursor:default}.tedi-select__label--placeholder{pointer-events:none;color:var(--_placeholder-color)}.tedi-select__clear{padding:0;margin:0;border:none;background:none;flex-grow:0;color:var(--button-close-text-default);cursor:pointer}.tedi-select__clear+.tedi-select__arrow{border-left:1px solid var(--general-border-primary)}.tedi-select__arrow{flex-grow:0;cursor:default;padding-left:var(--form-field-inner-spacing);margin-left:var(--form-field-inner-spacing)}.tedi-select__dropdown{box-shadow:0 1px 5px 0 var(--tedi-alpha-20);margin-top:var(--form-field-outer-spacing);margin-bottom:var(--form-field-outer-spacing)}.tedi-select__options{margin:0;padding:0;max-height:300px;overflow-y:auto}.tedi-select__options:focus .cdk-option-active{background:var(--dropdown-item-hover-background);color:var(--dropdown-item-hover-text)}.tedi-select__dropdown-item--label{display:none}.tedi-select__dropdown-item--custom-content:empty+.tedi-select__dropdown-item--label{display:block}.tedi-select__group-name{display:block;text-transform:uppercase;letter-spacing:0px;padding:8px 12px 4px;font-weight:var(--heading-subtitle-small-weight);font-size:var(--heading-subtitle-small-size);line-height:var(--heading-subtitle-small-line-height)}.tedi-select__group-name--selectable~.tedi-dropdown-item:not(.tedi-select__group-name){padding-left:var(--form-checkbox-radio-subitem-padding-left)}.tedi-select--multiselect .tedi-select__trigger{align-items:flex-start}.tedi-select__multiselect-container{display:flex;flex-wrap:wrap;gap:var(--form-field-inner-spacing)}.tedi-select__multiselect-container--single-row{overflow:hidden;flex-wrap:nowrap}.tedi-select__multiselect-container--single-row .tedi-tag{flex-shrink:0}.tedi-select__multiselect-container--single-row .tedi-tag__content{white-space:nowrap}.tedi-select__multiselect-checkbox{pointer-events:none}\n"] }]
1923
- }], propDecorators: { onWindowResize: [{
1926
+ }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], multiRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiRow", required: false }] }], clearableTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearableTags", required: false }] }], selectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAll", required: false }] }], selectableGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectableGroups", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], dropdownWidthRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownWidthRef", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], listboxRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkListbox), { ...{ read: ElementRef }, isSignal: true }] }], triggerRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkOverlayOrigin), { ...{ read: ElementRef }, isSignal: true }] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SelectOptionComponent), { isSignal: true }] }], onWindowResize: [{
1924
1927
  type: HostListener,
1925
1928
  args: ["window:resize"]
1926
1929
  }] } });
@@ -1930,105 +1933,105 @@ class TextareaComponent extends InputComponent {
1930
1933
  * Whether the textarea should be resizable in the X direction.
1931
1934
  * @default false
1932
1935
  */
1933
- resizeX = input(false);
1936
+ resizeX = input(false, ...(ngDevMode ? [{ debugName: "resizeX" }] : []));
1934
1937
  /**
1935
1938
  * Whether the textarea should be resizable in the Y direction.
1936
1939
  * @default true
1937
1940
  */
1938
- resizeY = input(true);
1939
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1940
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TextareaComponent, isStandalone: true, selector: "[tedi-textarea]", inputs: { resizeX: { classPropertyName: "resizeX", publicName: "resizeX", isSignal: true, isRequired: false, transformFunction: null }, resizeY: { classPropertyName: "resizeY", publicName: "resizeY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-textarea": "true", "class.tedi-textarea--resizeX": "this.resizeX()", "class.tedi-textarea--resizeY": "this.resizeY()" } }, usesInheritance: true, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-input{--_border-color: var(--form-input-border-default);--_color: var(--form-input-text-filled);--_background-color: var(--form-input-background-default);--_placeholder-color: var(--form-input-text-placeholder);--_border-radius: var(--form-field-radius);--_font-size: var(--body-regular-size);--_line-height: var(--body-regular-line-height);--_padding-y: var(--form-field-padding-y-md-default);--_padding-x: var(--form-field-padding-x-md-default);--_form-field-outer-gap: var(--form-field-outer-spacing);padding:var(--_padding-y) var(--_padding-x);border-radius:var(--_border-radius);font-size:var(--_font-size);line-height:var(--_line-height);border:1px solid;border-color:var(--_border-color);color:var(--_color);background-color:var(--_background-color);margin-bottom:var(--_form-field-outer-gap);font-family:var(--family-default)}.tedi-input:focus,.tedi-input:active{border-color:var(--form-input-border-hover);box-shadow:inset 0 0 0 1px var(--form-input-border-hover)}.tedi-input:hover{--_border-color: var(--form-input-border-hover)}.tedi-input:disabled,.tedi-input--disabled{--_color: var(--form-input-text-disabled);--_border-color: var(--form-input-border-disabled);--_background-color: var(--form-input-background-disabled);pointer-events:none}.tedi-input::placeholder{color:var(--_placeholder-color)}.tedi-input--error:not(:disabled){--_border-color: var(--form-general-feedback-error-border)}.tedi-input--error:not(:disabled):focus,.tedi-input--error:not(:disabled):active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-input--valid:not(:disabled){--_border-color: var(--form-general-feedback-success-border)}.tedi-input--valid:not(:disabled):focus,.tedi-input--valid:not(:disabled):active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-input--small{--_padding-y: var(--form-field-padding-y-sm)}\n", ".tedi-textarea{width:100%;resize:none;min-height:var(--form-textarea-min-height);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default)}.tedi-textarea--resizeX{resize:horizontal}.tedi-textarea--resizeY{resize:vertical}.tedi-textarea--resizeY.tedi-textarea--resizeX{resize:both}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1941
+ resizeY = input(true, ...(ngDevMode ? [{ debugName: "resizeY" }] : []));
1942
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1943
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: TextareaComponent, isStandalone: true, selector: "[tedi-textarea]", inputs: { resizeX: { classPropertyName: "resizeX", publicName: "resizeX", isSignal: true, isRequired: false, transformFunction: null }, resizeY: { classPropertyName: "resizeY", publicName: "resizeY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-textarea": "true", "class.tedi-textarea--resizeX": "this.resizeX()", "class.tedi-textarea--resizeY": "this.resizeY()" } }, usesInheritance: true, ngImport: i0, template: "<ng-content />", isInline: true, styles: [".tedi-input{--_border-color: var(--form-input-border-default);--_color: var(--form-input-text-filled);--_background-color: var(--form-input-background-default);--_placeholder-color: var(--form-input-text-placeholder);--_border-radius: var(--form-field-radius);--_font-size: var(--body-regular-size);--_line-height: var(--body-regular-line-height);--_padding-y: var(--form-field-padding-y-md-default);--_padding-x: var(--form-field-padding-x-md-default);--_form-field-outer-gap: var(--form-field-outer-spacing);padding:var(--_padding-y) var(--_padding-x);border-radius:var(--_border-radius);font-size:var(--_font-size);line-height:var(--_line-height);border:1px solid;border-color:var(--_border-color);color:var(--_color);background-color:var(--_background-color);margin-bottom:var(--_form-field-outer-gap);font-family:var(--family-default)}.tedi-input:focus,.tedi-input:active{border-color:var(--form-input-border-hover);box-shadow:inset 0 0 0 1px var(--form-input-border-hover)}.tedi-input:hover{--_border-color: var(--form-input-border-hover)}.tedi-input:disabled,.tedi-input--disabled{--_color: var(--form-input-text-disabled);--_border-color: var(--form-input-border-disabled);--_background-color: var(--form-input-background-disabled);pointer-events:none}.tedi-input::placeholder{color:var(--_placeholder-color)}.tedi-input--error:not(:disabled){--_border-color: var(--form-general-feedback-error-border)}.tedi-input--error:not(:disabled):focus,.tedi-input--error:not(:disabled):active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-input--valid:not(:disabled){--_border-color: var(--form-general-feedback-success-border)}.tedi-input--valid:not(:disabled):focus,.tedi-input--valid:not(:disabled):active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-input--small{--_padding-y: var(--form-field-padding-y-sm)}\n", ".tedi-textarea{width:100%;resize:none;min-height:var(--form-textarea-min-height);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default)}.tedi-textarea--resizeX{resize:horizontal}.tedi-textarea--resizeY{resize:vertical}.tedi-textarea--resizeY.tedi-textarea--resizeX{resize:both}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1941
1944
  }
1942
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextareaComponent, decorators: [{
1945
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TextareaComponent, decorators: [{
1943
1946
  type: Component,
1944
1947
  args: [{ selector: "[tedi-textarea]", standalone: true, template: "<ng-content />", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
1945
1948
  "[class.tedi-textarea]": "true",
1946
1949
  "[class.tedi-textarea--resizeX]": "this.resizeX()",
1947
1950
  "[class.tedi-textarea--resizeY]": "this.resizeY()",
1948
1951
  }, styles: [".tedi-input{--_border-color: var(--form-input-border-default);--_color: var(--form-input-text-filled);--_background-color: var(--form-input-background-default);--_placeholder-color: var(--form-input-text-placeholder);--_border-radius: var(--form-field-radius);--_font-size: var(--body-regular-size);--_line-height: var(--body-regular-line-height);--_padding-y: var(--form-field-padding-y-md-default);--_padding-x: var(--form-field-padding-x-md-default);--_form-field-outer-gap: var(--form-field-outer-spacing);padding:var(--_padding-y) var(--_padding-x);border-radius:var(--_border-radius);font-size:var(--_font-size);line-height:var(--_line-height);border:1px solid;border-color:var(--_border-color);color:var(--_color);background-color:var(--_background-color);margin-bottom:var(--_form-field-outer-gap);font-family:var(--family-default)}.tedi-input:focus,.tedi-input:active{border-color:var(--form-input-border-hover);box-shadow:inset 0 0 0 1px var(--form-input-border-hover)}.tedi-input:hover{--_border-color: var(--form-input-border-hover)}.tedi-input:disabled,.tedi-input--disabled{--_color: var(--form-input-text-disabled);--_border-color: var(--form-input-border-disabled);--_background-color: var(--form-input-background-disabled);pointer-events:none}.tedi-input::placeholder{color:var(--_placeholder-color)}.tedi-input--error:not(:disabled){--_border-color: var(--form-general-feedback-error-border)}.tedi-input--error:not(:disabled):focus,.tedi-input--error:not(:disabled):active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-input--valid:not(:disabled){--_border-color: var(--form-general-feedback-success-border)}.tedi-input--valid:not(:disabled):focus,.tedi-input--valid:not(:disabled):active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-input--small{--_padding-y: var(--form-field-padding-y-sm)}\n", ".tedi-textarea{width:100%;resize:none;min-height:var(--form-textarea-min-height);padding:var(--form-field-padding-y-md-default) var(--form-field-padding-x-md-default)}.tedi-textarea--resizeX{resize:horizontal}.tedi-textarea--resizeY{resize:vertical}.tedi-textarea--resizeY.tedi-textarea--resizeX{resize:both}\n"] }]
1949
- }] });
1952
+ }], propDecorators: { resizeX: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeX", required: false }] }], resizeY: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeY", required: false }] }] } });
1950
1953
 
1951
1954
  class SearchComponent {
1952
1955
  /**
1953
1956
  * Search input ID for accessibility
1954
1957
  */
1955
- inputId = input.required();
1958
+ inputId = input.required(...(ngDevMode ? [{ debugName: "inputId" }] : []));
1956
1959
  /**
1957
1960
  * Autocomplete options for the search input
1958
1961
  * @default []
1959
1962
  */
1960
- autocompleteOptions = input([]);
1963
+ autocompleteOptions = input([], ...(ngDevMode ? [{ debugName: "autocompleteOptions" }] : []));
1961
1964
  /**
1962
1965
  * Minimum number of characters to trigger autocomplete
1963
1966
  * @default 3
1964
1967
  */
1965
- autocompleteFrom = input();
1968
+ autocompleteFrom = input(...(ngDevMode ? [undefined, { debugName: "autocompleteFrom" }] : []));
1966
1969
  /**
1967
1970
  * Size of the search component
1968
1971
  * @default "default"
1969
1972
  */
1970
- size = input("default");
1973
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
1971
1974
  /**
1972
1975
  * Input state for validation
1973
1976
  * @default "default"
1974
1977
  */
1975
- state = input("default");
1978
+ state = input("default", ...(ngDevMode ? [{ debugName: "state" }] : []));
1976
1979
  /**
1977
1980
  * Should the search button be shown
1978
1981
  * @default false
1979
1982
  */
1980
- withButton = input(false);
1983
+ withButton = input(false, ...(ngDevMode ? [{ debugName: "withButton" }] : []));
1981
1984
  /**
1982
1985
  * Add text to the search button
1983
1986
  * @default undefined
1984
1987
  */
1985
- buttonText = input(undefined);
1988
+ buttonText = input(undefined, ...(ngDevMode ? [{ debugName: "buttonText" }] : []));
1986
1989
  /**
1987
1990
  * Should the search input be clearable
1988
1991
  * @default true
1989
1992
  */
1990
- clearable = input(true);
1993
+ clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable" }] : []));
1991
1994
  /**
1992
1995
  * Text to show when no results are found
1993
1996
  * @default "Vasteid ei leitud"
1994
1997
  */
1995
- noResultText = input("Vasteid ei leitud");
1998
+ noResultText = input("Vasteid ei leitud", ...(ngDevMode ? [{ debugName: "noResultText" }] : []));
1996
1999
  /**
1997
2000
  * Should the searc input be disabled
1998
2001
  * @default false
1999
2002
  */
2000
- disabled = input(false);
2003
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
2001
2004
  /**
2002
2005
  * Placeholder text for the search input
2003
2006
  * @default ""
2004
2007
  */
2005
- placeholder = input("");
2008
+ placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
2006
2009
  /**
2007
2010
  * Should the search input show a loading spinner
2008
2011
  * @default false
2009
2012
  */
2010
- loading = input(false);
2013
+ loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
2011
2014
  /**
2012
2015
  * Label for the search input
2013
2016
  * @default undefined
2014
2017
  */
2015
- label = input();
2018
+ label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
2016
2019
  /**
2017
2020
  * Feedback text component for displaying messages
2018
2021
  * @default undefined
2019
2022
  */
2020
- feedbackText = input();
2023
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
2021
2024
  // Emitted events
2022
2025
  searchEvent = output();
2023
2026
  clearEvent = output();
2024
- _inputValue = model();
2025
- _selectedOption = model();
2026
- _width = signal(0);
2027
+ _inputValue = model(...(ngDevMode ? [undefined, { debugName: "_inputValue" }] : []));
2028
+ _selectedOption = model(...(ngDevMode ? [undefined, { debugName: "_selectedOption" }] : []));
2029
+ _width = signal(0, ...(ngDevMode ? [{ debugName: "_width" }] : []));
2027
2030
  _elementRef = inject(ElementRef);
2028
- _disabled = signal(false);
2029
- _isVisible = signal(false);
2030
- _cdkMenuRef = viewChild(CdkMenu, { read: ElementRef });
2031
- _overlayOriginRef = viewChild(CdkOverlayOrigin, { read: ElementRef });
2031
+ _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
2032
+ _isVisible = signal(false, ...(ngDevMode ? [{ debugName: "_isVisible" }] : []));
2033
+ _cdkMenuRef = viewChild(CdkMenu, ...(ngDevMode ? [{ debugName: "_cdkMenuRef", read: ElementRef }] : [{ read: ElementRef }]));
2034
+ _overlayOriginRef = viewChild(CdkOverlayOrigin, ...(ngDevMode ? [{ debugName: "_overlayOriginRef", read: ElementRef }] : [{ read: ElementRef }]));
2032
2035
  modifierClasses = computed(() => {
2033
2036
  const modifiers = [];
2034
2037
  if (this.size())
@@ -2036,7 +2039,7 @@ class SearchComponent {
2036
2039
  if (this.state())
2037
2040
  modifiers.push(`tedi-search--${this.state()}`);
2038
2041
  return modifiers.join(" ");
2039
- });
2042
+ }, ...(ngDevMode ? [{ debugName: "modifierClasses" }] : []));
2040
2043
  ngAfterContentChecked() {
2041
2044
  this._width.set(this.getWidth());
2042
2045
  }
@@ -2075,7 +2078,7 @@ class SearchComponent {
2075
2078
  return searchString.every((searchTerm) => option.label.toLowerCase().includes(searchTerm) ||
2076
2079
  option.description?.toLowerCase().includes(searchTerm));
2077
2080
  });
2078
- });
2081
+ }, ...(ngDevMode ? [{ debugName: "_foundOptions" }] : []));
2079
2082
  iconSize = computed(() => {
2080
2083
  const size = this.size();
2081
2084
  const hasButton = this.withButton();
@@ -2093,7 +2096,7 @@ class SearchComponent {
2093
2096
  else {
2094
2097
  return 18;
2095
2098
  }
2096
- });
2099
+ }, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
2097
2100
  buttonSize = computed(() => {
2098
2101
  switch (this.size()) {
2099
2102
  case "large":
@@ -2103,7 +2106,7 @@ class SearchComponent {
2103
2106
  default:
2104
2107
  return "default";
2105
2108
  }
2106
- });
2109
+ }, ...(ngDevMode ? [{ debugName: "buttonSize" }] : []));
2107
2110
  // ControlValueAccessor methods
2108
2111
  onChange = () => { };
2109
2112
  onTouched = () => { };
@@ -2170,8 +2173,8 @@ class SearchComponent {
2170
2173
  getWidth() {
2171
2174
  return this._elementRef?.nativeElement?.getBoundingClientRect()?.width || 0;
2172
2175
  }
2173
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2174
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SearchComponent, isStandalone: true, selector: "tedi-search", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, autocompleteOptions: { classPropertyName: "autocompleteOptions", publicName: "autocompleteOptions", isSignal: true, isRequired: false, transformFunction: null }, autocompleteFrom: { classPropertyName: "autocompleteFrom", publicName: "autocompleteFrom", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, withButton: { classPropertyName: "withButton", publicName: "withButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null }, _inputValue: { classPropertyName: "_inputValue", publicName: "_inputValue", isSignal: true, isRequired: false, transformFunction: null }, _selectedOption: { classPropertyName: "_selectedOption", publicName: "_selectedOption", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchEvent: "searchEvent", clearEvent: "clearEvent", _inputValue: "_inputValueChange", _selectedOption: "_selectedOptionChange" }, host: { properties: { "class.tedi-search": "true", "class.tedi-search--with-button": "withButton()", "class.tedi-search--with-button-text": "!!buttonText()", "class.tedi-search--disabled": "_disabled()", "class": "modifierClasses()" } }, providers: [
2176
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2177
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: SearchComponent, isStandalone: true, selector: "tedi-search", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: true, transformFunction: null }, autocompleteOptions: { classPropertyName: "autocompleteOptions", publicName: "autocompleteOptions", isSignal: true, isRequired: false, transformFunction: null }, autocompleteFrom: { classPropertyName: "autocompleteFrom", publicName: "autocompleteFrom", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, withButton: { classPropertyName: "withButton", publicName: "withButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null }, _inputValue: { classPropertyName: "_inputValue", publicName: "_inputValue", isSignal: true, isRequired: false, transformFunction: null }, _selectedOption: { classPropertyName: "_selectedOption", publicName: "_selectedOption", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchEvent: "searchEvent", clearEvent: "clearEvent", _inputValue: "_inputValueChange", _selectedOption: "_selectedOptionChange" }, host: { properties: { "class.tedi-search": "true", "class.tedi-search--with-button": "withButton()", "class.tedi-search--with-button-text": "!!buttonText()", "class.tedi-search--disabled": "_disabled()", "class": "modifierClasses()" } }, providers: [
2175
2178
  {
2176
2179
  provide: NG_VALUE_ACCESSOR,
2177
2180
  useExisting: forwardRef(() => SearchComponent),
@@ -2179,7 +2182,7 @@ class SearchComponent {
2179
2182
  },
2180
2183
  ], viewQueries: [{ propertyName: "_cdkMenuRef", first: true, predicate: CdkMenu, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_overlayOriginRef", first: true, predicate: CdkOverlayOrigin, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (label()) {\n <label tedi-label [for]=\"inputId()\">\n {{ label() }}\n </label>\n}\n\n<div class=\"tedi-search__container\">\n <input\n cdkOverlayOrigin\n [id]=\"inputId()\"\n class=\"tedi-search__input\"\n type=\"text\"\n [(ngModel)]=\"_inputValue\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"_disabled()\"\n (focus)=\"focusInput()\"\n (keydown.enter)=\"focusDropdown($event)\"\n (keydown.arrowDown)=\"focusDropdown($event)\"\n (ngModelChange)=\"inputChanged($event)\"\n (blur)=\"onTouched()\"\n #trigger=\"cdkOverlayOrigin\"\n />\n\n <div class=\"tedi-search__suffix\">\n @if (clearable() && _inputValue()) {\n <button\n type=\"reset\"\n tedi-closing-button\n [size]=\"size() === 'large' ? 'default' : 'small'\"\n [iconSize]=\"size() === 'large' ? 24 : 18\"\n (click)=\"$event.stopPropagation(); clearResult()\"\n ></button>\n @if (!withButton()) {\n <div class=\"tedi-search__suffix-separator\"></div>\n }\n }\n @if (!withButton()) {\n @if (!loading()) {\n <tedi-icon\n class=\"tedi-search__search-icon\"\n name=\"search\"\n color=\"secondary\"\n [size]=\"iconSize()\"\n />\n } @else {\n <tedi-spinner />\n }\n }\n </div>\n\n @if (withButton()) {\n @if (loading()) {\n <tedi-spinner />\n }\n <button\n tedi-button\n class=\"tedi-search__trigger\"\n [size]=\"buttonSize()\"\n (click)=\"searchButtonClick()\"\n [disabled]=\"_disabled()\"\n >\n <tedi-icon name=\"search\" color=\"white\" [size]=\"iconSize()\" />\n {{ buttonText() }}\n </button>\n }\n</div>\n\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"_isVisible()\"\n [cdkConnectedOverlayDisableClose]=\"true\"\n (overlayOutsideClick)=\"closeOverlay(false)\"\n (overlayKeydown)=\"$event.key === 'Escape' ? closeOverlay(true) : null\"\n #searchPanel\n>\n <tedi-card class=\"tedi-search__panel\" [style.width.px]=\"_width()\">\n @if (loading()) {\n <tedi-card-content padding=\"md\" [hasSeparator]=\"true\">\n <tedi-spinner />\n </tedi-card-content>\n } @else if (_foundOptions().length) {\n <tedi-card-content padding=\"none\" [hasSeparator]=\"true\" cdkMenu>\n @for (option of _foundOptions(); track option.value) {\n <button\n cdkMenuItem\n tedi-dropdown-item\n [value]=\"option.value\"\n [selected]=\"option.value === _selectedOption()?.value\"\n (click)=\"selectResult(option)\"\n #autocompleteOption\n >\n @if (option.description) {\n <strong>{{ option.label }}</strong> \u00B7 {{ option.description }}\n } @else {\n {{ option.label }}\n }\n </button>\n }\n </tedi-card-content>\n } @else {\n <tedi-card-content [hasSeparator]=\"true\" padding=\"md\">\n {{ noResultText() }}\n </tedi-card-content>\n }\n\n <tedi-card-content class=\"tedi-search__footer-content\" padding=\"md\">\n <ng-content></ng-content>\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-search{--_border-color: var(--form-input-border-default);--_form-field-outer-gap: var(--form-field-outer-spacing);--_border-radius: var(--form-field-radius);--_padding: var(--form-field-padding-y-md-default)}.tedi-search__container{display:flex;border:1px solid;align-items:center;border-color:var(--_border-color);border-radius:var(--_border-radius);margin-bottom:var(--_form-field-outer-gap);gap:var(--form-field-inner-spacing)}.tedi-search__container:hover{--_border-color: var(--form-input-border-hover)}.tedi-search__container:focus-within{--_border-color: var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container{--_border-color: var(--form-general-feedback-error-border)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:focus,.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:hover{--_border-color: var(--form-general-feedback-error-border)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:focus-within{--_border-color: var(--form-general-feedback-error-border);box-shadow:0 0 0 1px var(--form-general-feedback-error-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container{--_border-color: var(--form-general-feedback-success-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:focus,.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:hover{border-color:var(--form-general-feedback-success-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:focus-within{border-color:var(--form-general-feedback-success-border);box-shadow:0 0 0 1px var(--form-general-feedback-success-border)}.tedi-search__input{width:100%;flex-grow:1;border:0;padding:var(--_padding);padding-right:0;margin:0;border-radius:var(--_border-radius);border-top-right-radius:0;border-bottom-right-radius:0;letter-spacing:0;font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height)}.tedi-search__trigger.tedi-button{--_border-radius: var(--button-radius-sm);border-radius:var(--_border-radius);border-top-left-radius:0;border-bottom-left-radius:0;align-self:stretch}.tedi-search__suffix{display:flex;align-self:stretch;align-items:center;padding:0 var(--_padding);gap:var(--layout-grid-gutters-04)}.tedi-search--with-button .tedi-search__suffix{padding:0}.tedi-search__suffix-separator{width:1px;border-left:1px solid var(--general-border-primary);height:1em}.tedi-search__panel{--_form-outer-gap: var(--form-field-outer-spacing);margin:var(--_form-outer-gap) 0;max-height:300px;overflow-y:auto}.tedi-search__footer-content:empty{display:none}.tedi-search--small .tedi-search__container{--_padding: var(--form-field-padding-y-sm)}.tedi-search--large.tedi-search--with-button:not(.tedi-search--with-button-text) .tedi-search__trigger.tedi-button{height:auto;width:56px}.tedi-search--large.tedi-search--with-button:not(.tedi-search--with-button-text) .tedi-search__trigger.tedi-button .tedi-icon--size-24{font-size:var(--icon-05)}.tedi-search--large .tedi-search__container{--_padding: var(--form-field-padding-y-lg)}.tedi-search--disabled .tedi-search__container{background-color:var(--form-input-background-disabled);border-color:var(--form-input-border-disabled)}.tedi-search--disabled .tedi-search__input{background-color:var(--form-input-background-disabled);pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "ngmodule", type: CdkMenuModule }, { kind: "directive", type: i2$1.CdkMenu, selector: "[cdkMenu]", outputs: ["closed"], exportAs: ["cdkMenu"] }, { kind: "directive", type: i2$1.CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: DropdownItemComponent, selector: "[tedi-dropdown-item]", inputs: ["selected", "disabled"], outputs: ["itemSelected"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: SpinnerComponent, selector: "tedi-spinner", inputs: ["size", "color", "label"] }, { kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2181
2184
  }
2182
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchComponent, decorators: [{
2185
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SearchComponent, decorators: [{
2183
2186
  type: Component,
2184
2187
  args: [{ selector: "tedi-search", standalone: true, imports: [
2185
2188
  FormsModule,
@@ -2208,7 +2211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2208
2211
  multi: true,
2209
2212
  },
2210
2213
  ], template: "@if (label()) {\n <label tedi-label [for]=\"inputId()\">\n {{ label() }}\n </label>\n}\n\n<div class=\"tedi-search__container\">\n <input\n cdkOverlayOrigin\n [id]=\"inputId()\"\n class=\"tedi-search__input\"\n type=\"text\"\n [(ngModel)]=\"_inputValue\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"_disabled()\"\n (focus)=\"focusInput()\"\n (keydown.enter)=\"focusDropdown($event)\"\n (keydown.arrowDown)=\"focusDropdown($event)\"\n (ngModelChange)=\"inputChanged($event)\"\n (blur)=\"onTouched()\"\n #trigger=\"cdkOverlayOrigin\"\n />\n\n <div class=\"tedi-search__suffix\">\n @if (clearable() && _inputValue()) {\n <button\n type=\"reset\"\n tedi-closing-button\n [size]=\"size() === 'large' ? 'default' : 'small'\"\n [iconSize]=\"size() === 'large' ? 24 : 18\"\n (click)=\"$event.stopPropagation(); clearResult()\"\n ></button>\n @if (!withButton()) {\n <div class=\"tedi-search__suffix-separator\"></div>\n }\n }\n @if (!withButton()) {\n @if (!loading()) {\n <tedi-icon\n class=\"tedi-search__search-icon\"\n name=\"search\"\n color=\"secondary\"\n [size]=\"iconSize()\"\n />\n } @else {\n <tedi-spinner />\n }\n }\n </div>\n\n @if (withButton()) {\n @if (loading()) {\n <tedi-spinner />\n }\n <button\n tedi-button\n class=\"tedi-search__trigger\"\n [size]=\"buttonSize()\"\n (click)=\"searchButtonClick()\"\n [disabled]=\"_disabled()\"\n >\n <tedi-icon name=\"search\" color=\"white\" [size]=\"iconSize()\" />\n {{ buttonText() }}\n </button>\n }\n</div>\n\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"_isVisible()\"\n [cdkConnectedOverlayDisableClose]=\"true\"\n (overlayOutsideClick)=\"closeOverlay(false)\"\n (overlayKeydown)=\"$event.key === 'Escape' ? closeOverlay(true) : null\"\n #searchPanel\n>\n <tedi-card class=\"tedi-search__panel\" [style.width.px]=\"_width()\">\n @if (loading()) {\n <tedi-card-content padding=\"md\" [hasSeparator]=\"true\">\n <tedi-spinner />\n </tedi-card-content>\n } @else if (_foundOptions().length) {\n <tedi-card-content padding=\"none\" [hasSeparator]=\"true\" cdkMenu>\n @for (option of _foundOptions(); track option.value) {\n <button\n cdkMenuItem\n tedi-dropdown-item\n [value]=\"option.value\"\n [selected]=\"option.value === _selectedOption()?.value\"\n (click)=\"selectResult(option)\"\n #autocompleteOption\n >\n @if (option.description) {\n <strong>{{ option.label }}</strong> \u00B7 {{ option.description }}\n } @else {\n {{ option.label }}\n }\n </button>\n }\n </tedi-card-content>\n } @else {\n <tedi-card-content [hasSeparator]=\"true\" padding=\"md\">\n {{ noResultText() }}\n </tedi-card-content>\n }\n\n <tedi-card-content class=\"tedi-search__footer-content\" padding=\"md\">\n <ng-content></ng-content>\n </tedi-card-content>\n </tedi-card>\n</ng-template>\n", styles: [".tedi-search{--_border-color: var(--form-input-border-default);--_form-field-outer-gap: var(--form-field-outer-spacing);--_border-radius: var(--form-field-radius);--_padding: var(--form-field-padding-y-md-default)}.tedi-search__container{display:flex;border:1px solid;align-items:center;border-color:var(--_border-color);border-radius:var(--_border-radius);margin-bottom:var(--_form-field-outer-gap);gap:var(--form-field-inner-spacing)}.tedi-search__container:hover{--_border-color: var(--form-input-border-hover)}.tedi-search__container:focus-within{--_border-color: var(--form-input-border-active);box-shadow:0 0 0 1px var(--form-input-border-active)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container{--_border-color: var(--form-general-feedback-error-border)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:focus,.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:active{border-color:var(--form-general-feedback-error-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-error-border)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:hover{--_border-color: var(--form-general-feedback-error-border)}.tedi-search--error:not(.tedi-search--disabled) .tedi-search__container:focus-within{--_border-color: var(--form-general-feedback-error-border);box-shadow:0 0 0 1px var(--form-general-feedback-error-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container{--_border-color: var(--form-general-feedback-success-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:focus,.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:active{border-color:var(--form-general-feedback-success-border);box-shadow:inset 0 0 0 1px var(--form-general-feedback-success-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:hover{border-color:var(--form-general-feedback-success-border)}.tedi-search--valid:not(.tedi-search--disabled) .tedi-search__container:focus-within{border-color:var(--form-general-feedback-success-border);box-shadow:0 0 0 1px var(--form-general-feedback-success-border)}.tedi-search__input{width:100%;flex-grow:1;border:0;padding:var(--_padding);padding-right:0;margin:0;border-radius:var(--_border-radius);border-top-right-radius:0;border-bottom-right-radius:0;letter-spacing:0;font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height)}.tedi-search__trigger.tedi-button{--_border-radius: var(--button-radius-sm);border-radius:var(--_border-radius);border-top-left-radius:0;border-bottom-left-radius:0;align-self:stretch}.tedi-search__suffix{display:flex;align-self:stretch;align-items:center;padding:0 var(--_padding);gap:var(--layout-grid-gutters-04)}.tedi-search--with-button .tedi-search__suffix{padding:0}.tedi-search__suffix-separator{width:1px;border-left:1px solid var(--general-border-primary);height:1em}.tedi-search__panel{--_form-outer-gap: var(--form-field-outer-spacing);margin:var(--_form-outer-gap) 0;max-height:300px;overflow-y:auto}.tedi-search__footer-content:empty{display:none}.tedi-search--small .tedi-search__container{--_padding: var(--form-field-padding-y-sm)}.tedi-search--large.tedi-search--with-button:not(.tedi-search--with-button-text) .tedi-search__trigger.tedi-button{height:auto;width:56px}.tedi-search--large.tedi-search--with-button:not(.tedi-search--with-button-text) .tedi-search__trigger.tedi-button .tedi-icon--size-24{font-size:var(--icon-05)}.tedi-search--large .tedi-search__container{--_padding: var(--form-field-padding-y-lg)}.tedi-search--disabled .tedi-search__container{background-color:var(--form-input-background-disabled);border-color:var(--form-input-border-disabled)}.tedi-search--disabled .tedi-search__input{background-color:var(--form-input-background-disabled);pointer-events:none}\n"] }]
2211
- }] });
2214
+ }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], autocompleteOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocompleteOptions", required: false }] }], autocompleteFrom: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocompleteFrom", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], withButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "withButton", required: false }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], noResultText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultText", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }], searchEvent: [{ type: i0.Output, args: ["searchEvent"] }], clearEvent: [{ type: i0.Output, args: ["clearEvent"] }], _inputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "_inputValue", required: false }] }, { type: i0.Output, args: ["_inputValueChange"] }], _selectedOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "_selectedOption", required: false }] }, { type: i0.Output, args: ["_selectedOptionChange"] }], _cdkMenuRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkMenu), { ...{ read: ElementRef }, isSignal: true }] }], _overlayOriginRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkOverlayOrigin), { ...{ read: ElementRef }, isSignal: true }] }] } });
2212
2215
 
2213
2216
  const IECkiloBytes = 1024;
2214
2217
  const SIkiloBytes = 1000;
@@ -2358,7 +2361,7 @@ function validateFileType(maxSize, acceptFileTypes, file, standard, translate) {
2358
2361
 
2359
2362
  class FileService {
2360
2363
  mode = signal("append").asReadonly();
2361
- _files = signal([]);
2364
+ _files = signal([], ...(ngDevMode ? [{ debugName: "_files" }] : []));
2362
2365
  get files() {
2363
2366
  return this._files.asReadonly();
2364
2367
  }
@@ -2433,15 +2436,15 @@ class FileService {
2433
2436
  });
2434
2437
  return new FileDropzone(file);
2435
2438
  }
2436
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
2437
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileService });
2439
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
2440
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FileService });
2438
2441
  }
2439
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileService, decorators: [{
2442
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FileService, decorators: [{
2440
2443
  type: Injectable
2441
2444
  }] });
2442
2445
 
2443
2446
  class FileDropzoneComponent {
2444
- _ngControl;
2447
+ _ngControl = inject(NgControl, { self: true });
2445
2448
  /**
2446
2449
  * Specifies the allowed file types (e.g., "image/png, image/jpeg").
2447
2450
  *
@@ -2449,12 +2452,12 @@ class FileDropzoneComponent {
2449
2452
  *
2450
2453
  * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept
2451
2454
  **/
2452
- accept = input("");
2455
+ accept = input("", ...(ngDevMode ? [{ debugName: "accept" }] : []));
2453
2456
  /**
2454
2457
  * The maximum file size allowed for upload, in bytes.
2455
2458
  * @default 0 (no limit)
2456
2459
  **/
2457
- maxSize = input(0);
2460
+ maxSize = input(0, ...(ngDevMode ? [{ debugName: "maxSize" }] : []));
2458
2461
  /**
2459
2462
  * Specifies the standard to use when displaying file sizes or maximum file size.
2460
2463
  * Options are "SI" (base 10) or "IEC" (base 2).
@@ -2466,41 +2469,41 @@ class FileDropzoneComponent {
2466
2469
  *
2467
2470
  * https://wiki.ubuntu.com/UnitsPolicy
2468
2471
  */
2469
- sizeDisplayStandard = input("IEC");
2472
+ sizeDisplayStandard = input("IEC", ...(ngDevMode ? [{ debugName: "sizeDisplayStandard" }] : []));
2470
2473
  /**
2471
2474
  * Determines if multiple files can be uploaded at once via the file picker.
2472
2475
  *
2473
2476
  * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/multiple
2474
2477
  * @default false
2475
2478
  **/
2476
- multiple = input(false);
2479
+ multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
2477
2480
  /**
2478
2481
  * If true, each file is validated separately instead of rejecting all at once.
2479
2482
  @default false
2480
2483
  **/
2481
- validateIndividually = input(false);
2484
+ validateIndividually = input(false, ...(ngDevMode ? [{ debugName: "validateIndividually" }] : []));
2482
2485
  /**
2483
2486
  * An array of default files that are preloaded in the upload list.
2484
2487
  * @default false
2485
2488
  **/
2486
- defaultFiles = input([]);
2489
+ defaultFiles = input([], ...(ngDevMode ? [{ debugName: "defaultFiles" }] : []));
2487
2490
  /**
2488
2491
  * The unique identifier for the input element that this label is associated with.
2489
2492
  * This ID should match the input element's `id` attribute to ensure accessibility.
2490
2493
  */
2491
- inputId = input();
2494
+ inputId = input(...(ngDevMode ? [undefined, { debugName: "inputId" }] : []));
2492
2495
  /**
2493
2496
  * The name attribute for the file input, used for form submission and identifying the field.
2494
2497
  */
2495
- name = input();
2498
+ name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
2496
2499
  /**
2497
2500
  * The text label displayed for the file dropzone, providing context for users.
2498
2501
  */
2499
- label = input("file-dropzone.label");
2502
+ label = input("file-dropzone.label", ...(ngDevMode ? [{ debugName: "label" }] : []));
2500
2503
  /**
2501
2504
  * Additional CSS class names to apply to the dropzone for custom styling
2502
2505
  */
2503
- className = input();
2506
+ className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
2504
2507
  /**
2505
2508
  * Specifies how to handle file name conflicts when multiple file of the same name are added.
2506
2509
  * Options are:
@@ -2508,14 +2511,14 @@ class FileDropzoneComponent {
2508
2511
  * - "replace": Replaces existing files with new files of the same name
2509
2512
  * @default "append"
2510
2513
  */
2511
- mode = input("append");
2514
+ mode = input("append", ...(ngDevMode ? [{ debugName: "mode" }] : []));
2512
2515
  /**
2513
2516
  * If true, allows uploading folders instead of just files.
2514
2517
  * This enables the user to select a folder and upload all its contents.
2515
2518
  * Default file browser behaviour will prevent upload of files in this state.
2516
2519
  * @default false
2517
2520
  */
2518
- uploadFolder = input(false);
2521
+ uploadFolder = input(false, ...(ngDevMode ? [{ debugName: "uploadFolder" }] : []));
2519
2522
  /**
2520
2523
  * Validation functions that can be used to validate files.
2521
2524
  * Each function should return a string error message if validation fails, or undefined if it passes
@@ -2524,13 +2527,13 @@ class FileDropzoneComponent {
2524
2527
  validators = input([
2525
2528
  validateFileSize,
2526
2529
  validateFileType,
2527
- ]);
2530
+ ], ...(ngDevMode ? [{ debugName: "validators" }] : []));
2528
2531
  /**
2529
2532
  * If true, shows the file dropzone as in a erroring state with red border.
2530
2533
  * Overrides default validation state.
2531
2534
  * @default false
2532
2535
  **/
2533
- hasError = input(false);
2536
+ hasError = input(false, ...(ngDevMode ? [{ debugName: "hasError" }] : []));
2534
2537
  /**
2535
2538
  * Output event triggered when files are added.
2536
2539
  **/
@@ -2546,10 +2549,10 @@ class FileDropzoneComponent {
2546
2549
  _destroyRef = inject(DestroyRef);
2547
2550
  fileInputElement = viewChild.required("fileInput");
2548
2551
  formatBytes = (bytes) => formatBytes(bytes, this.sizeDisplayStandard());
2549
- uploadState = signal("none");
2550
- isDragActive = signal(false);
2551
- disabled = signal(false);
2552
- uploadError = signal(undefined);
2552
+ uploadState = signal("none", ...(ngDevMode ? [{ debugName: "uploadState" }] : []));
2553
+ isDragActive = signal(false, ...(ngDevMode ? [{ debugName: "isDragActive" }] : []));
2554
+ disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
2555
+ uploadError = signal(undefined, ...(ngDevMode ? [{ debugName: "uploadError" }] : []));
2553
2556
  files = this._fileService.files;
2554
2557
  classes = computed(() => {
2555
2558
  const classList = ["tedi-file-dropzone"];
@@ -2569,14 +2572,13 @@ class FileDropzoneComponent {
2569
2572
  classList.push(this.className());
2570
2573
  }
2571
2574
  return classList.join(" ");
2572
- });
2575
+ }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
2573
2576
  helperText = computed(() => ({
2574
2577
  text: getDefaultHelpers(this.accept(), this.maxSize(), this.sizeDisplayStandard(), this._translationService.translate.bind(this._translationService)),
2575
2578
  type: "hint",
2576
2579
  position: "left",
2577
- }));
2578
- constructor(_ngControl) {
2579
- this._ngControl = _ngControl;
2580
+ }), ...(ngDevMode ? [{ debugName: "helperText" }] : []));
2581
+ constructor() {
2580
2582
  this._ngControl.valueAccessor = this;
2581
2583
  }
2582
2584
  ngOnInit() {
@@ -2721,10 +2723,10 @@ class FileDropzoneComponent {
2721
2723
  setDisabledState(isDisabled) {
2722
2724
  this.disabled.set(isDisabled);
2723
2725
  }
2724
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileDropzoneComponent, deps: [{ token: i1$2.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
2725
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FileDropzoneComponent, isStandalone: true, selector: "tedi-file-dropzone", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, sizeDisplayStandard: { classPropertyName: "sizeDisplayStandard", publicName: "sizeDisplayStandard", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, validateIndividually: { classPropertyName: "validateIndividually", publicName: "validateIndividually", isSignal: true, isRequired: false, transformFunction: null }, defaultFiles: { classPropertyName: "defaultFiles", publicName: "defaultFiles", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, uploadFolder: { classPropertyName: "uploadFolder", publicName: "uploadFolder", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileChange: "fileChange", fileDelete: "fileDelete" }, host: { listeners: { "blur": "onBlur()", "keydown.code.enter": "openFilePicker()", "dragover": "onDragOver($event)", "dragenter": "onDragEnter($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, providers: [FileService], viewQueries: [{ propertyName: "fileInputElement", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<input\n #fileInput\n class=\"tedi-file-dropzone__input\"\n type=\"file\"\n [disabled]=\"disabled()\"\n [multiple]=\"multiple()\"\n [id]=\"inputId()\"\n [attr.webkitdirectory]=\"uploadFolder() ? '' : null\"\n [accept]=\"accept()\"\n (change)=\"selectionChange($event)\"\n/>\n\n<button [className]=\"classes()\" (click)=\"onContainerClick()\">\n <div class=\"tedi-file-dropzone__label-wrapper\">\n <tedi-icon\n [name]=\"isDragActive() ? 'file_upload' : 'attach_file'\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n />\n <label tedi-label class=\"tedi-file-dropzone__label\">{{\n (isDragActive() ? \"file-upload.drag-and-drop\" : label()) | tediTranslate\n }}</label>\n </div>\n</button>\n\n<ng-content select=\"[helper-text]\">\n @if (helperText(); as message) {\n <tedi-feedback-text\n [text]=\"message.text\"\n [type]=\"message.type || 'hint'\"\n [position]=\"message.position || 'left'\"\n />\n }\n</ng-content>\n\n<ng-content select=\"[file-list]\">\n @for (file of files(); track file.name) {\n <div class=\"tedi-file-dropzone__file-list\" [tediVerticalSpacing]=\"0.5\">\n <tedi-card\n padding=\"none\"\n [className]=\"fileClasses(file)\"\n [background]=\"\n file.fileStatus && file.fileStatus == 'invalid'\n ? 'danger-primary'\n : 'tertiary'\n \"\n >\n <tedi-card-content class=\"tedi-file-dropzone__card\" padding=\"xs\">\n <div class=\"tedi-file-dropzone__file-name\">\n {{ file.label ?? file.name }}\n\n @if (file && validateIndividually() && file.helper; as helper) {\n <tedi-tooltip\n [className]=\"tooltipClasses(file)\"\n [position]=\"helper?.position || 'top'\"\n >\n <tedi-tooltip-trigger>\n <button tedi-info-button [disabled]=\"file.disabled\"></button>\n </tedi-tooltip-trigger>\n\n <tedi-tooltip-content>\n {{ helper.text }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n }\n </div>\n <button\n tedi-closing-button\n [title]=\"'clear' | tediTranslate\"\n [iconSize]=\"18\"\n (click)=\"removeFile(file)\"\n size=\"small\"\n ></button>\n </tedi-card-content>\n </tedi-card>\n </div>\n }\n</ng-content>\n\n<ng-content select=\"[error-text]\">\n @if (this.uploadError(); as message) {\n <tedi-feedback-text [text]=\"message\" type=\"error\" position=\"left\" />\n }\n</ng-content>\n", styles: [".tedi-file-dropzone{text-align:center;cursor:pointer;background-color:var(--file-dropzone-background-default);border:2px dotted var(--file-dropzone-border-default);transition:border-color .2s ease-in-out,background-color .2s ease-in-out;border-radius:var(--form-field-radius);padding:var(--file-dropzone-padding-y) var(--file-dropzone-padding-x);margin-bottom:var(--layout-grid-gutters-04)}.tedi-file-dropzone:hover{background-color:var(--file-dropzone-background-hover);border-color:var(--file-dropzone-border-hover)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper{display:flex;justify-content:center}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{font-weight:500;color:var(--file-dropzone-text-default);font-size:var(--body-regular-size)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label:hover{cursor:pointer}.tedi-file-dropzone--disabled{pointer-events:none;cursor:not-allowed;background-color:var(--file-dropzone-background-disabled);border-color:var(--file-dropzone-border-disabled)}.tedi-file-dropzone--disabled .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{color:var(--general-text-disabled)}.tedi-file-dropzone--invalid{border-color:var(--form-general-feedback-error-border)}.tedi-file-dropzone--valid{border-color:var(--form-general-feedback-success-border)}.tedi-file-dropzone--drop-over{color:var(--file-dropzone-text-drop-over);background-color:var(--file-dropzone-background-drop-over);border-color:var(--file-dropzone-border-drop-over)}.tedi-file-dropzone:focus-visible{outline:2px solid var(--file-dropzone-border-hover);outline-offset:1px}.tedi-file-dropzone__input{display:none}.tedi-file-dropzone__file-list{width:100%;list-style:none;margin-top:var(--layout-grid-gutters-04)}.tedi-file-dropzone__file-name{overflow-wrap:anywhere}\n", ".tedi-file-dropzone{width:100%}.tedi-file-dropzone__label-wrapper{pointer-events:none}.tedi-file-dropzone__card{display:flex;justify-content:space-between;align-items:center;--_card-border: transparent}.tedi-file-dropzone__tooltip--error .tedi-info-button{--button-main-neutral-text-default: var(--tedi-red-700)}.tedi-file-dropzone__file-name{display:flex}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: TooltipComponent, selector: "tedi-tooltip", inputs: ["position", "preventOverflow", "openWith", "appendTo", "timeoutDelay"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger" }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }, { kind: "component", type: InfoButtonComponent, selector: "button[tedi-info-button]", inputs: ["aria-label"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: VerticalSpacingDirective, selector: "[tediVerticalSpacing]", inputs: ["tediVerticalSpacing"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }] });
2726
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FileDropzoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2727
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: FileDropzoneComponent, isStandalone: true, selector: "tedi-file-dropzone", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, sizeDisplayStandard: { classPropertyName: "sizeDisplayStandard", publicName: "sizeDisplayStandard", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, validateIndividually: { classPropertyName: "validateIndividually", publicName: "validateIndividually", isSignal: true, isRequired: false, transformFunction: null }, defaultFiles: { classPropertyName: "defaultFiles", publicName: "defaultFiles", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, uploadFolder: { classPropertyName: "uploadFolder", publicName: "uploadFolder", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileChange: "fileChange", fileDelete: "fileDelete" }, host: { listeners: { "blur": "onBlur()", "keydown.code.enter": "openFilePicker()", "dragover": "onDragOver($event)", "dragenter": "onDragEnter($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, providers: [FileService], viewQueries: [{ propertyName: "fileInputElement", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<input\n #fileInput\n class=\"tedi-file-dropzone__input\"\n type=\"file\"\n [disabled]=\"disabled()\"\n [multiple]=\"multiple()\"\n [id]=\"inputId()\"\n [attr.webkitdirectory]=\"uploadFolder() ? '' : null\"\n [accept]=\"accept()\"\n (change)=\"selectionChange($event)\"\n/>\n\n<button [className]=\"classes()\" (click)=\"onContainerClick()\">\n <div class=\"tedi-file-dropzone__label-wrapper\">\n <tedi-icon\n [name]=\"isDragActive() ? 'file_upload' : 'attach_file'\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n />\n <label tedi-label class=\"tedi-file-dropzone__label\">{{\n (isDragActive() ? \"file-upload.drag-and-drop\" : label()) | tediTranslate\n }}</label>\n </div>\n</button>\n\n<ng-content select=\"[helper-text]\">\n @if (helperText(); as message) {\n <tedi-feedback-text\n [text]=\"message.text\"\n [type]=\"message.type || 'hint'\"\n [position]=\"message.position || 'left'\"\n />\n }\n</ng-content>\n\n<ng-content select=\"[file-list]\">\n @for (file of files(); track file.name) {\n <div class=\"tedi-file-dropzone__file-list\" [tediVerticalSpacing]=\"0.5\">\n <tedi-card\n padding=\"none\"\n [className]=\"fileClasses(file)\"\n [background]=\"\n file.fileStatus && file.fileStatus == 'invalid'\n ? 'danger-primary'\n : 'tertiary'\n \"\n >\n <tedi-card-content class=\"tedi-file-dropzone__card\" padding=\"xs\">\n <div class=\"tedi-file-dropzone__file-name\">\n {{ file.label ?? file.name }}\n\n @if (file && validateIndividually() && file.helper; as helper) {\n <tedi-tooltip\n [className]=\"tooltipClasses(file)\"\n [position]=\"helper?.position || 'top'\"\n >\n <tedi-tooltip-trigger>\n <button tedi-info-button [disabled]=\"file.disabled\"></button>\n </tedi-tooltip-trigger>\n\n <tedi-tooltip-content>\n {{ helper.text }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n }\n </div>\n <button\n tedi-closing-button\n [title]=\"'clear' | tediTranslate\"\n [iconSize]=\"18\"\n (click)=\"removeFile(file)\"\n size=\"small\"\n ></button>\n </tedi-card-content>\n </tedi-card>\n </div>\n }\n</ng-content>\n\n<ng-content select=\"[error-text]\">\n @if (this.uploadError(); as message) {\n <tedi-feedback-text [text]=\"message\" type=\"error\" position=\"left\" />\n }\n</ng-content>\n", styles: [".tedi-file-dropzone{text-align:center;cursor:pointer;background-color:var(--file-dropzone-background-default);border:2px dotted var(--file-dropzone-border-default);transition:border-color .2s ease-in-out,background-color .2s ease-in-out;border-radius:var(--form-field-radius);padding:var(--file-dropzone-padding-y) var(--file-dropzone-padding-x);margin-bottom:var(--layout-grid-gutters-04)}.tedi-file-dropzone:hover{background-color:var(--file-dropzone-background-hover);border-color:var(--file-dropzone-border-hover)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper{display:flex;justify-content:center}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{font-weight:500;color:var(--file-dropzone-text-default);font-size:var(--body-regular-size)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label:hover{cursor:pointer}.tedi-file-dropzone--disabled{pointer-events:none;cursor:not-allowed;background-color:var(--file-dropzone-background-disabled);border-color:var(--file-dropzone-border-disabled)}.tedi-file-dropzone--disabled .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{color:var(--general-text-disabled)}.tedi-file-dropzone--invalid{border-color:var(--form-general-feedback-error-border)}.tedi-file-dropzone--valid{border-color:var(--form-general-feedback-success-border)}.tedi-file-dropzone--drop-over{color:var(--file-dropzone-text-drop-over);background-color:var(--file-dropzone-background-drop-over);border-color:var(--file-dropzone-border-drop-over)}.tedi-file-dropzone:focus-visible{outline:2px solid var(--file-dropzone-border-hover);outline-offset:1px}.tedi-file-dropzone__input{display:none}.tedi-file-dropzone__file-list{width:100%;list-style:none;margin-top:var(--layout-grid-gutters-04)}.tedi-file-dropzone__file-name{overflow-wrap:anywhere}\n", ".tedi-file-dropzone{width:100%}.tedi-file-dropzone__label-wrapper{pointer-events:none}.tedi-file-dropzone__card{display:flex;justify-content:space-between;align-items:center;--_card-border: transparent}.tedi-file-dropzone__tooltip--error .tedi-info-button{--button-main-neutral-text-default: var(--tedi-red-700)}.tedi-file-dropzone__file-name{display:flex}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: TooltipComponent, selector: "tedi-tooltip", inputs: ["position", "preventOverflow", "openWith", "appendTo", "timeoutDelay"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger" }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }, { kind: "component", type: InfoButtonComponent, selector: "button[tedi-info-button]", inputs: ["aria-label"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: VerticalSpacingDirective, selector: "[tediVerticalSpacing]", inputs: ["tediVerticalSpacing"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }] });
2726
2728
  }
2727
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileDropzoneComponent, decorators: [{
2729
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: FileDropzoneComponent, decorators: [{
2728
2730
  type: Component,
2729
2731
  args: [{ selector: "tedi-file-dropzone", imports: [
2730
2732
  IconComponent,
@@ -2740,9 +2742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2740
2742
  VerticalSpacingDirective,
2741
2743
  TediTranslationPipe,
2742
2744
  ], providers: [FileService], template: "<input\n #fileInput\n class=\"tedi-file-dropzone__input\"\n type=\"file\"\n [disabled]=\"disabled()\"\n [multiple]=\"multiple()\"\n [id]=\"inputId()\"\n [attr.webkitdirectory]=\"uploadFolder() ? '' : null\"\n [accept]=\"accept()\"\n (change)=\"selectionChange($event)\"\n/>\n\n<button [className]=\"classes()\" (click)=\"onContainerClick()\">\n <div class=\"tedi-file-dropzone__label-wrapper\">\n <tedi-icon\n [name]=\"isDragActive() ? 'file_upload' : 'attach_file'\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n />\n <label tedi-label class=\"tedi-file-dropzone__label\">{{\n (isDragActive() ? \"file-upload.drag-and-drop\" : label()) | tediTranslate\n }}</label>\n </div>\n</button>\n\n<ng-content select=\"[helper-text]\">\n @if (helperText(); as message) {\n <tedi-feedback-text\n [text]=\"message.text\"\n [type]=\"message.type || 'hint'\"\n [position]=\"message.position || 'left'\"\n />\n }\n</ng-content>\n\n<ng-content select=\"[file-list]\">\n @for (file of files(); track file.name) {\n <div class=\"tedi-file-dropzone__file-list\" [tediVerticalSpacing]=\"0.5\">\n <tedi-card\n padding=\"none\"\n [className]=\"fileClasses(file)\"\n [background]=\"\n file.fileStatus && file.fileStatus == 'invalid'\n ? 'danger-primary'\n : 'tertiary'\n \"\n >\n <tedi-card-content class=\"tedi-file-dropzone__card\" padding=\"xs\">\n <div class=\"tedi-file-dropzone__file-name\">\n {{ file.label ?? file.name }}\n\n @if (file && validateIndividually() && file.helper; as helper) {\n <tedi-tooltip\n [className]=\"tooltipClasses(file)\"\n [position]=\"helper?.position || 'top'\"\n >\n <tedi-tooltip-trigger>\n <button tedi-info-button [disabled]=\"file.disabled\"></button>\n </tedi-tooltip-trigger>\n\n <tedi-tooltip-content>\n {{ helper.text }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n }\n </div>\n <button\n tedi-closing-button\n [title]=\"'clear' | tediTranslate\"\n [iconSize]=\"18\"\n (click)=\"removeFile(file)\"\n size=\"small\"\n ></button>\n </tedi-card-content>\n </tedi-card>\n </div>\n }\n</ng-content>\n\n<ng-content select=\"[error-text]\">\n @if (this.uploadError(); as message) {\n <tedi-feedback-text [text]=\"message\" type=\"error\" position=\"left\" />\n }\n</ng-content>\n", styles: [".tedi-file-dropzone{text-align:center;cursor:pointer;background-color:var(--file-dropzone-background-default);border:2px dotted var(--file-dropzone-border-default);transition:border-color .2s ease-in-out,background-color .2s ease-in-out;border-radius:var(--form-field-radius);padding:var(--file-dropzone-padding-y) var(--file-dropzone-padding-x);margin-bottom:var(--layout-grid-gutters-04)}.tedi-file-dropzone:hover{background-color:var(--file-dropzone-background-hover);border-color:var(--file-dropzone-border-hover)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper{display:flex;justify-content:center}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{font-weight:500;color:var(--file-dropzone-text-default);font-size:var(--body-regular-size)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label:hover{cursor:pointer}.tedi-file-dropzone--disabled{pointer-events:none;cursor:not-allowed;background-color:var(--file-dropzone-background-disabled);border-color:var(--file-dropzone-border-disabled)}.tedi-file-dropzone--disabled .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{color:var(--general-text-disabled)}.tedi-file-dropzone--invalid{border-color:var(--form-general-feedback-error-border)}.tedi-file-dropzone--valid{border-color:var(--form-general-feedback-success-border)}.tedi-file-dropzone--drop-over{color:var(--file-dropzone-text-drop-over);background-color:var(--file-dropzone-background-drop-over);border-color:var(--file-dropzone-border-drop-over)}.tedi-file-dropzone:focus-visible{outline:2px solid var(--file-dropzone-border-hover);outline-offset:1px}.tedi-file-dropzone__input{display:none}.tedi-file-dropzone__file-list{width:100%;list-style:none;margin-top:var(--layout-grid-gutters-04)}.tedi-file-dropzone__file-name{overflow-wrap:anywhere}\n", ".tedi-file-dropzone{width:100%}.tedi-file-dropzone__label-wrapper{pointer-events:none}.tedi-file-dropzone__card{display:flex;justify-content:space-between;align-items:center;--_card-border: transparent}.tedi-file-dropzone__tooltip--error .tedi-info-button{--button-main-neutral-text-default: var(--tedi-red-700)}.tedi-file-dropzone__file-name{display:flex}\n"] }]
2743
- }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
2744
- type: Self
2745
- }] }], propDecorators: { onBlur: [{
2745
+ }], ctorParameters: () => [], propDecorators: { accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], sizeDisplayStandard: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeDisplayStandard", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], validateIndividually: [{ type: i0.Input, args: [{ isSignal: true, alias: "validateIndividually", required: false }] }], defaultFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultFiles", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], uploadFolder: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadFolder", required: false }] }], validators: [{ type: i0.Input, args: [{ isSignal: true, alias: "validators", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], fileChange: [{ type: i0.Output, args: ["fileChange"] }], fileDelete: [{ type: i0.Output, args: ["fileDelete"] }], fileInputElement: [{ type: i0.ViewChild, args: ["fileInput", { isSignal: true }] }], onBlur: [{
2746
2746
  type: HostListener,
2747
2747
  args: ["blur"]
2748
2748
  }], openFilePicker: [{
@@ -2763,14 +2763,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2763
2763
  }] } });
2764
2764
 
2765
2765
  class BreadcrumbsComponent {
2766
- crumbs = input([]);
2767
- shortCrumbs = input(false);
2768
- xs = input();
2769
- sm = input();
2770
- md = input();
2771
- lg = input();
2772
- xl = input();
2773
- xxl = input();
2766
+ crumbs = input([], ...(ngDevMode ? [{ debugName: "crumbs" }] : []));
2767
+ shortCrumbs = input(false, ...(ngDevMode ? [{ debugName: "shortCrumbs" }] : []));
2768
+ xs = input(...(ngDevMode ? [undefined, { debugName: "xs" }] : []));
2769
+ sm = input(...(ngDevMode ? [undefined, { debugName: "sm" }] : []));
2770
+ md = input(...(ngDevMode ? [undefined, { debugName: "md" }] : []));
2771
+ lg = input(...(ngDevMode ? [undefined, { debugName: "lg" }] : []));
2772
+ xl = input(...(ngDevMode ? [undefined, { debugName: "xl" }] : []));
2773
+ xxl = input(...(ngDevMode ? [undefined, { debugName: "xxl" }] : []));
2774
2774
  breakpointService = inject(BreakpointService);
2775
2775
  breakpointInputs = computed(() => {
2776
2776
  return this.breakpointService.getBreakpointInputs({
@@ -2783,7 +2783,7 @@ class BreadcrumbsComponent {
2783
2783
  xl: this.xl(),
2784
2784
  xxl: this.xxl(),
2785
2785
  });
2786
- });
2786
+ }, ...(ngDevMode ? [{ debugName: "breakpointInputs" }] : []));
2787
2787
  getSecondLastCrumb() {
2788
2788
  const crumbs = this.breakpointInputs().crumbs;
2789
2789
  if (crumbs.length > 1) {
@@ -2791,10 +2791,10 @@ class BreadcrumbsComponent {
2791
2791
  }
2792
2792
  return null;
2793
2793
  }
2794
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2795
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BreadcrumbsComponent, isStandalone: true, selector: "tedi-breadcrumbs", inputs: { crumbs: { classPropertyName: "crumbs", publicName: "crumbs", isSignal: true, isRequired: false, transformFunction: null }, shortCrumbs: { classPropertyName: "shortCrumbs", publicName: "shortCrumbs", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (breakpointInputs().crumbs.length > 0) {\n <nav aria-label=\"Breadcrumb\" class=\"tedi-breadcrumbs\">\n <ol class=\"tedi-breadcrumbs__list\">\n @if (!breakpointInputs().shortCrumbs) {\n @for (crumb of breakpointInputs().crumbs; track crumb.href; let last = $last) {\n @if (!last) {\n <li class=\"tedi-breadcrumbs__item\">\n <a tedi-link [routerLink]=\"crumb.href\" [underline]=\"false\">{{\n crumb.label\n }}</a>\n <tedi-icon color=\"brand\" name=\"chevron_right\" />\n </li>\n } @else {\n <li\n aria-current=\"page\"\n tedi-text\n modifiers=\"inline-block\"\n color=\"secondary\"\n >\n {{ crumb.label }}\n </li>\n }\n }\n }\n </ol>\n @if (breakpointInputs().crumbs.length > 1 && breakpointInputs().shortCrumbs) {\n <div class=\"tedi-breadcrumbs__item\">\n <tedi-icon color=\"brand\" name=\"arrow_back\" />\n <a\n tedi-link\n [routerLink]=\"getSecondLastCrumb()?.href\"\n [underline]=\"false\"\n >{{ getSecondLastCrumb()?.label }}</a\n >\n </div>\n }\n </nav>\n}\n", styles: [":host{display:block}.tedi-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;list-style:none}.tedi-breadcrumbs__item{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: LinkComponent, selector: "[tedi-link]", inputs: ["variant", "size", "underline", "target", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }] });
2794
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2795
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: BreadcrumbsComponent, isStandalone: true, selector: "tedi-breadcrumbs", inputs: { crumbs: { classPropertyName: "crumbs", publicName: "crumbs", isSignal: true, isRequired: false, transformFunction: null }, shortCrumbs: { classPropertyName: "shortCrumbs", publicName: "shortCrumbs", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (breakpointInputs().crumbs.length > 0) {\n <nav aria-label=\"Breadcrumb\" class=\"tedi-breadcrumbs\">\n <ol class=\"tedi-breadcrumbs__list\">\n @if (!breakpointInputs().shortCrumbs) {\n @for (crumb of breakpointInputs().crumbs; track crumb.href; let last = $last) {\n @if (!last) {\n <li class=\"tedi-breadcrumbs__item\">\n <a tedi-link [routerLink]=\"crumb.href\" [underline]=\"false\">{{\n crumb.label\n }}</a>\n <tedi-icon color=\"brand\" name=\"chevron_right\" />\n </li>\n } @else {\n <li\n aria-current=\"page\"\n tedi-text\n modifiers=\"inline-block\"\n color=\"secondary\"\n >\n {{ crumb.label }}\n </li>\n }\n }\n }\n </ol>\n @if (breakpointInputs().crumbs.length > 1 && breakpointInputs().shortCrumbs) {\n <div class=\"tedi-breadcrumbs__item\">\n <tedi-icon color=\"brand\" name=\"arrow_back\" />\n <a\n tedi-link\n [routerLink]=\"getSecondLastCrumb()?.href\"\n [underline]=\"false\"\n >{{ getSecondLastCrumb()?.label }}</a\n >\n </div>\n }\n </nav>\n}\n", styles: [":host{display:block}.tedi-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;list-style:none}.tedi-breadcrumbs__item{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: LinkComponent, selector: "[tedi-link]", inputs: ["variant", "size", "underline", "target", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }] });
2796
2796
  }
2797
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
2797
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
2798
2798
  type: Component,
2799
2799
  args: [{ selector: "tedi-breadcrumbs", standalone: true, imports: [
2800
2800
  RouterLink,
@@ -2802,22 +2802,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2802
2802
  IconComponent,
2803
2803
  TextComponent,
2804
2804
  ], template: "@if (breakpointInputs().crumbs.length > 0) {\n <nav aria-label=\"Breadcrumb\" class=\"tedi-breadcrumbs\">\n <ol class=\"tedi-breadcrumbs__list\">\n @if (!breakpointInputs().shortCrumbs) {\n @for (crumb of breakpointInputs().crumbs; track crumb.href; let last = $last) {\n @if (!last) {\n <li class=\"tedi-breadcrumbs__item\">\n <a tedi-link [routerLink]=\"crumb.href\" [underline]=\"false\">{{\n crumb.label\n }}</a>\n <tedi-icon color=\"brand\" name=\"chevron_right\" />\n </li>\n } @else {\n <li\n aria-current=\"page\"\n tedi-text\n modifiers=\"inline-block\"\n color=\"secondary\"\n >\n {{ crumb.label }}\n </li>\n }\n }\n }\n </ol>\n @if (breakpointInputs().crumbs.length > 1 && breakpointInputs().shortCrumbs) {\n <div class=\"tedi-breadcrumbs__item\">\n <tedi-icon color=\"brand\" name=\"arrow_back\" />\n <a\n tedi-link\n [routerLink]=\"getSecondLastCrumb()?.href\"\n [underline]=\"false\"\n >{{ getSecondLastCrumb()?.label }}</a\n >\n </div>\n }\n </nav>\n}\n", styles: [":host{display:block}.tedi-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;list-style:none}.tedi-breadcrumbs__item{display:flex;align-items:center}\n"] }]
2805
- }] });
2805
+ }], propDecorators: { crumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "crumbs", required: false }] }], shortCrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortCrumbs", required: false }] }], xs: [{ type: i0.Input, args: [{ isSignal: true, alias: "xs", required: false }] }], sm: [{ type: i0.Input, args: [{ isSignal: true, alias: "sm", required: false }] }], md: [{ type: i0.Input, args: [{ isSignal: true, alias: "md", required: false }] }], lg: [{ type: i0.Input, args: [{ isSignal: true, alias: "lg", required: false }] }], xl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xl", required: false }] }], xxl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xxl", required: false }] }] } });
2806
2806
 
2807
2807
  class PaginationPageComponent {
2808
- page = input.required();
2809
- active = input();
2808
+ page = input.required(...(ngDevMode ? [{ debugName: "page" }] : []));
2809
+ active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : []));
2810
2810
  pageSelected = output();
2811
2811
  selectPage() {
2812
2812
  this.pageSelected.emit();
2813
2813
  }
2814
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PaginationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2815
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: PaginationPageComponent, isStandalone: true, selector: "tedi-pagination-page", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageSelected: "pageSelected" }, ngImport: i0, template: "@if (page() === -1) {\n <span tedi-text color=\"secondary\">...</span>\n} @else {\n <button\n class=\"tedi-pagination__page\"\n [class.tedi-pagination__page--active]=\"active()\"\n type=\"button\"\n [attr.aria-current]=\"active() ? 'page' : undefined\"\n [attr.aria-label]=\"'pagination.page' | tediTranslate: page() : active()\"\n (click)=\"selectPage()\"\n >\n {{ page() }}\n </button>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:center;height:var(--_pagination-button-size);width:var(--_pagination-button-size)}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2814
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: PaginationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2815
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: PaginationPageComponent, isStandalone: true, selector: "tedi-pagination-page", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageSelected: "pageSelected" }, ngImport: i0, template: "@if (page() === -1) {\n <span tedi-text color=\"secondary\">...</span>\n} @else {\n <button\n class=\"tedi-pagination__page\"\n [class.tedi-pagination__page--active]=\"active()\"\n type=\"button\"\n [attr.aria-current]=\"active() ? 'page' : undefined\"\n [attr.aria-label]=\"'pagination.page' | tediTranslate: page() : active()\"\n (click)=\"selectPage()\"\n >\n {{ page() }}\n </button>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:center;height:var(--_pagination-button-size);width:var(--_pagination-button-size)}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2816
2816
  }
2817
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PaginationPageComponent, decorators: [{
2817
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: PaginationPageComponent, decorators: [{
2818
2818
  type: Component,
2819
2819
  args: [{ selector: "tedi-pagination-page", imports: [TextComponent, TediTranslationPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (page() === -1) {\n <span tedi-text color=\"secondary\">...</span>\n} @else {\n <button\n class=\"tedi-pagination__page\"\n [class.tedi-pagination__page--active]=\"active()\"\n type=\"button\"\n [attr.aria-current]=\"active() ? 'page' : undefined\"\n [attr.aria-label]=\"'pagination.page' | tediTranslate: page() : active()\"\n (click)=\"selectPage()\"\n >\n {{ page() }}\n </button>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:center;height:var(--_pagination-button-size);width:var(--_pagination-button-size)}\n"] }]
2820
- }] });
2820
+ }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: true }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], pageSelected: [{ type: i0.Output, args: ["pageSelected"] }] } });
2821
2821
 
2822
2822
  const getPagesToDisplay = (currentPage, lastPage) => {
2823
2823
  const pages = new Set([1, currentPage, lastPage].filter((nr) => Boolean(nr)));
@@ -2849,21 +2849,21 @@ const getPagesToDisplay = (currentPage, lastPage) => {
2849
2849
  * @deprecated Use Pagination from TEDI-ready instead. This component will be removed from future versions.
2850
2850
  */
2851
2851
  class PaginationComponent {
2852
- page = model(1);
2853
- pageSize = model(50);
2854
- pageSizeOptions = input([10, 50, 100]);
2855
- length = input(0);
2856
- hideResults = input(false, { transform: booleanAttribute });
2857
- hidePageSize = input(false, { transform: booleanAttribute });
2852
+ page = model(1, ...(ngDevMode ? [{ debugName: "page" }] : []));
2853
+ pageSize = model(50, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
2854
+ pageSizeOptions = input([10, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
2855
+ length = input(0, ...(ngDevMode ? [{ debugName: "length" }] : []));
2856
+ hideResults = input(false, ...(ngDevMode ? [{ debugName: "hideResults", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
2857
+ hidePageSize = input(false, ...(ngDevMode ? [{ debugName: "hidePageSize", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
2858
2858
  lastPage = computed(() => {
2859
2859
  return Math.ceil(this.length() / this.pageSize());
2860
- });
2860
+ }, ...(ngDevMode ? [{ debugName: "lastPage" }] : []));
2861
2861
  dropdownId = crypto.randomUUID();
2862
2862
  pages = computed(() => {
2863
2863
  return getPagesToDisplay(this.page(), this.lastPage());
2864
- });
2865
- hasPreviousButton = computed(() => this.page() > 1);
2866
- hasNextButton = computed(() => this.page() < this.lastPage());
2864
+ }, ...(ngDevMode ? [{ debugName: "pages" }] : []));
2865
+ hasPreviousButton = computed(() => this.page() > 1, ...(ngDevMode ? [{ debugName: "hasPreviousButton" }] : []));
2866
+ hasNextButton = computed(() => this.page() < this.lastPage(), ...(ngDevMode ? [{ debugName: "hasNextButton" }] : []));
2867
2867
  changePage(step) {
2868
2868
  this.page.update((currentPage) => currentPage + step);
2869
2869
  }
@@ -2873,10 +2873,10 @@ class PaginationComponent {
2873
2873
  pageSizeChanged() {
2874
2874
  this.page.set(1);
2875
2875
  }
2876
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2877
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: PaginationComponent, isStandalone: true, selector: "tedi-pagination", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, hideResults: { classPropertyName: "hideResults", publicName: "hideResults", isSignal: true, isRequired: false, transformFunction: null }, hidePageSize: { classPropertyName: "hidePageSize", publicName: "hidePageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", pageSize: "pageSizeChange" }, ngImport: i0, template: "<div class=\"tedi-pagination\">\n @if (!hideResults()) {\n <span\n tedi-text\n class=\"tedi-pagination__results\"\n color=\"secondary\"\n modifiers=\"small\"\n >{{ length() }} {{ \"pagination.results\" | tediTranslate: length() }}</span\n >\n }\n <nav\n [attr.aria-label]=\"'pagination.title' | tediTranslate\"\n class=\"tedi-pagination__pager\"\n >\n <ul class=\"tedi-pagination__pages\">\n <li>\n <button\n tedi-button\n [disabled]=\"!hasPreviousButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(-1)\"\n [attr.aria-label]=\"'pagination.prev-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n </li>\n @for (pageNr of pages(); track $index) {\n <li>\n <tedi-pagination-page\n [page]=\"pageNr\"\n [active]=\"pageNr === page()\"\n (pageSelected)=\"selectPage(pageNr)\"\n />\n </li>\n }\n <li>\n <button\n tedi-button\n [disabled]=\"!hasNextButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(1)\"\n [attr.aria-label]=\"'pagination.next-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n </li>\n </ul>\n </nav>\n\n @if (!hidePageSize()) {\n <div class=\"tedi-pagination__page-size-options\">\n <label tedi-text color=\"secondary\" modifiers=\"small\" [for]=\"dropdownId\">{{\n \"pagination.page-size\" | tediTranslate\n }}</label>\n <select\n [id]=\"dropdownId\"\n [(ngModel)]=\"pageSize\"\n (change)=\"pageSizeChanged()\"\n class=\"tedi-pagination__dropdown\"\n >\n @for (size of pageSizeOptions(); track size) {\n <option [value]=\"size\">{{ size }}</option>\n }\n </select>\n </div>\n }\n</div>\n", styles: [".tedi-pagination{--_pagination-border: var(--general-border-secondary, #9293a4);--_pagination-background: var(--general-surface-primary, #fff);--_pagination-page-background: transparent;--_pagination-page-text: var(--general-text-secondary, #4b4e62);--_pagination-layout: \"results page-size-options\" \"pager pager\";--_pagination-padding-y: var(--pagination-padding-y);--_pagination-padding-x: var(--pagination-padding-x);--_pagination-button-size: var(--pagination-button-size);border-top:1px solid var(--_pagination-border);background:var(--_pagination-background);padding:var(--_pagination-padding-y) var(--_pagination-padding-x);display:grid;align-items:center;grid-template-areas:var(--_pagination-layout);gap:var(--layout-grid-gutters-04)}@media (min-width: 48rem){.tedi-pagination{--_pagination-layout: \"results pager page-size-options\";grid-template-columns:repeat(3,1fr)}}.tedi-pagination__results{grid-area:results}.tedi-pagination__pager{grid-area:pager;justify-self:center}.tedi-pagination__pages{display:flex;justify-items:center;align-items:center;list-style:none;margin:0;gap:var(--layout-grid-gutters-08)}.tedi-pagination__page{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-shrink:0;border-radius:50%;border:none;background:var(--_pagination-page-background);color:var(--_pagination-page-text);cursor:pointer}.tedi-pagination__page:hover{--_pagination-page-background: var( --button-main-neutral-icon-only-background-hover, #e7f0f6 );--_pagination-page-text: var(--button-main-neutral-text-hover, #004277)}.tedi-pagination__page:active{--_pagination-page-background: var( --button-main-neutral-icon-only-background-active, #d0e1ee );--_pagination-page-text: var(--button-main-neutral-text-active, #003662)}.tedi-pagination__page:focus{--_pagination-page-background: var( --button-main-neutral-icon-only-background-focus, rgba(0, 0, 0, 0) );--_pagination-page-text: var(--button-main-neutral-text-focus, #005aa3)}.tedi-pagination__page.tedi-pagination__page--active{--_pagination-page-background: var( --general-surface-brand-secondary, #004277 );--_pagination-page-text: var(--general-text-white, #fff);pointer-events:none}.tedi-pagination__nav-button.tedi-button[disabled]{color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}.tedi-pagination__page-size-options{grid-area:page-size-options;display:flex;align-items:center;justify-self:flex-end;gap:var(--form-field-inner-spacing)}.tedi-pagination__dropdown{border:1px solid var(--form-input-border-default, #838494);border-radius:var(--form-field-radius);min-height:var(--form-field-height-sm)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }, { kind: "component", type: PaginationPageComponent, selector: "tedi-pagination-page", inputs: ["page", "active"], outputs: ["pageSelected"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2876
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2877
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: PaginationComponent, isStandalone: true, selector: "tedi-pagination", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, hideResults: { classPropertyName: "hideResults", publicName: "hideResults", isSignal: true, isRequired: false, transformFunction: null }, hidePageSize: { classPropertyName: "hidePageSize", publicName: "hidePageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", pageSize: "pageSizeChange" }, ngImport: i0, template: "<div class=\"tedi-pagination\">\n @if (!hideResults()) {\n <span\n tedi-text\n class=\"tedi-pagination__results\"\n color=\"secondary\"\n modifiers=\"small\"\n >{{ length() }} {{ \"pagination.results\" | tediTranslate: length() }}</span\n >\n }\n <nav\n [attr.aria-label]=\"'pagination.title' | tediTranslate\"\n class=\"tedi-pagination__pager\"\n >\n <ul class=\"tedi-pagination__pages\">\n <li>\n <button\n tedi-button\n [disabled]=\"!hasPreviousButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(-1)\"\n [attr.aria-label]=\"'pagination.prev-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n </li>\n @for (pageNr of pages(); track $index) {\n <li>\n <tedi-pagination-page\n [page]=\"pageNr\"\n [active]=\"pageNr === page()\"\n (pageSelected)=\"selectPage(pageNr)\"\n />\n </li>\n }\n <li>\n <button\n tedi-button\n [disabled]=\"!hasNextButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(1)\"\n [attr.aria-label]=\"'pagination.next-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n </li>\n </ul>\n </nav>\n\n @if (!hidePageSize()) {\n <div class=\"tedi-pagination__page-size-options\">\n <label tedi-text color=\"secondary\" modifiers=\"small\" [for]=\"dropdownId\">{{\n \"pagination.page-size\" | tediTranslate\n }}</label>\n <select\n [id]=\"dropdownId\"\n [(ngModel)]=\"pageSize\"\n (change)=\"pageSizeChanged()\"\n class=\"tedi-pagination__dropdown\"\n >\n @for (size of pageSizeOptions(); track size) {\n <option [value]=\"size\">{{ size }}</option>\n }\n </select>\n </div>\n }\n</div>\n", styles: [".tedi-pagination{--_pagination-border: var(--general-border-secondary, #9293a4);--_pagination-background: var(--general-surface-primary, #fff);--_pagination-page-background: transparent;--_pagination-page-text: var(--general-text-secondary, #4b4e62);--_pagination-layout: \"results page-size-options\" \"pager pager\";--_pagination-padding-y: var(--pagination-padding-y);--_pagination-padding-x: var(--pagination-padding-x);--_pagination-button-size: var(--pagination-button-size);border-top:1px solid var(--_pagination-border);background:var(--_pagination-background);padding:var(--_pagination-padding-y) var(--_pagination-padding-x);display:grid;align-items:center;grid-template-areas:var(--_pagination-layout);gap:var(--layout-grid-gutters-04)}@media(min-width:48rem){.tedi-pagination{--_pagination-layout: \"results pager page-size-options\";grid-template-columns:repeat(3,1fr)}}.tedi-pagination__results{grid-area:results}.tedi-pagination__pager{grid-area:pager;justify-self:center}.tedi-pagination__pages{display:flex;justify-items:center;align-items:center;list-style:none;margin:0;gap:var(--layout-grid-gutters-08)}.tedi-pagination__page{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-shrink:0;border-radius:50%;border:none;background:var(--_pagination-page-background);color:var(--_pagination-page-text);cursor:pointer}.tedi-pagination__page:hover{--_pagination-page-background: var( --button-main-neutral-icon-only-background-hover, #e7f0f6 );--_pagination-page-text: var(--button-main-neutral-text-hover, #004277)}.tedi-pagination__page:active{--_pagination-page-background: var( --button-main-neutral-icon-only-background-active, #d0e1ee );--_pagination-page-text: var(--button-main-neutral-text-active, #003662)}.tedi-pagination__page:focus{--_pagination-page-background: var( --button-main-neutral-icon-only-background-focus, rgba(0, 0, 0, 0) );--_pagination-page-text: var(--button-main-neutral-text-focus, #005aa3)}.tedi-pagination__page.tedi-pagination__page--active{--_pagination-page-background: var( --general-surface-brand-secondary, #004277 );--_pagination-page-text: var(--general-text-white, #fff);pointer-events:none}.tedi-pagination__nav-button.tedi-button[disabled]{color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}.tedi-pagination__page-size-options{grid-area:page-size-options;display:flex;align-items:center;justify-self:flex-end;gap:var(--form-field-inner-spacing)}.tedi-pagination__dropdown{border:1px solid var(--form-input-border-default, #838494);border-radius:var(--form-field-radius);min-height:var(--form-field-height-sm)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: PaginationPageComponent, selector: "tedi-pagination-page", inputs: ["page", "active"], outputs: ["pageSelected"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2878
2878
  }
2879
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PaginationComponent, decorators: [{
2879
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: PaginationComponent, decorators: [{
2880
2880
  type: Component,
2881
2881
  args: [{ selector: "tedi-pagination", imports: [
2882
2882
  ButtonComponent,
@@ -2885,12 +2885,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
2885
2885
  TediTranslationPipe,
2886
2886
  PaginationPageComponent,
2887
2887
  FormsModule,
2888
- ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"tedi-pagination\">\n @if (!hideResults()) {\n <span\n tedi-text\n class=\"tedi-pagination__results\"\n color=\"secondary\"\n modifiers=\"small\"\n >{{ length() }} {{ \"pagination.results\" | tediTranslate: length() }}</span\n >\n }\n <nav\n [attr.aria-label]=\"'pagination.title' | tediTranslate\"\n class=\"tedi-pagination__pager\"\n >\n <ul class=\"tedi-pagination__pages\">\n <li>\n <button\n tedi-button\n [disabled]=\"!hasPreviousButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(-1)\"\n [attr.aria-label]=\"'pagination.prev-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n </li>\n @for (pageNr of pages(); track $index) {\n <li>\n <tedi-pagination-page\n [page]=\"pageNr\"\n [active]=\"pageNr === page()\"\n (pageSelected)=\"selectPage(pageNr)\"\n />\n </li>\n }\n <li>\n <button\n tedi-button\n [disabled]=\"!hasNextButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(1)\"\n [attr.aria-label]=\"'pagination.next-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n </li>\n </ul>\n </nav>\n\n @if (!hidePageSize()) {\n <div class=\"tedi-pagination__page-size-options\">\n <label tedi-text color=\"secondary\" modifiers=\"small\" [for]=\"dropdownId\">{{\n \"pagination.page-size\" | tediTranslate\n }}</label>\n <select\n [id]=\"dropdownId\"\n [(ngModel)]=\"pageSize\"\n (change)=\"pageSizeChanged()\"\n class=\"tedi-pagination__dropdown\"\n >\n @for (size of pageSizeOptions(); track size) {\n <option [value]=\"size\">{{ size }}</option>\n }\n </select>\n </div>\n }\n</div>\n", styles: [".tedi-pagination{--_pagination-border: var(--general-border-secondary, #9293a4);--_pagination-background: var(--general-surface-primary, #fff);--_pagination-page-background: transparent;--_pagination-page-text: var(--general-text-secondary, #4b4e62);--_pagination-layout: \"results page-size-options\" \"pager pager\";--_pagination-padding-y: var(--pagination-padding-y);--_pagination-padding-x: var(--pagination-padding-x);--_pagination-button-size: var(--pagination-button-size);border-top:1px solid var(--_pagination-border);background:var(--_pagination-background);padding:var(--_pagination-padding-y) var(--_pagination-padding-x);display:grid;align-items:center;grid-template-areas:var(--_pagination-layout);gap:var(--layout-grid-gutters-04)}@media (min-width: 48rem){.tedi-pagination{--_pagination-layout: \"results pager page-size-options\";grid-template-columns:repeat(3,1fr)}}.tedi-pagination__results{grid-area:results}.tedi-pagination__pager{grid-area:pager;justify-self:center}.tedi-pagination__pages{display:flex;justify-items:center;align-items:center;list-style:none;margin:0;gap:var(--layout-grid-gutters-08)}.tedi-pagination__page{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-shrink:0;border-radius:50%;border:none;background:var(--_pagination-page-background);color:var(--_pagination-page-text);cursor:pointer}.tedi-pagination__page:hover{--_pagination-page-background: var( --button-main-neutral-icon-only-background-hover, #e7f0f6 );--_pagination-page-text: var(--button-main-neutral-text-hover, #004277)}.tedi-pagination__page:active{--_pagination-page-background: var( --button-main-neutral-icon-only-background-active, #d0e1ee );--_pagination-page-text: var(--button-main-neutral-text-active, #003662)}.tedi-pagination__page:focus{--_pagination-page-background: var( --button-main-neutral-icon-only-background-focus, rgba(0, 0, 0, 0) );--_pagination-page-text: var(--button-main-neutral-text-focus, #005aa3)}.tedi-pagination__page.tedi-pagination__page--active{--_pagination-page-background: var( --general-surface-brand-secondary, #004277 );--_pagination-page-text: var(--general-text-white, #fff);pointer-events:none}.tedi-pagination__nav-button.tedi-button[disabled]{color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}.tedi-pagination__page-size-options{grid-area:page-size-options;display:flex;align-items:center;justify-self:flex-end;gap:var(--form-field-inner-spacing)}.tedi-pagination__dropdown{border:1px solid var(--form-input-border-default, #838494);border-radius:var(--form-field-radius);min-height:var(--form-field-height-sm)}\n"] }]
2889
- }] });
2888
+ ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"tedi-pagination\">\n @if (!hideResults()) {\n <span\n tedi-text\n class=\"tedi-pagination__results\"\n color=\"secondary\"\n modifiers=\"small\"\n >{{ length() }} {{ \"pagination.results\" | tediTranslate: length() }}</span\n >\n }\n <nav\n [attr.aria-label]=\"'pagination.title' | tediTranslate\"\n class=\"tedi-pagination__pager\"\n >\n <ul class=\"tedi-pagination__pages\">\n <li>\n <button\n tedi-button\n [disabled]=\"!hasPreviousButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(-1)\"\n [attr.aria-label]=\"'pagination.prev-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_back\" />\n </button>\n </li>\n @for (pageNr of pages(); track $index) {\n <li>\n <tedi-pagination-page\n [page]=\"pageNr\"\n [active]=\"pageNr === page()\"\n (pageSelected)=\"selectPage(pageNr)\"\n />\n </li>\n }\n <li>\n <button\n tedi-button\n [disabled]=\"!hasNextButton()\"\n class=\"tedi-pagination__nav-button\"\n size=\"small\"\n variant=\"neutral\"\n type=\"button\"\n (click)=\"changePage(1)\"\n [attr.aria-label]=\"'pagination.next-page' | tediTranslate\"\n >\n <tedi-icon name=\"arrow_forward\" />\n </button>\n </li>\n </ul>\n </nav>\n\n @if (!hidePageSize()) {\n <div class=\"tedi-pagination__page-size-options\">\n <label tedi-text color=\"secondary\" modifiers=\"small\" [for]=\"dropdownId\">{{\n \"pagination.page-size\" | tediTranslate\n }}</label>\n <select\n [id]=\"dropdownId\"\n [(ngModel)]=\"pageSize\"\n (change)=\"pageSizeChanged()\"\n class=\"tedi-pagination__dropdown\"\n >\n @for (size of pageSizeOptions(); track size) {\n <option [value]=\"size\">{{ size }}</option>\n }\n </select>\n </div>\n }\n</div>\n", styles: [".tedi-pagination{--_pagination-border: var(--general-border-secondary, #9293a4);--_pagination-background: var(--general-surface-primary, #fff);--_pagination-page-background: transparent;--_pagination-page-text: var(--general-text-secondary, #4b4e62);--_pagination-layout: \"results page-size-options\" \"pager pager\";--_pagination-padding-y: var(--pagination-padding-y);--_pagination-padding-x: var(--pagination-padding-x);--_pagination-button-size: var(--pagination-button-size);border-top:1px solid var(--_pagination-border);background:var(--_pagination-background);padding:var(--_pagination-padding-y) var(--_pagination-padding-x);display:grid;align-items:center;grid-template-areas:var(--_pagination-layout);gap:var(--layout-grid-gutters-04)}@media(min-width:48rem){.tedi-pagination{--_pagination-layout: \"results pager page-size-options\";grid-template-columns:repeat(3,1fr)}}.tedi-pagination__results{grid-area:results}.tedi-pagination__pager{grid-area:pager;justify-self:center}.tedi-pagination__pages{display:flex;justify-items:center;align-items:center;list-style:none;margin:0;gap:var(--layout-grid-gutters-08)}.tedi-pagination__page{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-shrink:0;border-radius:50%;border:none;background:var(--_pagination-page-background);color:var(--_pagination-page-text);cursor:pointer}.tedi-pagination__page:hover{--_pagination-page-background: var( --button-main-neutral-icon-only-background-hover, #e7f0f6 );--_pagination-page-text: var(--button-main-neutral-text-hover, #004277)}.tedi-pagination__page:active{--_pagination-page-background: var( --button-main-neutral-icon-only-background-active, #d0e1ee );--_pagination-page-text: var(--button-main-neutral-text-active, #003662)}.tedi-pagination__page:focus{--_pagination-page-background: var( --button-main-neutral-icon-only-background-focus, rgba(0, 0, 0, 0) );--_pagination-page-text: var(--button-main-neutral-text-focus, #005aa3)}.tedi-pagination__page.tedi-pagination__page--active{--_pagination-page-background: var( --general-surface-brand-secondary, #004277 );--_pagination-page-text: var(--general-text-white, #fff);pointer-events:none}.tedi-pagination__nav-button.tedi-button[disabled]{color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}.tedi-pagination__page-size-options{grid-area:page-size-options;display:flex;align-items:center;justify-self:flex-end;gap:var(--form-field-inner-spacing)}.tedi-pagination__dropdown{border:1px solid var(--form-input-border-default, #838494);border-radius:var(--form-field-radius);min-height:var(--form-field-height-sm)}\n"] }]
2889
+ }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], hideResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideResults", required: false }] }], hidePageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidePageSize", required: false }] }] } });
2890
2890
 
2891
2891
  class TableOfContentsItemComponent {
2892
- idTo = input.required();
2893
- selected = signal(false);
2892
+ idTo = input.required(...(ngDevMode ? [{ debugName: "idTo" }] : []));
2893
+ selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
2894
2894
  itemSelected = new EventEmitter();
2895
2895
  classes = computed(() => {
2896
2896
  const classes = ["table-of-contents__item"];
@@ -2898,23 +2898,23 @@ class TableOfContentsItemComponent {
2898
2898
  classes.push("table-of-contents__item--active");
2899
2899
  }
2900
2900
  return classes.join(" ");
2901
- });
2901
+ }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
2902
2902
  itemClick() {
2903
2903
  this.itemSelected.emit(this.idTo());
2904
2904
  }
2905
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2906
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TableOfContentsItemComponent, isStandalone: true, selector: "tedi-table-of-contents-item", inputs: { idTo: { classPropertyName: "idTo", publicName: "idTo", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"classes()\">\n <a\n tedi-button\n variant=\"neutral\"\n class=\"table-of-contents__item-anchor\"\n (click)=\"itemClick()\"\n >\n <ng-content />\n </a>\n\n <ng-content\n select=\"tedi-table-of-contents-item,tedi-table-of-contents-nested-wrapper\"\n />\n</div>\n", styles: [".table-of-contents__item{display:flex;flex-direction:column;gap:var(--tedi-dimensions-05)}.table-of-contents__item--active .table-of-contents__item-anchor{border-color:var(--link-primary-default);color:var(--link-primary-active)}.table-of-contents__item--active .table-of-contents__item-anchor:hover{border-color:var(--link-primary-active)}.table-of-contents__item .table-of-contents__item .table-of-contents__item-anchor{padding-left:var(--table-of-contents-padding-left-level-2)}.table-of-contents__item-anchor{display:flex;align-items:flex-start;flex-direction:column;--_table-of-contents-inset: 1px;padding:0 calc(var(--table-of-contents-padding-level-1) - var(--_table-of-contents-inset));border:0;border-left:var(--table-of-contents-active-item-border-width) solid transparent;border-radius:0;margin-left:-var(--_table-of-contents-inset)}.table-of-contents__item-anchor:hover{text-decoration:underline}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }] });
2905
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2906
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: TableOfContentsItemComponent, isStandalone: true, selector: "tedi-table-of-contents-item", inputs: { idTo: { classPropertyName: "idTo", publicName: "idTo", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"classes()\">\n <a\n tedi-button\n variant=\"neutral\"\n class=\"table-of-contents__item-anchor\"\n (click)=\"itemClick()\"\n >\n <ng-content />\n </a>\n\n <ng-content\n select=\"tedi-table-of-contents-item,tedi-table-of-contents-nested-wrapper\"\n />\n</div>\n", styles: [".table-of-contents__item{display:flex;flex-direction:column;gap:var(--tedi-dimensions-05)}.table-of-contents__item--active .table-of-contents__item-anchor{border-color:var(--link-primary-default);color:var(--link-primary-active)}.table-of-contents__item--active .table-of-contents__item-anchor:hover{border-color:var(--link-primary-active)}.table-of-contents__item .table-of-contents__item .table-of-contents__item-anchor{padding-left:var(--table-of-contents-padding-left-level-2)}.table-of-contents__item-anchor{display:flex;align-items:flex-start;flex-direction:column;--_table-of-contents-inset: 1px;padding:0 calc(var(--table-of-contents-padding-level-1) - var(--_table-of-contents-inset));border:0;border-left:var(--table-of-contents-active-item-border-width) solid transparent;border-radius:0;margin-left:-var(--_table-of-contents-inset)}.table-of-contents__item-anchor:hover{text-decoration:underline}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }] });
2907
2907
  }
2908
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsItemComponent, decorators: [{
2908
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsItemComponent, decorators: [{
2909
2909
  type: Component,
2910
2910
  args: [{ selector: "tedi-table-of-contents-item", imports: [ButtonComponent], template: "<div [class]=\"classes()\">\n <a\n tedi-button\n variant=\"neutral\"\n class=\"table-of-contents__item-anchor\"\n (click)=\"itemClick()\"\n >\n <ng-content />\n </a>\n\n <ng-content\n select=\"tedi-table-of-contents-item,tedi-table-of-contents-nested-wrapper\"\n />\n</div>\n", styles: [".table-of-contents__item{display:flex;flex-direction:column;gap:var(--tedi-dimensions-05)}.table-of-contents__item--active .table-of-contents__item-anchor{border-color:var(--link-primary-default);color:var(--link-primary-active)}.table-of-contents__item--active .table-of-contents__item-anchor:hover{border-color:var(--link-primary-active)}.table-of-contents__item .table-of-contents__item .table-of-contents__item-anchor{padding-left:var(--table-of-contents-padding-left-level-2)}.table-of-contents__item-anchor{display:flex;align-items:flex-start;flex-direction:column;--_table-of-contents-inset: 1px;padding:0 calc(var(--table-of-contents-padding-level-1) - var(--_table-of-contents-inset));border:0;border-left:var(--table-of-contents-active-item-border-width) solid transparent;border-radius:0;margin-left:-var(--_table-of-contents-inset)}.table-of-contents__item-anchor:hover{text-decoration:underline}\n"] }]
2911
- }] });
2911
+ }], propDecorators: { idTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "idTo", required: true }] }] } });
2912
2912
 
2913
2913
  class TableOfContentsComponent {
2914
2914
  /**
2915
2915
  * Heading of the table of contents
2916
2916
  */
2917
- heading = input.required();
2917
+ heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
2918
2918
  /**
2919
2919
  * Should component be initially shown. Won't work with open and onToggle.
2920
2920
  * @default false
@@ -2928,7 +2928,7 @@ class TableOfContentsComponent {
2928
2928
  /**
2929
2929
  * Should child table of contents elements when clicked scroll
2930
2930
  */
2931
- scrollOnClick = input(true);
2931
+ scrollOnClick = input(true, ...(ngDevMode ? [{ debugName: "scrollOnClick" }] : []));
2932
2932
  /**
2933
2933
  * Callback when component is toggled.
2934
2934
  * Use to handle state outside of component, should use with open prop.
@@ -2938,35 +2938,35 @@ class TableOfContentsComponent {
2938
2938
  * Position strategy of the table of contents
2939
2939
  * @default default
2940
2940
  */
2941
- position = input("default");
2941
+ position = input("default", ...(ngDevMode ? [{ debugName: "position" }] : []));
2942
2942
  /**
2943
2943
  * ARIA label for the <nav> component
2944
2944
  */
2945
- ariaLabel = input("Table of contents");
2945
+ ariaLabel = input("Table of contents", ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
2946
2946
  /**
2947
2947
  * Breakpoint to switch to modal view
2948
2948
  * @default mobile
2949
2949
  */
2950
- modalBreakpoint = input("mobile");
2950
+ modalBreakpoint = input("mobile", ...(ngDevMode ? [{ debugName: "modalBreakpoint" }] : []));
2951
2951
  /**
2952
2952
  * Should the component track scroll and update active item
2953
2953
  */
2954
- scrollAware = input(true);
2954
+ scrollAware = input(true, ...(ngDevMode ? [{ debugName: "scrollAware" }] : []));
2955
2955
  isSeeking = false;
2956
2956
  seekingTimeout;
2957
2957
  dialogRef;
2958
- isOpen = signal(false);
2959
- templateRef = viewChild("defaultTemplate");
2958
+ isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
2959
+ templateRef = viewChild("defaultTemplate", ...(ngDevMode ? [{ debugName: "templateRef" }] : []));
2960
2960
  intersectionObservers = [];
2961
- tableItems = contentChildren(TableOfContentsItemComponent, {
2962
- descendants: true,
2963
- });
2961
+ tableItems = contentChildren(TableOfContentsItemComponent, ...(ngDevMode ? [{ debugName: "tableItems", descendants: true }] : [{
2962
+ descendants: true,
2963
+ }]));
2964
2964
  router = inject(Router);
2965
2965
  dialog = inject(Dialog);
2966
2966
  update$ = new Subject();
2967
2967
  itemsChanged$ = new Subject();
2968
- activeElement = computed(() => this.tableItems().find((item) => item.selected()));
2969
- activeId = computed(() => this.activeElement()?.idTo());
2968
+ activeElement = computed(() => this.tableItems().find((item) => item.selected()), ...(ngDevMode ? [{ debugName: "activeElement" }] : []));
2969
+ activeId = computed(() => this.activeElement()?.idTo(), ...(ngDevMode ? [{ debugName: "activeId" }] : []));
2970
2970
  classes = computed(() => {
2971
2971
  const classes = ["table-of-contents"];
2972
2972
  classes.push(`table-of-contents--position-${this.position() ?? "default"}`);
@@ -2977,12 +2977,12 @@ class TableOfContentsComponent {
2977
2977
  classes.push("table-of-contents--modal-active");
2978
2978
  }
2979
2979
  return classes.join(" ");
2980
- });
2980
+ }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
2981
2981
  footerClasses = computed(() => {
2982
2982
  const classes = ["table-of-contents__footer"];
2983
2983
  classes.push(`table-of-contents__footer--modal-breakpoint-${this.modalBreakpoint()}`);
2984
2984
  return classes.join(" ");
2985
- });
2985
+ }, ...(ngDevMode ? [{ debugName: "footerClasses" }] : []));
2986
2986
  constructor() {
2987
2987
  effect(() => {
2988
2988
  const items = this.tableItems();
@@ -3100,10 +3100,10 @@ class TableOfContentsComponent {
3100
3100
  this.intersectionObservers.forEach((obs) => obs.disconnect());
3101
3101
  this.intersectionObservers = [];
3102
3102
  }
3103
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3104
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TableOfContentsComponent, isStandalone: true, selector: "tedi-table-of-contents", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, scrollOnClick: { classPropertyName: "scrollOnClick", publicName: "scrollOnClick", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, modalBreakpoint: { classPropertyName: "modalBreakpoint", publicName: "modalBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, scrollAware: { classPropertyName: "scrollAware", publicName: "scrollAware", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tableItems", predicate: TableOfContentsItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["defaultTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n <nav [attr.aria-label]=\"ariaLabel()\" [class]=\"classes()\">\n <tedi-card>\n <tedi-card-content class=\"table-of-contents__content\">\n <h1 tedi-text modifiers=\"h4\" class=\"table-of-contents__header\">\n {{ heading() }}\n </h1>\n <div class=\"table-of-contents__items\">\n <ng-content />\n </div>\n </tedi-card-content>\n </tedi-card>\n </nav>\n</ng-template>\n\n@if (!isOpen()) {\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\n\n <tedi-card [class]=\"footerClasses()\">\n <tedi-card-content>\n <button\n class=\"table-of-contents__footer-trigger\"\n (click)=\"openMobileModal()\"\n >\n <h1 tedi-text modifiers=\"normal\" class=\"table-of-contents__header\">\n {{ heading() }}\n\n <div tedi-button variant=\"neutral\">\n {{ \"open\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" />\n </div>\n </h1>\n </button>\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".table-of-contents{display:none;max-height:100vh}.table-of-contents--position-sticky{position:sticky;top:var(--tedi-dimensions-10)}.table-of-contents--position-fixed{position:fixed}.table-of-contents__content{padding:0;padding-bottom:var(--tedi-dimensions-10)}.table-of-contents__header{width:100%;padding:var(--tedi-dimensions-10);display:flex;align-items:center;justify-content:space-between}.table-of-contents__items{gap:var(--tedi-dimensions-05);display:flex;flex-direction:column}.table-of-contents--modal-active{display:initial}@media (min-width: 36rem){.table-of-contents--modal-breakpoint-mobile{display:initial}}@media (min-width: 48rem){.table-of-contents--modal-breakpoint-tablet{display:initial}}@media (min-width: 62rem){.table-of-contents--modal-breakpoint-desktop{display:initial}}.table-of-contents__footer{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-fixed);padding:0;--_card-padding-top: 0;--_card-padding-left: 0;--_card-padding-bottom: 0;--_card-padding-right: 0}.table-of-contents__footer-trigger{border:none;width:100%;background-color:transparent;padding:0;cursor:pointer}.table-of-contents__footer-trigger .tedi-button{padding:0}.table-of-contents__footer-trigger:hover{background-color:transparent}.table-of-contents__footer .table-of-contents__header{padding:var(--tedi-dimensions-10)}@media (min-width: 36rem){.table-of-contents__footer--modal-breakpoint-mobile{display:none}}@media (min-width: 48rem){.table-of-contents__footer--modal-breakpoint-tablet{display:none}}@media (min-width: 62rem){.table-of-contents__footer--modal-breakpoint-desktop{display:none}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
3103
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3104
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: TableOfContentsComponent, isStandalone: true, selector: "tedi-table-of-contents", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, scrollOnClick: { classPropertyName: "scrollOnClick", publicName: "scrollOnClick", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, modalBreakpoint: { classPropertyName: "modalBreakpoint", publicName: "modalBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, scrollAware: { classPropertyName: "scrollAware", publicName: "scrollAware", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tableItems", predicate: TableOfContentsItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["defaultTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n <nav [attr.aria-label]=\"ariaLabel()\" [class]=\"classes()\">\n <tedi-card>\n <tedi-card-content class=\"table-of-contents__content\">\n <h1 tedi-text modifiers=\"h4\" class=\"table-of-contents__header\">\n {{ heading() }}\n </h1>\n <div class=\"table-of-contents__items\">\n <ng-content />\n </div>\n </tedi-card-content>\n </tedi-card>\n </nav>\n</ng-template>\n\n@if (!isOpen()) {\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\n\n <tedi-card [class]=\"footerClasses()\">\n <tedi-card-content>\n <button\n class=\"table-of-contents__footer-trigger\"\n (click)=\"openMobileModal()\"\n >\n <h1 tedi-text modifiers=\"normal\" class=\"table-of-contents__header\">\n {{ heading() }}\n\n <div tedi-button variant=\"neutral\">\n {{ \"open\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" />\n </div>\n </h1>\n </button>\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".table-of-contents{display:none;max-height:100vh}.table-of-contents--position-sticky{position:sticky;top:var(--tedi-dimensions-10)}.table-of-contents--position-fixed{position:fixed}.table-of-contents__content{padding:0;padding-bottom:var(--tedi-dimensions-10)}.table-of-contents__header{width:100%;padding:var(--tedi-dimensions-10);display:flex;align-items:center;justify-content:space-between}.table-of-contents__items{gap:var(--tedi-dimensions-05);display:flex;flex-direction:column}.table-of-contents--modal-active{display:initial}@media(min-width:36rem){.table-of-contents--modal-breakpoint-mobile{display:initial}}@media(min-width:48rem){.table-of-contents--modal-breakpoint-tablet{display:initial}}@media(min-width:62rem){.table-of-contents--modal-breakpoint-desktop{display:initial}}.table-of-contents__footer{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-fixed);padding:0;--_card-padding-top: 0;--_card-padding-left: 0;--_card-padding-bottom: 0;--_card-padding-right: 0}.table-of-contents__footer-trigger{border:none;width:100%;background-color:transparent;padding:0;cursor:pointer}.table-of-contents__footer-trigger .tedi-button{padding:0}.table-of-contents__footer-trigger:hover{background-color:transparent}.table-of-contents__footer .table-of-contents__header{padding:var(--tedi-dimensions-10)}@media(min-width:36rem){.table-of-contents__footer--modal-breakpoint-mobile{display:none}}@media(min-width:48rem){.table-of-contents__footer--modal-breakpoint-tablet{display:none}}@media(min-width:62rem){.table-of-contents__footer--modal-breakpoint-desktop{display:none}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }] });
3105
3105
  }
3106
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsComponent, decorators: [{
3106
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsComponent, decorators: [{
3107
3107
  type: Component,
3108
3108
  args: [{ selector: "tedi-table-of-contents", imports: [
3109
3109
  CardComponent,
@@ -3113,8 +3113,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3113
3113
  IconComponent,
3114
3114
  TediTranslationPipe,
3115
3115
  NgTemplateOutlet,
3116
- ], template: "<ng-template #defaultTemplate>\n <nav [attr.aria-label]=\"ariaLabel()\" [class]=\"classes()\">\n <tedi-card>\n <tedi-card-content class=\"table-of-contents__content\">\n <h1 tedi-text modifiers=\"h4\" class=\"table-of-contents__header\">\n {{ heading() }}\n </h1>\n <div class=\"table-of-contents__items\">\n <ng-content />\n </div>\n </tedi-card-content>\n </tedi-card>\n </nav>\n</ng-template>\n\n@if (!isOpen()) {\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\n\n <tedi-card [class]=\"footerClasses()\">\n <tedi-card-content>\n <button\n class=\"table-of-contents__footer-trigger\"\n (click)=\"openMobileModal()\"\n >\n <h1 tedi-text modifiers=\"normal\" class=\"table-of-contents__header\">\n {{ heading() }}\n\n <div tedi-button variant=\"neutral\">\n {{ \"open\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" />\n </div>\n </h1>\n </button>\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".table-of-contents{display:none;max-height:100vh}.table-of-contents--position-sticky{position:sticky;top:var(--tedi-dimensions-10)}.table-of-contents--position-fixed{position:fixed}.table-of-contents__content{padding:0;padding-bottom:var(--tedi-dimensions-10)}.table-of-contents__header{width:100%;padding:var(--tedi-dimensions-10);display:flex;align-items:center;justify-content:space-between}.table-of-contents__items{gap:var(--tedi-dimensions-05);display:flex;flex-direction:column}.table-of-contents--modal-active{display:initial}@media (min-width: 36rem){.table-of-contents--modal-breakpoint-mobile{display:initial}}@media (min-width: 48rem){.table-of-contents--modal-breakpoint-tablet{display:initial}}@media (min-width: 62rem){.table-of-contents--modal-breakpoint-desktop{display:initial}}.table-of-contents__footer{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-fixed);padding:0;--_card-padding-top: 0;--_card-padding-left: 0;--_card-padding-bottom: 0;--_card-padding-right: 0}.table-of-contents__footer-trigger{border:none;width:100%;background-color:transparent;padding:0;cursor:pointer}.table-of-contents__footer-trigger .tedi-button{padding:0}.table-of-contents__footer-trigger:hover{background-color:transparent}.table-of-contents__footer .table-of-contents__header{padding:var(--tedi-dimensions-10)}@media (min-width: 36rem){.table-of-contents__footer--modal-breakpoint-mobile{display:none}}@media (min-width: 48rem){.table-of-contents__footer--modal-breakpoint-tablet{display:none}}@media (min-width: 62rem){.table-of-contents__footer--modal-breakpoint-desktop{display:none}}\n"] }]
3117
- }], ctorParameters: () => [] });
3116
+ ], template: "<ng-template #defaultTemplate>\n <nav [attr.aria-label]=\"ariaLabel()\" [class]=\"classes()\">\n <tedi-card>\n <tedi-card-content class=\"table-of-contents__content\">\n <h1 tedi-text modifiers=\"h4\" class=\"table-of-contents__header\">\n {{ heading() }}\n </h1>\n <div class=\"table-of-contents__items\">\n <ng-content />\n </div>\n </tedi-card-content>\n </tedi-card>\n </nav>\n</ng-template>\n\n@if (!isOpen()) {\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\n\n <tedi-card [class]=\"footerClasses()\">\n <tedi-card-content>\n <button\n class=\"table-of-contents__footer-trigger\"\n (click)=\"openMobileModal()\"\n >\n <h1 tedi-text modifiers=\"normal\" class=\"table-of-contents__header\">\n {{ heading() }}\n\n <div tedi-button variant=\"neutral\">\n {{ \"open\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" />\n </div>\n </h1>\n </button>\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".table-of-contents{display:none;max-height:100vh}.table-of-contents--position-sticky{position:sticky;top:var(--tedi-dimensions-10)}.table-of-contents--position-fixed{position:fixed}.table-of-contents__content{padding:0;padding-bottom:var(--tedi-dimensions-10)}.table-of-contents__header{width:100%;padding:var(--tedi-dimensions-10);display:flex;align-items:center;justify-content:space-between}.table-of-contents__items{gap:var(--tedi-dimensions-05);display:flex;flex-direction:column}.table-of-contents--modal-active{display:initial}@media(min-width:36rem){.table-of-contents--modal-breakpoint-mobile{display:initial}}@media(min-width:48rem){.table-of-contents--modal-breakpoint-tablet{display:initial}}@media(min-width:62rem){.table-of-contents--modal-breakpoint-desktop{display:initial}}.table-of-contents__footer{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-fixed);padding:0;--_card-padding-top: 0;--_card-padding-left: 0;--_card-padding-bottom: 0;--_card-padding-right: 0}.table-of-contents__footer-trigger{border:none;width:100%;background-color:transparent;padding:0;cursor:pointer}.table-of-contents__footer-trigger .tedi-button{padding:0}.table-of-contents__footer-trigger:hover{background-color:transparent}.table-of-contents__footer .table-of-contents__header{padding:var(--tedi-dimensions-10)}@media(min-width:36rem){.table-of-contents__footer--modal-breakpoint-mobile{display:none}}@media(min-width:48rem){.table-of-contents__footer--modal-breakpoint-tablet{display:none}}@media(min-width:62rem){.table-of-contents__footer--modal-breakpoint-desktop{display:none}}\n"] }]
3117
+ }], ctorParameters: () => [], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], scrollOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollOnClick", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], modalBreakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalBreakpoint", required: false }] }], scrollAware: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollAware", required: false }] }], templateRef: [{ type: i0.ViewChild, args: ["defaultTemplate", { isSignal: true }] }], tableItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableOfContentsItemComponent), { ...{
3118
+ descendants: true,
3119
+ }, isSignal: true }] }] } });
3118
3120
 
3119
3121
  /**
3120
3122
  * Wrapper component for nested table of contents items.
@@ -3122,10 +3124,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3122
3124
  * which is a issue when you use `@if() {}` syntax inside a component that uses ng-content.
3123
3125
  */
3124
3126
  class TableOfContentsNestedWrapperComponent {
3125
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsNestedWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3126
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TableOfContentsNestedWrapperComponent, isStandalone: true, selector: "tedi-table-of-contents-nested-wrapper", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
3127
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsNestedWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3128
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.24", type: TableOfContentsNestedWrapperComponent, isStandalone: true, selector: "tedi-table-of-contents-nested-wrapper", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
3127
3129
  }
3128
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableOfContentsNestedWrapperComponent, decorators: [{
3130
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsNestedWrapperComponent, decorators: [{
3129
3131
  type: Component,
3130
3132
  args: [{
3131
3133
  selector: "tedi-table-of-contents-nested-wrapper",
@@ -3134,30 +3136,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3134
3136
  }] });
3135
3137
 
3136
3138
  class TabContentComponent {
3137
- tabId = input.required();
3139
+ tabId = input.required(...(ngDevMode ? [{ debugName: "tabId" }] : []));
3138
3140
  content = viewChild.required("content");
3139
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3140
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: TabContentComponent, isStandalone: true, selector: "tedi-tab-content", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #content>\n <ng-content />\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3141
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3142
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: TabContentComponent, isStandalone: true, selector: "tedi-tab-content", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #content>\n <ng-content />\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3141
3143
  }
3142
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabContentComponent, decorators: [{
3144
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TabContentComponent, decorators: [{
3143
3145
  type: Component,
3144
3146
  args: [{ selector: "tedi-tab-content", imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\n <ng-content />\n</ng-template>\n" }]
3145
- }] });
3147
+ }], propDecorators: { tabId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabId", required: true }] }], content: [{ type: i0.ViewChild, args: ["content", { isSignal: true }] }] } });
3146
3148
 
3147
3149
  class TabComponent {
3148
- element;
3149
- tabId = input.required();
3150
- selected = model(false);
3151
- disabledInput = input(false, {
3152
- transform: booleanAttribute,
3153
- // eslint-disable-next-line @angular-eslint/no-input-rename
3154
- alias: "disabled",
3155
- });
3150
+ element = inject(ElementRef);
3151
+ tabId = input.required(...(ngDevMode ? [{ debugName: "tabId" }] : []));
3152
+ selected = model(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
3153
+ disabledInput = input(false, ...(ngDevMode ? [{ debugName: "disabledInput", transform: booleanAttribute,
3154
+ // eslint-disable-next-line @angular-eslint/no-input-rename
3155
+ alias: "disabled" }] : [{
3156
+ transform: booleanAttribute,
3157
+ // eslint-disable-next-line @angular-eslint/no-input-rename
3158
+ alias: "disabled",
3159
+ }]));
3156
3160
  disabled; // for cdk/a11y keymanager
3157
3161
  tabSelected = output();
3158
3162
  routerLinkActive = inject(RouterLinkActive, { self: true });
3159
3163
  linkActive = toSignal(this.routerLinkActive.isActiveChange.pipe(startWith(this.routerLinkActive.isActive)));
3160
- isTabActive = computed(() => this.selected() || this.linkActive());
3164
+ isTabActive = computed(() => this.selected() || this.linkActive(), ...(ngDevMode ? [{ debugName: "isTabActive" }] : []));
3161
3165
  selectTab() {
3162
3166
  this.selected.set(true);
3163
3167
  this.tabSelected.emit();
@@ -3165,17 +3169,16 @@ class TabComponent {
3165
3169
  focus() {
3166
3170
  this.element.nativeElement.focus();
3167
3171
  }
3168
- constructor(element) {
3169
- this.element = element;
3172
+ constructor() {
3170
3173
  effect(() => {
3171
3174
  this.disabled = this.disabledInput();
3172
3175
  });
3173
3176
  this.routerLinkActive.routerLinkActive = ["tedi-tab--active"]; // should be changed once hostDirectives allow default values
3174
3177
  }
3175
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
3176
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TabComponent, isStandalone: true, selector: "[tedi-tab]", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", tabSelected: "tabSelected" }, host: { listeners: { "click": "selectTab()" }, properties: { "class.tedi-tab": "true", "class.tedi-tab--selected": "selected()", "class.tedi-tab--disabled": "disabledInput()", "attr.role": "'tab'" } }, hostDirectives: [{ directive: i1$3.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions", "ariaCurrentWhenActive", "ariaCurrentWhenActive"], outputs: ["isActiveChange", "isActiveChange"] }], ngImport: i0, template: "<ng-content />\n", styles: [".tedi-tab{--_tab-background: var(--tab-item-default-background);--_tab-color: var(--tab-item-default-text);--_tab-padding: var(--_tab-padding-y) var(--_tab-padding-x);--_tab-selected-border: var(--tab-item-selected-border);--_tab-padding-y: var(--tab-spacing-y);--_tab-padding-x: var(--tab-spacing-x);--_tab-inner-spacing: var(--tab-inner-spacing);padding:var(--_tab-padding);background:var(--_tab-background);color:var(--_tab-color);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--_tab-inner-spacing);border:none;cursor:pointer;text-decoration:none;font-size:var(--body-regular-size)}.tedi-tab:active{--_tab-background: var(--tab-item-active-background);--_tab-color: var(--tab-item-active-text)}.tedi-tab:hover,.tedi-tab:focus{--_tab-background: var(--tab-item-hover-background);--_tab-color: var(--tab-item-hover-text)}.tedi-tab--selected,.tedi-tab--active{--_tab-background: var(--tab-item-selected-background);--_tab-color: var(--tab-item-selected-text);font-weight:var(--body-bold-weight)}.tedi-tab--selected:after,.tedi-tab--active:after{content:\"\";position:absolute;border-top:3px solid var(--_tab-selected-border);top:0;left:0;right:0}.tedi-tab--disabled{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3178
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3179
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: TabComponent, isStandalone: true, selector: "[tedi-tab]", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", tabSelected: "tabSelected" }, host: { listeners: { "click": "selectTab()" }, properties: { "class.tedi-tab": "true", "class.tedi-tab--selected": "selected()", "class.tedi-tab--disabled": "disabledInput()", "attr.role": "'tab'" } }, hostDirectives: [{ directive: i1$3.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions", "ariaCurrentWhenActive", "ariaCurrentWhenActive"], outputs: ["isActiveChange", "isActiveChange"] }], ngImport: i0, template: "<ng-content />\n", styles: [".tedi-tab{--_tab-background: var(--tab-item-default-background);--_tab-color: var(--tab-item-default-text);--_tab-padding: var(--_tab-padding-y) var(--_tab-padding-x);--_tab-selected-border: var(--tab-item-selected-border);--_tab-padding-y: var(--tab-spacing-y);--_tab-padding-x: var(--tab-spacing-x);--_tab-inner-spacing: var(--tab-inner-spacing);padding:var(--_tab-padding);background:var(--_tab-background);color:var(--_tab-color);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--_tab-inner-spacing);border:none;cursor:pointer;text-decoration:none;font-size:var(--body-regular-size)}.tedi-tab:active{--_tab-background: var(--tab-item-active-background);--_tab-color: var(--tab-item-active-text)}.tedi-tab:hover,.tedi-tab:focus{--_tab-background: var(--tab-item-hover-background);--_tab-color: var(--tab-item-hover-text)}.tedi-tab--selected,.tedi-tab--active{--_tab-background: var(--tab-item-selected-background);--_tab-color: var(--tab-item-selected-text);font-weight:var(--body-bold-weight)}.tedi-tab--selected:after,.tedi-tab--active:after{content:\"\";position:absolute;border-top:3px solid var(--_tab-selected-border);top:0;left:0;right:0}.tedi-tab--disabled{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3177
3180
  }
3178
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabComponent, decorators: [{
3181
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TabComponent, decorators: [{
3179
3182
  type: Component,
3180
3183
  args: [{ selector: "[tedi-tab]", imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
3181
3184
  "[class.tedi-tab]": "true",
@@ -3190,20 +3193,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3190
3193
  outputs: ["isActiveChange"],
3191
3194
  },
3192
3195
  ], template: "<ng-content />\n", styles: [".tedi-tab{--_tab-background: var(--tab-item-default-background);--_tab-color: var(--tab-item-default-text);--_tab-padding: var(--_tab-padding-y) var(--_tab-padding-x);--_tab-selected-border: var(--tab-item-selected-border);--_tab-padding-y: var(--tab-spacing-y);--_tab-padding-x: var(--tab-spacing-x);--_tab-inner-spacing: var(--tab-inner-spacing);padding:var(--_tab-padding);background:var(--_tab-background);color:var(--_tab-color);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--_tab-inner-spacing);border:none;cursor:pointer;text-decoration:none;font-size:var(--body-regular-size)}.tedi-tab:active{--_tab-background: var(--tab-item-active-background);--_tab-color: var(--tab-item-active-text)}.tedi-tab:hover,.tedi-tab:focus{--_tab-background: var(--tab-item-hover-background);--_tab-color: var(--tab-item-hover-text)}.tedi-tab--selected,.tedi-tab--active{--_tab-background: var(--tab-item-selected-background);--_tab-color: var(--tab-item-selected-text);font-weight:var(--body-bold-weight)}.tedi-tab--selected:after,.tedi-tab--active:after{content:\"\";position:absolute;border-top:3px solid var(--_tab-selected-border);top:0;left:0;right:0}.tedi-tab--disabled{pointer-events:none}\n"] }]
3193
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
3196
+ }], ctorParameters: () => [], propDecorators: { tabId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabId", required: true }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabSelected: [{ type: i0.Output, args: ["tabSelected"] }] } });
3194
3197
 
3195
3198
  class TabsComponent {
3196
3199
  injector = inject(Injector);
3197
- mobileTabsOpened = signal(false);
3198
- tabs = contentChildren(TabComponent);
3199
- tabContents = contentChildren(TabContentComponent);
3200
+ mobileTabsOpened = signal(false, ...(ngDevMode ? [{ debugName: "mobileTabsOpened" }] : []));
3201
+ tabs = contentChildren(TabComponent, ...(ngDevMode ? [{ debugName: "tabs" }] : []));
3202
+ tabContents = contentChildren(TabContentComponent, ...(ngDevMode ? [{ debugName: "tabContents" }] : []));
3200
3203
  keyManager;
3201
3204
  activeTabId = computed(() => this.tabs()
3202
3205
  .find((tab) => tab.isTabActive())
3203
- ?.tabId());
3206
+ ?.tabId(), ...(ngDevMode ? [{ debugName: "activeTabId" }] : []));
3204
3207
  activeTabContent = computed(() => this.tabContents()
3205
3208
  .find((content) => content.tabId() === this.activeTabId())
3206
- ?.content());
3209
+ ?.content(), ...(ngDevMode ? [{ debugName: "activeTabContent" }] : []));
3207
3210
  onActiveTabChanges(tabs) {
3208
3211
  tabs.forEach((tab) => {
3209
3212
  tab.tabSelected.subscribe(() => {
@@ -3230,10 +3233,10 @@ class TabsComponent {
3230
3233
  .withWrap()
3231
3234
  .withHorizontalOrientation("ltr");
3232
3235
  }
3233
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3234
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TabsComponent, isStandalone: true, selector: "tedi-tabs", host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.tedi-tabs": "true" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }, { propertyName: "tabContents", predicate: TabContentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"activeTabId()\"\n [padding]=\"{ horizontal: 'md', vertical: 'lg' }\"\n >\n @if (activeTabContent(); as activeContent) {\n <ng-container *ngTemplateOutlet=\"activeContent\" />\n }\n <ng-content></ng-content>\n </tedi-card-content>\n</tedi-card>\n\n@if (mobileTabsOpened()) {\n <tedi-card padding=\"none\" class=\"tedi-tabs__mobile-dropdown\">\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n size=\"small\"\n (click)=\"mobileTabsOpened.set(false)\"\n ></button>\n </tedi-card-content>\n <tedi-card-content class=\"tedi-tabs__mobile-list\">\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".tedi-tabs{--_tab-list-background: var(--tab-background)}.tedi-tabs__tab-list{display:flex;justify-content:start;overflow:auto;border-top-left-radius:var(--tab-top-radius, 4px);border-top-right-radius:var(--tab-top-radius, 4px);background:var(--_tab-list-background)}@media (max-width: 35.98rem){.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--more-btn){flex-grow:1}.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--active,.tedi-tab--selected,.tedi-tab--more-btn){display:none}}@media (min-width: 36rem){.tedi-tabs .tedi-tab--more-btn{display:none}}.tedi-tabs__mobile-dropdown.tedi-card{position:fixed;inset:0;z-index:1050}.tedi-tabs__mobile-list.tedi-card-content{display:flex;flex-direction:column}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active{--_tab-background: var(--dropdown-item-active-background);--_tab-color: var(--dropdown-item-active-text);font-weight:var(--body-regular-weight)}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected:after,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3236
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3237
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: TabsComponent, isStandalone: true, selector: "tedi-tabs", host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.tedi-tabs": "true" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }, { propertyName: "tabContents", predicate: TabContentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"activeTabId()\"\n [padding]=\"{ horizontal: 'md', vertical: 'lg' }\"\n >\n @if (activeTabContent(); as activeContent) {\n <ng-container *ngTemplateOutlet=\"activeContent\" />\n }\n <ng-content></ng-content>\n </tedi-card-content>\n</tedi-card>\n\n@if (mobileTabsOpened()) {\n <tedi-card padding=\"none\" class=\"tedi-tabs__mobile-dropdown\">\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n size=\"small\"\n (click)=\"mobileTabsOpened.set(false)\"\n ></button>\n </tedi-card-content>\n <tedi-card-content class=\"tedi-tabs__mobile-list\">\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".tedi-tabs{--_tab-list-background: var(--tab-background)}.tedi-tabs__tab-list{display:flex;justify-content:start;overflow:auto;border-top-left-radius:var(--tab-top-radius, 4px);border-top-right-radius:var(--tab-top-radius, 4px);background:var(--_tab-list-background)}@media(max-width:35.98rem){.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--more-btn){flex-grow:1}.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--active,.tedi-tab--selected,.tedi-tab--more-btn){display:none}}@media(min-width:36rem){.tedi-tabs .tedi-tab--more-btn{display:none}}.tedi-tabs__mobile-dropdown.tedi-card{position:fixed;inset:0;z-index:1050}.tedi-tabs__mobile-list.tedi-card-content{display:flex;flex-direction:column}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active{--_tab-background: var(--dropdown-item-active-background);--_tab-color: var(--dropdown-item-active-text);font-weight:var(--body-regular-weight)}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected:after,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3235
3238
  }
3236
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabsComponent, decorators: [{
3239
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TabsComponent, decorators: [{
3237
3240
  type: Component,
3238
3241
  args: [{ selector: "tedi-tabs", imports: [
3239
3242
  CommonModule,
@@ -3245,49 +3248,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3245
3248
  ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
3246
3249
  "[class.tedi-tabs]": "true",
3247
3250
  "(keydown)": "onKeyDown($event)",
3248
- }, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"activeTabId()\"\n [padding]=\"{ horizontal: 'md', vertical: 'lg' }\"\n >\n @if (activeTabContent(); as activeContent) {\n <ng-container *ngTemplateOutlet=\"activeContent\" />\n }\n <ng-content></ng-content>\n </tedi-card-content>\n</tedi-card>\n\n@if (mobileTabsOpened()) {\n <tedi-card padding=\"none\" class=\"tedi-tabs__mobile-dropdown\">\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n size=\"small\"\n (click)=\"mobileTabsOpened.set(false)\"\n ></button>\n </tedi-card-content>\n <tedi-card-content class=\"tedi-tabs__mobile-list\">\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".tedi-tabs{--_tab-list-background: var(--tab-background)}.tedi-tabs__tab-list{display:flex;justify-content:start;overflow:auto;border-top-left-radius:var(--tab-top-radius, 4px);border-top-right-radius:var(--tab-top-radius, 4px);background:var(--_tab-list-background)}@media (max-width: 35.98rem){.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--more-btn){flex-grow:1}.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--active,.tedi-tab--selected,.tedi-tab--more-btn){display:none}}@media (min-width: 36rem){.tedi-tabs .tedi-tab--more-btn{display:none}}.tedi-tabs__mobile-dropdown.tedi-card{position:fixed;inset:0;z-index:1050}.tedi-tabs__mobile-list.tedi-card-content{display:flex;flex-direction:column}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active{--_tab-background: var(--dropdown-item-active-background);--_tab-color: var(--dropdown-item-active-text);font-weight:var(--body-regular-weight)}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected:after,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active:after{display:none}\n"] }]
3249
- }], ctorParameters: () => [] });
3251
+ }, template: "<ng-template #tabsList><ng-content select=\"[tedi-tab]\" /></ng-template>\n\n<tedi-card padding=\"none\">\n <tedi-card-content>\n <div role=\"tablist\" class=\"tedi-tabs__tab-list\">\n @if (!mobileTabsOpened()) {\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n }\n <button\n aria-haspopup=\"menu\"\n (click)=\"mobileTabsOpened.set(true)\"\n class=\"tedi-tab tedi-tab--more-btn\"\n >\n {{ \"more\" | tediTranslate }}\n <tedi-icon name=\"expand_more\" [size]=\"18\" />\n </button>\n </div>\n </tedi-card-content>\n\n <tedi-card-content\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"activeTabId()\"\n [padding]=\"{ horizontal: 'md', vertical: 'lg' }\"\n >\n @if (activeTabContent(); as activeContent) {\n <ng-container *ngTemplateOutlet=\"activeContent\" />\n }\n <ng-content></ng-content>\n </tedi-card-content>\n</tedi-card>\n\n@if (mobileTabsOpened()) {\n <tedi-card padding=\"none\" class=\"tedi-tabs__mobile-dropdown\">\n <tedi-card-content hasSeparator autoWidth padding=\"xs\">\n <button\n tedi-closing-button\n size=\"small\"\n (click)=\"mobileTabsOpened.set(false)\"\n ></button>\n </tedi-card-content>\n <tedi-card-content class=\"tedi-tabs__mobile-list\">\n <ng-container *ngTemplateOutlet=\"tabsList\" />\n </tedi-card-content>\n </tedi-card>\n}\n", styles: [".tedi-tabs{--_tab-list-background: var(--tab-background)}.tedi-tabs__tab-list{display:flex;justify-content:start;overflow:auto;border-top-left-radius:var(--tab-top-radius, 4px);border-top-right-radius:var(--tab-top-radius, 4px);background:var(--_tab-list-background)}@media(max-width:35.98rem){.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--more-btn){flex-grow:1}.tedi-tabs__tab-list .tedi-tab:not(.tedi-tab--active,.tedi-tab--selected,.tedi-tab--more-btn){display:none}}@media(min-width:36rem){.tedi-tabs .tedi-tab--more-btn{display:none}}.tedi-tabs__mobile-dropdown.tedi-card{position:fixed;inset:0;z-index:1050}.tedi-tabs__mobile-list.tedi-card-content{display:flex;flex-direction:column}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active{--_tab-background: var(--dropdown-item-active-background);--_tab-color: var(--dropdown-item-active-text);font-weight:var(--body-regular-weight)}.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--selected:after,.tedi-tabs__mobile-list.tedi-card-content .tedi-tab--active:after{display:none}\n"] }]
3252
+ }], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabComponent), { isSignal: true }] }], tabContents: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabContentComponent), { isSignal: true }] }] } });
3250
3253
 
3251
3254
  class VerticalStepperComponent {
3252
- ariaLabel = input();
3253
- compact = input(false, { transform: booleanAttribute });
3254
- enumerated = input(false, { transform: booleanAttribute });
3255
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3256
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: VerticalStepperComponent, isStandalone: true, selector: "tedi-vertical-stepper", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, enumerated: { classPropertyName: "enumerated", publicName: "enumerated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-vertical-stepper": "true", "class.tedi-vertical-stepper--compact": "compact()" } }, ngImport: i0, template: "<nav [attr.aria-label]=\"ariaLabel()\">\n <div role=\"list\">\n <ng-content></ng-content>\n </div>\n</nav>\n", styles: [".tedi-vertical-stepper{counter-reset:step-number}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3255
+ ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
3256
+ compact = input(false, ...(ngDevMode ? [{ debugName: "compact", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3257
+ enumerated = input(false, ...(ngDevMode ? [{ debugName: "enumerated", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3258
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3259
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: VerticalStepperComponent, isStandalone: true, selector: "tedi-vertical-stepper", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, enumerated: { classPropertyName: "enumerated", publicName: "enumerated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-vertical-stepper": "true", "class.tedi-vertical-stepper--compact": "compact()" } }, ngImport: i0, template: "<nav [attr.aria-label]=\"ariaLabel()\">\n <div role=\"list\">\n <ng-content></ng-content>\n </div>\n</nav>\n", styles: [".tedi-vertical-stepper{counter-reset:step-number}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3257
3260
  }
3258
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalStepperComponent, decorators: [{
3261
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalStepperComponent, decorators: [{
3259
3262
  type: Component,
3260
3263
  args: [{ selector: "tedi-vertical-stepper", imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
3261
3264
  "[class.tedi-vertical-stepper]": "true",
3262
3265
  "[class.tedi-vertical-stepper--compact]": "compact()",
3263
3266
  }, template: "<nav [attr.aria-label]=\"ariaLabel()\">\n <div role=\"list\">\n <ng-content></ng-content>\n </div>\n</nav>\n", styles: [".tedi-vertical-stepper{counter-reset:step-number}\n"] }]
3264
- }] });
3267
+ }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], enumerated: [{ type: i0.Input, args: [{ isSignal: true, alias: "enumerated", required: false }] }] } });
3265
3268
 
3266
3269
  class VerticalStepperItemComponent {
3267
- completed = input(false, { transform: booleanAttribute });
3268
- error = input(false, { transform: booleanAttribute });
3269
- selected = input(false, { transform: booleanAttribute });
3270
- disabled = input(false, { transform: booleanAttribute });
3271
- informative = input(false, { transform: booleanAttribute });
3272
- title = input.required();
3273
- route = input(undefined);
3274
- opened = model(false); // for items with children
3270
+ completed = input(false, ...(ngDevMode ? [{ debugName: "completed", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3271
+ error = input(false, ...(ngDevMode ? [{ debugName: "error", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3272
+ selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3273
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3274
+ informative = input(false, ...(ngDevMode ? [{ debugName: "informative", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3275
+ title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
3276
+ route = input(undefined, ...(ngDevMode ? [{ debugName: "route" }] : []));
3277
+ opened = model(false, ...(ngDevMode ? [{ debugName: "opened" }] : [])); // for items with children
3275
3278
  itemSelect = output();
3276
3279
  stepperContext = inject(VerticalStepperComponent, { optional: true });
3277
- subItem = signal(false);
3278
- subItems = contentChildren(VerticalStepperItemComponent);
3279
- compact = computed(() => this.stepperContext?.compact());
3280
- enumerated = computed(() => this.stepperContext?.enumerated());
3281
- hasSubItems = computed(() => !!this.subItems().length);
3280
+ subItem = signal(false, ...(ngDevMode ? [{ debugName: "subItem" }] : []));
3281
+ subItems = contentChildren(VerticalStepperItemComponent, ...(ngDevMode ? [{ debugName: "subItems" }] : []));
3282
+ compact = computed(() => this.stepperContext?.compact(), ...(ngDevMode ? [{ debugName: "compact" }] : []));
3283
+ enumerated = computed(() => this.stepperContext?.enumerated(), ...(ngDevMode ? [{ debugName: "enumerated" }] : []));
3284
+ hasSubItems = computed(() => !!this.subItems().length, ...(ngDevMode ? [{ debugName: "hasSubItems" }] : []));
3282
3285
  onSubItemSelect = effect(() => {
3283
3286
  const subItemSelected = this.subItems().some((item) => item.selected());
3284
3287
  if (subItemSelected) {
3285
3288
  this.opened.set(true);
3286
3289
  }
3287
- });
3290
+ }, ...(ngDevMode ? [{ debugName: "onSubItemSelect" }] : []));
3288
3291
  onSubItemChanges = effect(() => {
3289
3292
  this.subItems().forEach((item) => item.subItem.set(true));
3290
- });
3293
+ }, ...(ngDevMode ? [{ debugName: "onSubItemChanges" }] : []));
3291
3294
  toggleOpen() {
3292
3295
  this.opened.update((previouslyOpened) => !previouslyOpened);
3293
3296
  }
@@ -3296,10 +3299,10 @@ class VerticalStepperItemComponent {
3296
3299
  this.itemSelect.emit();
3297
3300
  }
3298
3301
  }
3299
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalStepperItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3300
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: VerticalStepperItemComponent, isStandalone: true, selector: "tedi-vertical-stepper-item", inputs: { completed: { classPropertyName: "completed", publicName: "completed", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, informative: { classPropertyName: "informative", publicName: "informative", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", itemSelect: "itemSelect" }, host: { properties: { "class.tedi-vertical-stepper-item": "true", "class.tedi-vertical-stepper-item--completed": "completed()", "class.tedi-vertical-stepper-item--error": "error()", "class.tedi-vertical-stepper-item--selected": "selected()", "class.tedi-vertical-stepper-item--disabled": "disabled()", "class.tedi-vertical-stepper-item--informative": "informative()", "class.tedi-vertical-stepper-item--sub-item": "subItem()", "class.tedi-vertical-stepper-item--compact": "compact()", "class.tedi-vertical-stepper-item--enumerated": "enumerated()", "attr.role": "'listitem'" } }, queries: [{ propertyName: "subItems", predicate: VerticalStepperItemComponent, isSignal: true }], ngImport: i0, template: "<ng-template #statusIcon>\n @if (subItem() || !compact()) {\n @if (completed()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.completed' | tediTranslate\"\n name=\"check\"\n color=\"success\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n } @else if (error()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.error' | tediTranslate\"\n name=\"error\"\n color=\"danger\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n }\n }\n</ng-template>\n\n<div class=\"tedi-vertical-stepper-item__indicator\">\n @if (!selected() && compact() && !subItem()) {\n @if (completed()) {\n <tedi-icon name=\"check\" color=\"white\" [size]=\"16\" />\n } @else if (error()) {\n <tedi-icon name=\"exclamation\" color=\"white\" [size]=\"16\" />\n }\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__line\"></div>\n<div class=\"tedi-vertical-stepper-item__title\">\n @if (hasSubItems()) {\n <button\n [disabled]=\"disabled()\"\n (click)=\"toggleOpen()\"\n class=\"tedi-vertical-stepper-item__toggle\"\n [attr.aria-expanded]=\"opened()\"\n >\n <span>{{ title() }}</span\n ><ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n class=\"tedi-vertical-stepper-item__toggle-icon\"\n [class.tedi-vertical-stepper-item__toggle-icon--opened]=\"opened()\"\n />\n </button>\n } @else {\n <ng-content select=\"[item-title]\">\n @if (route()) {\n <a\n [routerLink]=\"disabled() ? undefined : route()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n routerLinkActive\n (isActiveChange)=\"routerLinkActiveChange($event)\"\n >{{ title() }}</a\n >\n } @else {\n <button\n [disabled]=\"disabled()\"\n (click)=\"itemSelect.emit()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n >\n {{ title() }}\n </button>\n }\n </ng-content>\n <ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container>\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__description\">\n <ng-content select=\"[item-description]\" />\n</div>\n@if (opened()) {\n <ng-content select=\"tedi-vertical-stepper-item\" />\n}\n", styles: [".tedi-vertical-stepper-item{display:grid;position:relative;--_step-indicator-size: 24px;--_step-indicator-color: var(--general-text-secondary, #4b4e62);--_step-indicator-border: var(--stepper-step-default-border, #9293a4);--_step-indicator-border-hover: var( --stepper-step-default-border-hover, #005aa3 );--_step-indicator-border-width: 1px;--_step-indicator-background: var(--stepper-step-default-bg, #fff);--_step-indicator-background-hover: var(--stepper-step-default-bg, #fff);--_step-padding: var(--stepper-item-vertical-lg-padding-top, 8px);--_step-inner-spacing: var(--stepper-item-vertical-lg-inner-spacing, 8px);--_step-line-color: var(--stepper-item-vertical-line, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-default, #151926);--_step-title-color-hover: var(--stepper-item-vertical-text-hover, #004277);--_step-title-size: var(--body-regular-size, 16px);--_step-title-weight: var(--body-regular-weight, 400);--_step-title-line-height: var(--body-regular-line-height, 24px);--_step-title-spacing: var(--layout-grid-gutters-08, 8px);grid-template-areas:\"indicator title\" \". description\";grid-template-columns:auto 1fr;grid-auto-columns:auto;column-gap:var(--_step-inner-spacing);z-index:0}.tedi-vertical-stepper-item__indicator{grid-area:indicator;display:flex;align-items:center;justify-content:center;height:var(--_step-indicator-size);width:var(--_step-indicator-size);border:var(--_step-indicator-border) solid var(--_step-indicator-border-width);background-color:var(--_step-indicator-background);color:var(--_step-indicator-color);border-radius:9999px;font-size:var(--body-small-bold-size, 14px);font-weight:var(--body-bold-weight, 700);align-self:center;justify-self:center}.tedi-vertical-stepper-item__indicator:before{content:counter(step-number)}.tedi-vertical-stepper-item:has(>.tedi-vertical-stepper-item__title :is(button,a):hover)>.tedi-vertical-stepper-item__indicator{background-color:var(--_step-indicator-background-hover);border-color:var(--_step-indicator-border-hover)}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item){counter-increment:step-number}.tedi-vertical-stepper-item__title{grid-area:title;padding:var(--_step-padding) 0}.tedi-vertical-stepper-item__title a,.tedi-vertical-stepper-item__title button{padding:0;background:none;border:none;text-decoration:none;font-family:var(--family-default, Roboto);font-size:var(--_step-title-size);font-weight:var(--_step-title-weight);line-height:var(--_step-title-line-height);cursor:pointer;color:var(--_step-title-color)}.tedi-vertical-stepper-item__title a:hover,.tedi-vertical-stepper-item__title button:hover{color:var(--_step-title-color-hover)}.tedi-vertical-stepper-item__title a:hover:not(.tedi-vertical-stepper-item__toggle),.tedi-vertical-stepper-item__title button:hover:not(.tedi-vertical-stepper-item__toggle){text-decoration:underline}.tedi-vertical-stepper-item__toggle{display:flex;width:100%;align-items:center}.tedi-vertical-stepper-item__toggle:hover>span{text-decoration:underline}.tedi-vertical-stepper-item__toggle-icon{margin-left:auto;transition:transform .3s}.tedi-vertical-stepper-item__toggle-icon--opened{transform:rotateX(180deg)}.tedi-vertical-stepper-item__status-icon{margin-inline:var(--_step-title-spacing)}.tedi-vertical-stepper-item__description{grid-area:description}.tedi-vertical-stepper-item__description:empty{display:none}.tedi-vertical-stepper-item__line:before,.tedi-vertical-stepper-item__line:after{content:\"\";grid-row:1/span 1;grid-column:1/span 1;left:50%;transform:translate(-50%);position:absolute;width:1px;background-color:var(--_step-line-color);top:0;bottom:0;z-index:-1}.tedi-vertical-stepper-item__line:before{grid-row:1/span 1}.tedi-vertical-stepper-item__line:after{grid-row:2/span 1}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):first-child>.tedi-vertical-stepper-item__line:before{top:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child:not(:has(.tedi-vertical-stepper-item--sub-item))>.tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child>.tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item--compact{--_step-indicator-size: var(--stepper-item-vertical-step-size-md, 16px);--_step-padding: var(--stepper-item-vertical-compact-padding-top, 3px);--_step-inner-spacing: var( --stepper-item-vertical-compact-inner-spacing, 6px );--_step-title-spacing: var(--layout-grid-gutters-04, 4px)}.tedi-vertical-stepper-item--compact .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--compact.tedi-vertical-stepper-item--enumerated:not(.tedi-vertical-stepper-item--sub-item)>.tedi-vertical-stepper-item__title :is(a,button):before{content:counter(step-number) \".\";display:inline-block}.tedi-vertical-stepper-item--sub-item{grid-column:1/span 2;grid-template-columns:subgrid;--_step-indicator-size: var(--stepper-item-vertical-step-size-sm, 9px);--_step-padding: var(--stepper-item-vertical-padding-y-sm, 2px)}.tedi-vertical-stepper-item--sub-item .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--completed{--_step-indicator-background: var(--stepper-step-completed-bg, #266b42);--_step-indicator-border: var(--stepper-step-completed-bg, #266b42);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-completed-bg-hover, #1d5032 );--_step-indicator-background-hover: var( --stepper-step-completed-bg-hover, #1d5032 )}.tedi-vertical-stepper-item--error{--_step-indicator-background: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-border: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-danger-bg-hover, #812525 );--_step-indicator-background-hover: var( --stepper-step-danger-bg-hover, #812525 )}.tedi-vertical-stepper-item--selected{--_step-indicator-background: var(--stepper-step-selected-bg, #fff);--_step-indicator-color: var( --stepper-item-vertical-text-selected, #004277 );--_step-indicator-border: var(--stepper-step-selected-border, #004277);--_step-indicator-border-width: 2px;--_step-indicator-border-hover: var( --stepper-step-selected-border-hover, #003662 );--_step-title-color: var(--stepper-item-vertical-text-selected, #004277);--_step-title-weight: var(--body-bold-weight, 700)}.tedi-vertical-stepper-item--selected.tedi-vertical-stepper-item--compact:not(.tedi-vertical-stepper-item--sub-item){--_step-indicator-border-width: 4px}.tedi-vertical-stepper-item--disabled{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-color: var( --stepper-item-vertical-text-disabled, #9293a4 );--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-disabled, #9293a4)}.tedi-vertical-stepper-item--disabled .tedi-vertical-stepper-item__title{pointer-events:none}.tedi-vertical-stepper-item--informative{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--general-text-tertiary, #5d6071)}.tedi-vertical-stepper-item--informative .tedi-vertical-stepper-item__title{pointer-events:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3302
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalStepperItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3303
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: VerticalStepperItemComponent, isStandalone: true, selector: "tedi-vertical-stepper-item", inputs: { completed: { classPropertyName: "completed", publicName: "completed", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, informative: { classPropertyName: "informative", publicName: "informative", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", itemSelect: "itemSelect" }, host: { properties: { "class.tedi-vertical-stepper-item": "true", "class.tedi-vertical-stepper-item--completed": "completed()", "class.tedi-vertical-stepper-item--error": "error()", "class.tedi-vertical-stepper-item--selected": "selected()", "class.tedi-vertical-stepper-item--disabled": "disabled()", "class.tedi-vertical-stepper-item--informative": "informative()", "class.tedi-vertical-stepper-item--sub-item": "subItem()", "class.tedi-vertical-stepper-item--compact": "compact()", "class.tedi-vertical-stepper-item--enumerated": "enumerated()", "attr.role": "'listitem'" } }, queries: [{ propertyName: "subItems", predicate: VerticalStepperItemComponent, isSignal: true }], ngImport: i0, template: "<ng-template #statusIcon>\n @if (subItem() || !compact()) {\n @if (completed()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.completed' | tediTranslate\"\n name=\"check\"\n color=\"success\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n } @else if (error()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.error' | tediTranslate\"\n name=\"error\"\n color=\"danger\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n }\n }\n</ng-template>\n\n<div class=\"tedi-vertical-stepper-item__indicator\">\n @if (!selected() && compact() && !subItem()) {\n @if (completed()) {\n <tedi-icon name=\"check\" color=\"white\" [size]=\"16\" />\n } @else if (error()) {\n <tedi-icon name=\"exclamation\" color=\"white\" [size]=\"16\" />\n }\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__line\"></div>\n<div class=\"tedi-vertical-stepper-item__title\">\n @if (hasSubItems()) {\n <button\n [disabled]=\"disabled()\"\n (click)=\"toggleOpen()\"\n class=\"tedi-vertical-stepper-item__toggle\"\n [attr.aria-expanded]=\"opened()\"\n >\n <span>{{ title() }}</span\n ><ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n class=\"tedi-vertical-stepper-item__toggle-icon\"\n [class.tedi-vertical-stepper-item__toggle-icon--opened]=\"opened()\"\n />\n </button>\n } @else {\n <ng-content select=\"[item-title]\">\n @if (route()) {\n <a\n [routerLink]=\"disabled() ? undefined : route()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n routerLinkActive\n (isActiveChange)=\"routerLinkActiveChange($event)\"\n >{{ title() }}</a\n >\n } @else {\n <button\n [disabled]=\"disabled()\"\n (click)=\"itemSelect.emit()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n >\n {{ title() }}\n </button>\n }\n </ng-content>\n <ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container>\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__description\">\n <ng-content select=\"[item-description]\" />\n</div>\n@if (opened()) {\n <ng-content select=\"tedi-vertical-stepper-item\" />\n}\n", styles: [".tedi-vertical-stepper-item{display:grid;position:relative;--_step-indicator-size: 24px;--_step-indicator-color: var(--general-text-secondary, #4b4e62);--_step-indicator-border: var(--stepper-step-default-border, #9293a4);--_step-indicator-border-hover: var( --stepper-step-default-border-hover, #005aa3 );--_step-indicator-border-width: 1px;--_step-indicator-background: var(--stepper-step-default-bg, #fff);--_step-indicator-background-hover: var(--stepper-step-default-bg, #fff);--_step-padding: var(--stepper-item-vertical-lg-padding-top, 8px);--_step-inner-spacing: var(--stepper-item-vertical-lg-inner-spacing, 8px);--_step-line-color: var(--stepper-item-vertical-line, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-default, #151926);--_step-title-color-hover: var(--stepper-item-vertical-text-hover, #004277);--_step-title-size: var(--body-regular-size, 16px);--_step-title-weight: var(--body-regular-weight, 400);--_step-title-line-height: var(--body-regular-line-height, 24px);--_step-title-spacing: var(--layout-grid-gutters-08, 8px);grid-template-areas:\"indicator title\" \". description\";grid-template-columns:auto 1fr;grid-auto-columns:auto;column-gap:var(--_step-inner-spacing);z-index:0}.tedi-vertical-stepper-item__indicator{grid-area:indicator;display:flex;align-items:center;justify-content:center;height:var(--_step-indicator-size);width:var(--_step-indicator-size);border:var(--_step-indicator-border) solid var(--_step-indicator-border-width);background-color:var(--_step-indicator-background);color:var(--_step-indicator-color);border-radius:9999px;font-size:var(--body-small-bold-size, 14px);font-weight:var(--body-bold-weight, 700);align-self:center;justify-self:center}.tedi-vertical-stepper-item__indicator:before{content:counter(step-number)}.tedi-vertical-stepper-item:has(>.tedi-vertical-stepper-item__title :is(button,a):hover)>.tedi-vertical-stepper-item__indicator{background-color:var(--_step-indicator-background-hover);border-color:var(--_step-indicator-border-hover)}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item){counter-increment:step-number}.tedi-vertical-stepper-item__title{grid-area:title;padding:var(--_step-padding) 0}.tedi-vertical-stepper-item__title a,.tedi-vertical-stepper-item__title button{padding:0;background:none;border:none;text-decoration:none;font-family:var(--family-default, Roboto);font-size:var(--_step-title-size);font-weight:var(--_step-title-weight);line-height:var(--_step-title-line-height);cursor:pointer;color:var(--_step-title-color)}.tedi-vertical-stepper-item__title a:hover,.tedi-vertical-stepper-item__title button:hover{color:var(--_step-title-color-hover)}.tedi-vertical-stepper-item__title a:hover:not(.tedi-vertical-stepper-item__toggle),.tedi-vertical-stepper-item__title button:hover:not(.tedi-vertical-stepper-item__toggle){text-decoration:underline}.tedi-vertical-stepper-item__toggle{display:flex;width:100%;align-items:center}.tedi-vertical-stepper-item__toggle:hover>span{text-decoration:underline}.tedi-vertical-stepper-item__toggle-icon{margin-left:auto;transition:transform .3s}.tedi-vertical-stepper-item__toggle-icon--opened{transform:rotateX(180deg)}.tedi-vertical-stepper-item__status-icon{margin-inline:var(--_step-title-spacing)}.tedi-vertical-stepper-item__description{grid-area:description}.tedi-vertical-stepper-item__description:empty{display:none}.tedi-vertical-stepper-item__line:before,.tedi-vertical-stepper-item__line:after{content:\"\";grid-row:1/span 1;grid-column:1/span 1;left:50%;transform:translate(-50%);position:absolute;width:1px;background-color:var(--_step-line-color);top:0;bottom:0;z-index:-1}.tedi-vertical-stepper-item__line:before{grid-row:1/span 1}.tedi-vertical-stepper-item__line:after{grid-row:2/span 1}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):first-child>.tedi-vertical-stepper-item__line:before{top:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child:not(:has(.tedi-vertical-stepper-item--sub-item))>.tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child>.tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item--compact{--_step-indicator-size: var(--stepper-item-vertical-step-size-md, 16px);--_step-padding: var(--stepper-item-vertical-compact-padding-top, 3px);--_step-inner-spacing: var( --stepper-item-vertical-compact-inner-spacing, 6px );--_step-title-spacing: var(--layout-grid-gutters-04, 4px)}.tedi-vertical-stepper-item--compact .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--compact.tedi-vertical-stepper-item--enumerated:not(.tedi-vertical-stepper-item--sub-item)>.tedi-vertical-stepper-item__title :is(a,button):before{content:counter(step-number) \".\";display:inline-block}.tedi-vertical-stepper-item--sub-item{grid-column:1/span 2;grid-template-columns:subgrid;--_step-indicator-size: var(--stepper-item-vertical-step-size-sm, 9px);--_step-padding: var(--stepper-item-vertical-padding-y-sm, 2px)}.tedi-vertical-stepper-item--sub-item .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--completed{--_step-indicator-background: var(--stepper-step-completed-bg, #266b42);--_step-indicator-border: var(--stepper-step-completed-bg, #266b42);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-completed-bg-hover, #1d5032 );--_step-indicator-background-hover: var( --stepper-step-completed-bg-hover, #1d5032 )}.tedi-vertical-stepper-item--error{--_step-indicator-background: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-border: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-danger-bg-hover, #812525 );--_step-indicator-background-hover: var( --stepper-step-danger-bg-hover, #812525 )}.tedi-vertical-stepper-item--selected{--_step-indicator-background: var(--stepper-step-selected-bg, #fff);--_step-indicator-color: var( --stepper-item-vertical-text-selected, #004277 );--_step-indicator-border: var(--stepper-step-selected-border, #004277);--_step-indicator-border-width: 2px;--_step-indicator-border-hover: var( --stepper-step-selected-border-hover, #003662 );--_step-title-color: var(--stepper-item-vertical-text-selected, #004277);--_step-title-weight: var(--body-bold-weight, 700)}.tedi-vertical-stepper-item--selected.tedi-vertical-stepper-item--compact:not(.tedi-vertical-stepper-item--sub-item){--_step-indicator-border-width: 4px}.tedi-vertical-stepper-item--disabled{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-color: var( --stepper-item-vertical-text-disabled, #9293a4 );--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-disabled, #9293a4)}.tedi-vertical-stepper-item--disabled .tedi-vertical-stepper-item__title{pointer-events:none}.tedi-vertical-stepper-item--informative{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--general-text-tertiary, #5d6071)}.tedi-vertical-stepper-item--informative .tedi-vertical-stepper-item__title{pointer-events:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3301
3304
  }
3302
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VerticalStepperItemComponent, decorators: [{
3305
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalStepperItemComponent, decorators: [{
3303
3306
  type: Component,
3304
3307
  args: [{ selector: "tedi-vertical-stepper-item", imports: [
3305
3308
  IconComponent,
@@ -3319,17 +3322,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3319
3322
  "[class.tedi-vertical-stepper-item--enumerated]": "enumerated()",
3320
3323
  "[attr.role]": "'listitem'",
3321
3324
  }, template: "<ng-template #statusIcon>\n @if (subItem() || !compact()) {\n @if (completed()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.completed' | tediTranslate\"\n name=\"check\"\n color=\"success\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n } @else if (error()) {\n <tedi-icon\n [attr.aria-label]=\"'vertical-stepper.error' | tediTranslate\"\n name=\"error\"\n color=\"danger\"\n [size]=\"16\"\n class=\"tedi-vertical-stepper-item__status-icon\"\n />\n }\n }\n</ng-template>\n\n<div class=\"tedi-vertical-stepper-item__indicator\">\n @if (!selected() && compact() && !subItem()) {\n @if (completed()) {\n <tedi-icon name=\"check\" color=\"white\" [size]=\"16\" />\n } @else if (error()) {\n <tedi-icon name=\"exclamation\" color=\"white\" [size]=\"16\" />\n }\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__line\"></div>\n<div class=\"tedi-vertical-stepper-item__title\">\n @if (hasSubItems()) {\n <button\n [disabled]=\"disabled()\"\n (click)=\"toggleOpen()\"\n class=\"tedi-vertical-stepper-item__toggle\"\n [attr.aria-expanded]=\"opened()\"\n >\n <span>{{ title() }}</span\n ><ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container\n ><tedi-icon\n name=\"keyboard_arrow_down\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n class=\"tedi-vertical-stepper-item__toggle-icon\"\n [class.tedi-vertical-stepper-item__toggle-icon--opened]=\"opened()\"\n />\n </button>\n } @else {\n <ng-content select=\"[item-title]\">\n @if (route()) {\n <a\n [routerLink]=\"disabled() ? undefined : route()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n routerLinkActive\n (isActiveChange)=\"routerLinkActiveChange($event)\"\n >{{ title() }}</a\n >\n } @else {\n <button\n [disabled]=\"disabled()\"\n (click)=\"itemSelect.emit()\"\n [attr.aria-current]=\"selected() ? 'step' : undefined\"\n >\n {{ title() }}\n </button>\n }\n </ng-content>\n <ng-container *ngTemplateOutlet=\"statusIcon\"></ng-container>\n }\n</div>\n<div class=\"tedi-vertical-stepper-item__description\">\n <ng-content select=\"[item-description]\" />\n</div>\n@if (opened()) {\n <ng-content select=\"tedi-vertical-stepper-item\" />\n}\n", styles: [".tedi-vertical-stepper-item{display:grid;position:relative;--_step-indicator-size: 24px;--_step-indicator-color: var(--general-text-secondary, #4b4e62);--_step-indicator-border: var(--stepper-step-default-border, #9293a4);--_step-indicator-border-hover: var( --stepper-step-default-border-hover, #005aa3 );--_step-indicator-border-width: 1px;--_step-indicator-background: var(--stepper-step-default-bg, #fff);--_step-indicator-background-hover: var(--stepper-step-default-bg, #fff);--_step-padding: var(--stepper-item-vertical-lg-padding-top, 8px);--_step-inner-spacing: var(--stepper-item-vertical-lg-inner-spacing, 8px);--_step-line-color: var(--stepper-item-vertical-line, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-default, #151926);--_step-title-color-hover: var(--stepper-item-vertical-text-hover, #004277);--_step-title-size: var(--body-regular-size, 16px);--_step-title-weight: var(--body-regular-weight, 400);--_step-title-line-height: var(--body-regular-line-height, 24px);--_step-title-spacing: var(--layout-grid-gutters-08, 8px);grid-template-areas:\"indicator title\" \". description\";grid-template-columns:auto 1fr;grid-auto-columns:auto;column-gap:var(--_step-inner-spacing);z-index:0}.tedi-vertical-stepper-item__indicator{grid-area:indicator;display:flex;align-items:center;justify-content:center;height:var(--_step-indicator-size);width:var(--_step-indicator-size);border:var(--_step-indicator-border) solid var(--_step-indicator-border-width);background-color:var(--_step-indicator-background);color:var(--_step-indicator-color);border-radius:9999px;font-size:var(--body-small-bold-size, 14px);font-weight:var(--body-bold-weight, 700);align-self:center;justify-self:center}.tedi-vertical-stepper-item__indicator:before{content:counter(step-number)}.tedi-vertical-stepper-item:has(>.tedi-vertical-stepper-item__title :is(button,a):hover)>.tedi-vertical-stepper-item__indicator{background-color:var(--_step-indicator-background-hover);border-color:var(--_step-indicator-border-hover)}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item){counter-increment:step-number}.tedi-vertical-stepper-item__title{grid-area:title;padding:var(--_step-padding) 0}.tedi-vertical-stepper-item__title a,.tedi-vertical-stepper-item__title button{padding:0;background:none;border:none;text-decoration:none;font-family:var(--family-default, Roboto);font-size:var(--_step-title-size);font-weight:var(--_step-title-weight);line-height:var(--_step-title-line-height);cursor:pointer;color:var(--_step-title-color)}.tedi-vertical-stepper-item__title a:hover,.tedi-vertical-stepper-item__title button:hover{color:var(--_step-title-color-hover)}.tedi-vertical-stepper-item__title a:hover:not(.tedi-vertical-stepper-item__toggle),.tedi-vertical-stepper-item__title button:hover:not(.tedi-vertical-stepper-item__toggle){text-decoration:underline}.tedi-vertical-stepper-item__toggle{display:flex;width:100%;align-items:center}.tedi-vertical-stepper-item__toggle:hover>span{text-decoration:underline}.tedi-vertical-stepper-item__toggle-icon{margin-left:auto;transition:transform .3s}.tedi-vertical-stepper-item__toggle-icon--opened{transform:rotateX(180deg)}.tedi-vertical-stepper-item__status-icon{margin-inline:var(--_step-title-spacing)}.tedi-vertical-stepper-item__description{grid-area:description}.tedi-vertical-stepper-item__description:empty{display:none}.tedi-vertical-stepper-item__line:before,.tedi-vertical-stepper-item__line:after{content:\"\";grid-row:1/span 1;grid-column:1/span 1;left:50%;transform:translate(-50%);position:absolute;width:1px;background-color:var(--_step-line-color);top:0;bottom:0;z-index:-1}.tedi-vertical-stepper-item__line:before{grid-row:1/span 1}.tedi-vertical-stepper-item__line:after{grid-row:2/span 1}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):first-child>.tedi-vertical-stepper-item__line:before{top:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child:not(:has(.tedi-vertical-stepper-item--sub-item))>.tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child>.tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:before{bottom:50%}.tedi-vertical-stepper-item:not(.tedi-vertical-stepper-item--sub-item):last-child .tedi-vertical-stepper-item--sub-item:last-child .tedi-vertical-stepper-item__line:after{content:none}.tedi-vertical-stepper-item--compact{--_step-indicator-size: var(--stepper-item-vertical-step-size-md, 16px);--_step-padding: var(--stepper-item-vertical-compact-padding-top, 3px);--_step-inner-spacing: var( --stepper-item-vertical-compact-inner-spacing, 6px );--_step-title-spacing: var(--layout-grid-gutters-04, 4px)}.tedi-vertical-stepper-item--compact .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--compact.tedi-vertical-stepper-item--enumerated:not(.tedi-vertical-stepper-item--sub-item)>.tedi-vertical-stepper-item__title :is(a,button):before{content:counter(step-number) \".\";display:inline-block}.tedi-vertical-stepper-item--sub-item{grid-column:1/span 2;grid-template-columns:subgrid;--_step-indicator-size: var(--stepper-item-vertical-step-size-sm, 9px);--_step-padding: var(--stepper-item-vertical-padding-y-sm, 2px)}.tedi-vertical-stepper-item--sub-item .tedi-vertical-stepper-item__indicator:before{content:none}.tedi-vertical-stepper-item--completed{--_step-indicator-background: var(--stepper-step-completed-bg, #266b42);--_step-indicator-border: var(--stepper-step-completed-bg, #266b42);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-completed-bg-hover, #1d5032 );--_step-indicator-background-hover: var( --stepper-step-completed-bg-hover, #1d5032 )}.tedi-vertical-stepper-item--error{--_step-indicator-background: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-border: var(--stepper-step-danger-bg, #ac3232);--_step-indicator-color: var(--general-text-white, #fff);--_step-indicator-border-hover: var( --stepper-step-danger-bg-hover, #812525 );--_step-indicator-background-hover: var( --stepper-step-danger-bg-hover, #812525 )}.tedi-vertical-stepper-item--selected{--_step-indicator-background: var(--stepper-step-selected-bg, #fff);--_step-indicator-color: var( --stepper-item-vertical-text-selected, #004277 );--_step-indicator-border: var(--stepper-step-selected-border, #004277);--_step-indicator-border-width: 2px;--_step-indicator-border-hover: var( --stepper-step-selected-border-hover, #003662 );--_step-title-color: var(--stepper-item-vertical-text-selected, #004277);--_step-title-weight: var(--body-bold-weight, 700)}.tedi-vertical-stepper-item--selected.tedi-vertical-stepper-item--compact:not(.tedi-vertical-stepper-item--sub-item){--_step-indicator-border-width: 4px}.tedi-vertical-stepper-item--disabled{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-color: var( --stepper-item-vertical-text-disabled, #9293a4 );--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--stepper-item-vertical-text-disabled, #9293a4)}.tedi-vertical-stepper-item--disabled .tedi-vertical-stepper-item__title{pointer-events:none}.tedi-vertical-stepper-item--informative{--_step-indicator-background: var(--stepper-step-disabled-bg, #d2d3d8);--_step-indicator-border: var(--stepper-step-disabled-border, #9293a4);--_step-title-color: var(--general-text-tertiary, #5d6071)}.tedi-vertical-stepper-item--informative .tedi-vertical-stepper-item__title{pointer-events:none}\n"] }]
3322
- }] });
3325
+ }], propDecorators: { completed: [{ type: i0.Input, args: [{ isSignal: true, alias: "completed", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], informative: [{ type: i0.Input, args: [{ isSignal: true, alias: "informative", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }], subItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => VerticalStepperItemComponent), { isSignal: true }] }] } });
3323
3326
 
3324
3327
  class TableStylesComponent {
3325
- size = input("default");
3326
- verticalBorders = input(false, { transform: booleanAttribute });
3327
- striped = input(false, { transform: booleanAttribute });
3328
- clickable = input(false, { transform: booleanAttribute });
3329
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3330
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TableStylesComponent, isStandalone: true, selector: "tedi-table-styles", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, verticalBorders: { classPropertyName: "verticalBorders", publicName: "verticalBorders", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-table-styles": "true", "class.tedi-table-styles--striped": "striped()", "class.tedi-table-styles--vertical-borders": "verticalBorders()", "class.tedi-table-styles--clickable": "clickable()", "class.tedi-table-styles--sm": "size() === 'small'" } }, ngImport: i0, template: "<div class=\"tedi-table-scroll\" cdkScrollable>\n <ng-content />\n</div>\n<ng-content select=\"tedi-pagination, [tedi-table-pagination]\" />\n", styles: [".tedi-table-styles{--_table-bg: var(--table-default);--_table-border: var(--table-border);--_table-contrast-border: var(--table-border-th);--_table-stripe: var(--table-striped);--_table-hover: var(--table-hover);--_table-color: var(--general-text-primary);--_table-header-color: var(--general-text-tertiary);--_table-radius: var(--table-radius);--_table-header-padding-y: var(--table-header-padding-y);--_table-header-padding-x: var(--table-header-padding-x);--_table-data-padding-y: var(--table-data-padding-y);--_table-data-padding-x: var(--table-data-padding-x);display:block;background:var(--_table-bg);border-radius:var(--_table-radius);border:1px solid var(--_table-border);overflow:hidden}.tedi-table-styles table{border-collapse:collapse;border-spacing:0;vertical-align:middle;width:100%;position:relative}.tedi-table-styles th,.tedi-table-styles td{text-align:left;font-family:var(--family-default);font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height)}.tedi-table-styles th{padding:var(--_table-header-padding-y) var(--_table-header-padding-x);border-bottom:1px solid var(--_table-contrast-border);color:var(--_table-header-color)}.tedi-table-styles td{padding:var(--_table-data-padding-y) var(--_table-data-padding-x);border-bottom:1px solid var(--_table-border);color:var(--_table-color)}.tedi-table-styles tr:last-child td{border-bottom:none}.tedi-table-styles .tedi-cell--align-center{text-align:center}.tedi-table-styles .tedi-cell--align-right{text-align:right}.tedi-table-styles .tedi-row--secondary{background-color:var(--_table-stripe)}.tedi-table-styles .tedi-table-scroll{overflow-x:auto}.tedi-table-styles--striped tbody tr:nth-child(2n){background-color:var(--_table-stripe)}.tedi-table-styles--clickable tbody tr:hover{cursor:pointer;background-color:var(--_table-hover)}.tedi-table-styles--vertical-borders :is(th,td):not(:last-child){border-right:1px solid var(--_table-border)}.tedi-table-styles--sm{--_table-header-padding-y: var(--table-header-padding-y-sm) --_table-header-padding-x: var(--table-header-padding-x-sm);--_table-data-padding-y: var(--table-data-padding-y-sm);--_table-data-padding-x: var(--table-data-padding-x-sm)}\n"], dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3328
+ size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
3329
+ verticalBorders = input(false, ...(ngDevMode ? [{ debugName: "verticalBorders", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3330
+ striped = input(false, ...(ngDevMode ? [{ debugName: "striped", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3331
+ clickable = input(false, ...(ngDevMode ? [{ debugName: "clickable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3332
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3333
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.24", type: TableStylesComponent, isStandalone: true, selector: "tedi-table-styles", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, verticalBorders: { classPropertyName: "verticalBorders", publicName: "verticalBorders", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-table-styles": "true", "class.tedi-table-styles--striped": "striped()", "class.tedi-table-styles--vertical-borders": "verticalBorders()", "class.tedi-table-styles--clickable": "clickable()", "class.tedi-table-styles--sm": "size() === 'small'" } }, ngImport: i0, template: "<div class=\"tedi-table-scroll\" cdkScrollable>\n <ng-content />\n</div>\n<ng-content select=\"tedi-pagination, [tedi-table-pagination]\" />\n", styles: [".tedi-table-styles{--_table-bg: var(--table-default);--_table-border: var(--table-border);--_table-contrast-border: var(--table-border-th);--_table-stripe: var(--table-striped);--_table-hover: var(--table-hover);--_table-color: var(--general-text-primary);--_table-header-color: var(--general-text-tertiary);--_table-radius: var(--table-radius);--_table-header-padding-y: var(--table-header-padding-y);--_table-header-padding-x: var(--table-header-padding-x);--_table-data-padding-y: var(--table-data-padding-y);--_table-data-padding-x: var(--table-data-padding-x);display:block;background:var(--_table-bg);border-radius:var(--_table-radius);border:1px solid var(--_table-border);overflow:hidden}.tedi-table-styles table{border-collapse:collapse;border-spacing:0;vertical-align:middle;width:100%;position:relative}.tedi-table-styles th,.tedi-table-styles td{text-align:left;font-family:var(--family-default);font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height)}.tedi-table-styles th{padding:var(--_table-header-padding-y) var(--_table-header-padding-x);border-bottom:1px solid var(--_table-contrast-border);color:var(--_table-header-color)}.tedi-table-styles td{padding:var(--_table-data-padding-y) var(--_table-data-padding-x);border-bottom:1px solid var(--_table-border);color:var(--_table-color)}.tedi-table-styles tr:last-child td{border-bottom:none}.tedi-table-styles .tedi-cell--align-center{text-align:center}.tedi-table-styles .tedi-cell--align-right{text-align:right}.tedi-table-styles .tedi-row--secondary{background-color:var(--_table-stripe)}.tedi-table-styles .tedi-table-scroll{overflow-x:auto}.tedi-table-styles--striped tbody tr:nth-child(2n){background-color:var(--_table-stripe)}.tedi-table-styles--clickable tbody tr:hover{cursor:pointer;background-color:var(--_table-hover)}.tedi-table-styles--vertical-borders :is(th,td):not(:last-child){border-right:1px solid var(--_table-border)}.tedi-table-styles--sm{--_table-header-padding-y: var(--table-header-padding-y-sm) --_table-header-padding-x: var(--table-header-padding-x-sm);--_table-data-padding-y: var(--table-data-padding-y-sm);--_table-data-padding-x: var(--table-data-padding-x-sm)}\n"], dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3331
3334
  }
3332
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableStylesComponent, decorators: [{
3335
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableStylesComponent, decorators: [{
3333
3336
  type: Component,
3334
3337
  args: [{ selector: "tedi-table-styles", imports: [CdkScrollable], host: {
3335
3338
  "[class.tedi-table-styles]": "true",
@@ -3338,31 +3341,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
3338
3341
  "[class.tedi-table-styles--clickable]": "clickable()",
3339
3342
  "[class.tedi-table-styles--sm]": "size() === 'small'",
3340
3343
  }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tedi-table-scroll\" cdkScrollable>\n <ng-content />\n</div>\n<ng-content select=\"tedi-pagination, [tedi-table-pagination]\" />\n", styles: [".tedi-table-styles{--_table-bg: var(--table-default);--_table-border: var(--table-border);--_table-contrast-border: var(--table-border-th);--_table-stripe: var(--table-striped);--_table-hover: var(--table-hover);--_table-color: var(--general-text-primary);--_table-header-color: var(--general-text-tertiary);--_table-radius: var(--table-radius);--_table-header-padding-y: var(--table-header-padding-y);--_table-header-padding-x: var(--table-header-padding-x);--_table-data-padding-y: var(--table-data-padding-y);--_table-data-padding-x: var(--table-data-padding-x);display:block;background:var(--_table-bg);border-radius:var(--_table-radius);border:1px solid var(--_table-border);overflow:hidden}.tedi-table-styles table{border-collapse:collapse;border-spacing:0;vertical-align:middle;width:100%;position:relative}.tedi-table-styles th,.tedi-table-styles td{text-align:left;font-family:var(--family-default);font-weight:var(--body-regular-weight);font-size:var(--body-regular-size);line-height:var(--body-regular-line-height)}.tedi-table-styles th{padding:var(--_table-header-padding-y) var(--_table-header-padding-x);border-bottom:1px solid var(--_table-contrast-border);color:var(--_table-header-color)}.tedi-table-styles td{padding:var(--_table-data-padding-y) var(--_table-data-padding-x);border-bottom:1px solid var(--_table-border);color:var(--_table-color)}.tedi-table-styles tr:last-child td{border-bottom:none}.tedi-table-styles .tedi-cell--align-center{text-align:center}.tedi-table-styles .tedi-cell--align-right{text-align:right}.tedi-table-styles .tedi-row--secondary{background-color:var(--_table-stripe)}.tedi-table-styles .tedi-table-scroll{overflow-x:auto}.tedi-table-styles--striped tbody tr:nth-child(2n){background-color:var(--_table-stripe)}.tedi-table-styles--clickable tbody tr:hover{cursor:pointer;background-color:var(--_table-hover)}.tedi-table-styles--vertical-borders :is(th,td):not(:last-child){border-right:1px solid var(--_table-border)}.tedi-table-styles--sm{--_table-header-padding-y: var(--table-header-padding-y-sm) --_table-header-padding-x: var(--table-header-padding-x-sm);--_table-data-padding-y: var(--table-data-padding-y-sm);--_table-data-padding-x: var(--table-data-padding-x-sm)}\n"] }]
3341
- }] });
3344
+ }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], verticalBorders: [{ type: i0.Input, args: [{ isSignal: true, alias: "verticalBorders", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }] } });
3342
3345
 
3343
3346
  class ProgressBarComponent {
3344
- progressId = input();
3345
- value = input(0);
3346
- direction = input("horizontal");
3347
- small = input(false, { transform: booleanAttribute });
3348
- feedbackText = input();
3347
+ progressId = input(...(ngDevMode ? [undefined, { debugName: "progressId" }] : []));
3348
+ value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : []));
3349
+ direction = input("horizontal", ...(ngDevMode ? [{ debugName: "direction" }] : []));
3350
+ small = input(false, ...(ngDevMode ? [{ debugName: "small", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
3351
+ feedbackText = input(...(ngDevMode ? [undefined, { debugName: "feedbackText" }] : []));
3349
3352
  feedbackTextId = computed(() => {
3350
3353
  if (this.feedbackText()) {
3351
3354
  return generateUUID();
3352
3355
  }
3353
3356
  return;
3354
- });
3355
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3356
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ProgressBarComponent, isStandalone: true, selector: "tedi-progress-bar", inputs: { progressId: { classPropertyName: "progressId", publicName: "progressId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-progress": "true", "class.tedi-progress--small": "small()", "class.tedi-progress--horizontal": "direction() === 'horizontal'" } }, ngImport: i0, template: "<progress\n class=\"tedi-progress__bar\"\n [id]=\"progressId()\"\n [max]=\"100\"\n [value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n></progress>\n\n<span tedi-label size=\"small\" class=\"tedi-progress__indicator\"\n >{{ value() }}%</span\n>\n\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [attr.id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-progress{--_bar-height: var(--progress-bar-height, 8px);--_bar-radius: var(--progress-bar-radius, 4px);--_bar-background: var(--progress-bar-background-passive, #f9f9f9);--_bar-border: var(--progress-bar-border-default, #838494);--_progress-background: var(--progress-bar-background-active, #005aa3);display:grid;grid-template-areas:\"bar bar\" \". indicator\";grid-template-rows:24px;grid-template-columns:1fr auto;column-gap:var(--layout-grid-gutters-08, 8px)}.tedi-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-area:bar;height:var(--_bar-height);border-radius:var(--_bar-radius);border:1px solid var(--_bar-border);width:100%;align-self:center}.tedi-progress__bar::-webkit-progress-bar{background:var(--_bar-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-webkit-progress-value{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-moz-progress-bar{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__indicator{grid-area:indicator}.tedi-progress--small{--_bar-height: var(--progress-bar-height-sm, 4px)}@media (min-width: 36rem){.tedi-progress--horizontal{grid-template-areas:\"bar indicator\"}}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3357
+ }, ...(ngDevMode ? [{ debugName: "feedbackTextId" }] : []));
3358
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3359
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: ProgressBarComponent, isStandalone: true, selector: "tedi-progress-bar", inputs: { progressId: { classPropertyName: "progressId", publicName: "progressId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, feedbackText: { classPropertyName: "feedbackText", publicName: "feedbackText", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-progress": "true", "class.tedi-progress--small": "small()", "class.tedi-progress--horizontal": "direction() === 'horizontal'" } }, ngImport: i0, template: "<progress\n class=\"tedi-progress__bar\"\n [id]=\"progressId()\"\n [max]=\"100\"\n [value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n></progress>\n\n<span tedi-label size=\"small\" class=\"tedi-progress__indicator\"\n >{{ value() }}%</span\n>\n\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [attr.id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-progress{--_bar-height: var(--progress-bar-height, 8px);--_bar-radius: var(--progress-bar-radius, 4px);--_bar-background: var(--progress-bar-background-passive, #f9f9f9);--_bar-border: var(--progress-bar-border-default, #838494);--_progress-background: var(--progress-bar-background-active, #005aa3);display:grid;grid-template-areas:\"bar bar\" \". indicator\";grid-template-rows:24px;grid-template-columns:1fr auto;column-gap:var(--layout-grid-gutters-08, 8px)}.tedi-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-area:bar;height:var(--_bar-height);border-radius:var(--_bar-radius);border:1px solid var(--_bar-border);width:100%;align-self:center}.tedi-progress__bar::-webkit-progress-bar{background:var(--_bar-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-webkit-progress-value{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-moz-progress-bar{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__indicator{grid-area:indicator}.tedi-progress--small{--_bar-height: var(--progress-bar-height-sm, 4px)}@media(min-width:36rem){.tedi-progress--horizontal{grid-template-areas:\"bar indicator\"}}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: LabelComponent, selector: "[tedi-label]", inputs: ["size", "required", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3357
3360
  }
3358
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ProgressBarComponent, decorators: [{
3361
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ProgressBarComponent, decorators: [{
3359
3362
  type: Component,
3360
3363
  args: [{ selector: "tedi-progress-bar", imports: [FeedbackTextComponent, LabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
3361
3364
  "[class.tedi-progress]": "true",
3362
3365
  "[class.tedi-progress--small]": "small()",
3363
3366
  "[class.tedi-progress--horizontal]": "direction() === 'horizontal'",
3364
- }, template: "<progress\n class=\"tedi-progress__bar\"\n [id]=\"progressId()\"\n [max]=\"100\"\n [value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n></progress>\n\n<span tedi-label size=\"small\" class=\"tedi-progress__indicator\"\n >{{ value() }}%</span\n>\n\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [attr.id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-progress{--_bar-height: var(--progress-bar-height, 8px);--_bar-radius: var(--progress-bar-radius, 4px);--_bar-background: var(--progress-bar-background-passive, #f9f9f9);--_bar-border: var(--progress-bar-border-default, #838494);--_progress-background: var(--progress-bar-background-active, #005aa3);display:grid;grid-template-areas:\"bar bar\" \". indicator\";grid-template-rows:24px;grid-template-columns:1fr auto;column-gap:var(--layout-grid-gutters-08, 8px)}.tedi-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-area:bar;height:var(--_bar-height);border-radius:var(--_bar-radius);border:1px solid var(--_bar-border);width:100%;align-self:center}.tedi-progress__bar::-webkit-progress-bar{background:var(--_bar-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-webkit-progress-value{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-moz-progress-bar{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__indicator{grid-area:indicator}.tedi-progress--small{--_bar-height: var(--progress-bar-height-sm, 4px)}@media (min-width: 36rem){.tedi-progress--horizontal{grid-template-areas:\"bar indicator\"}}\n"] }]
3365
- }] });
3367
+ }, template: "<progress\n class=\"tedi-progress__bar\"\n [id]=\"progressId()\"\n [max]=\"100\"\n [value]=\"value()\"\n [attr.aria-describedby]=\"feedbackTextId()\"\n></progress>\n\n<span tedi-label size=\"small\" class=\"tedi-progress__indicator\"\n >{{ value() }}%</span\n>\n\n@if (feedbackText(); as feedback) {\n <tedi-feedback-text\n [attr.id]=\"feedbackTextId()\"\n [text]=\"feedback.text\"\n [type]=\"feedback.type\"\n [position]=\"feedback.position\"\n />\n}\n", styles: [".tedi-progress{--_bar-height: var(--progress-bar-height, 8px);--_bar-radius: var(--progress-bar-radius, 4px);--_bar-background: var(--progress-bar-background-passive, #f9f9f9);--_bar-border: var(--progress-bar-border-default, #838494);--_progress-background: var(--progress-bar-background-active, #005aa3);display:grid;grid-template-areas:\"bar bar\" \". indicator\";grid-template-rows:24px;grid-template-columns:1fr auto;column-gap:var(--layout-grid-gutters-08, 8px)}.tedi-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-area:bar;height:var(--_bar-height);border-radius:var(--_bar-radius);border:1px solid var(--_bar-border);width:100%;align-self:center}.tedi-progress__bar::-webkit-progress-bar{background:var(--_bar-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-webkit-progress-value{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__bar::-moz-progress-bar{background:var(--_progress-background);border-radius:var(--_bar-radius)}.tedi-progress__indicator{grid-area:indicator}.tedi-progress--small{--_bar-height: var(--progress-bar-height-sm, 4px)}@media(min-width:36rem){.tedi-progress--horizontal{grid-template-areas:\"bar indicator\"}}\n"] }]
3368
+ }], propDecorators: { progressId: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressId", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], small: [{ type: i0.Input, args: [{ isSignal: true, alias: "small", required: false }] }], feedbackText: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedbackText", required: false }] }] } });
3366
3369
 
3367
3370
  /**
3368
3371
  * Generated bundle index. Do not edit.