@koobiq/components 21.0.0 → 21.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (378) hide show
  1. package/badge/_badge-theme.scss +31 -0
  2. package/breadcrumbs/breadcrumbs.scss +5 -1
  3. package/checkbox/_checkbox-theme.scss +0 -17
  4. package/checkbox/checkbox-tokens.scss +0 -4
  5. package/code-block/_code-block-theme.scss +7 -6
  6. package/code-block/code-block-tokens.scss +8 -4
  7. package/code-block/code-block.scss +54 -32
  8. package/content-panel/content-panel-header.scss +2 -3
  9. package/content-panel/content-panel.scss +3 -0
  10. package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +0 -2
  11. package/fesm2022/koobiq-components-accordion.mjs +4 -4
  12. package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
  13. package/fesm2022/koobiq-components-actions-panel.mjs +10 -2
  14. package/fesm2022/koobiq-components-actions-panel.mjs.map +1 -1
  15. package/fesm2022/koobiq-components-app-switcher.mjs +1 -1
  16. package/fesm2022/koobiq-components-app-switcher.mjs.map +1 -1
  17. package/fesm2022/koobiq-components-badge.mjs +2 -2
  18. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  19. package/fesm2022/koobiq-components-breadcrumbs.mjs +2 -2
  20. package/fesm2022/koobiq-components-breadcrumbs.mjs.map +1 -1
  21. package/fesm2022/koobiq-components-button-toggle.mjs +1 -1
  22. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  23. package/fesm2022/koobiq-components-checkbox.mjs +18 -8
  24. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  25. package/fesm2022/koobiq-components-clamped-text.mjs +78 -10
  26. package/fesm2022/koobiq-components-clamped-text.mjs.map +1 -1
  27. package/fesm2022/koobiq-components-code-block.mjs +106 -394
  28. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  29. package/fesm2022/koobiq-components-content-panel.mjs +4 -4
  30. package/fesm2022/koobiq-components-content-panel.mjs.map +1 -1
  31. package/fesm2022/koobiq-components-core.mjs +300 -37
  32. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  33. package/fesm2022/koobiq-components-datepicker.mjs +151 -60
  34. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  35. package/fesm2022/koobiq-components-divider.mjs +3 -3
  36. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  37. package/fesm2022/koobiq-components-dropdown.mjs +3 -3
  38. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  39. package/fesm2022/koobiq-components-file-upload.mjs +17 -8
  40. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  41. package/fesm2022/koobiq-components-filter-bar.mjs +124 -41
  42. package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
  43. package/fesm2022/koobiq-components-flag.mjs +3 -3
  44. package/fesm2022/koobiq-components-flag.mjs.map +1 -1
  45. package/fesm2022/koobiq-components-form-field.mjs +90 -27
  46. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  47. package/fesm2022/koobiq-components-icon.mjs +38 -17
  48. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  49. package/fesm2022/koobiq-components-inline-edit.mjs +19 -2
  50. package/fesm2022/koobiq-components-inline-edit.mjs.map +1 -1
  51. package/fesm2022/koobiq-components-input.mjs +76 -17
  52. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  53. package/fesm2022/koobiq-components-list.mjs +1 -1
  54. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  55. package/fesm2022/koobiq-components-modal.mjs +3 -3
  56. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  57. package/fesm2022/koobiq-components-navbar.mjs +86 -25
  58. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  59. package/fesm2022/koobiq-components-notification-center.mjs +4 -4
  60. package/fesm2022/koobiq-components-notification-center.mjs.map +1 -1
  61. package/fesm2022/koobiq-components-overflow-items.mjs +116 -38
  62. package/fesm2022/koobiq-components-overflow-items.mjs.map +1 -1
  63. package/fesm2022/koobiq-components-popover.mjs +86 -7
  64. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  65. package/fesm2022/koobiq-components-radio.mjs +41 -19
  66. package/fesm2022/koobiq-components-radio.mjs.map +1 -1
  67. package/fesm2022/koobiq-components-search-expandable.mjs +29 -17
  68. package/fesm2022/koobiq-components-search-expandable.mjs.map +1 -1
  69. package/fesm2022/koobiq-components-select.mjs +49 -12
  70. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  71. package/fesm2022/koobiq-components-sidepanel.mjs +198 -186
  72. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  73. package/fesm2022/koobiq-components-splitter.mjs +49 -25
  74. package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
  75. package/fesm2022/koobiq-components-tabs.mjs +30 -11
  76. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  77. package/fesm2022/koobiq-components-tags.mjs +1 -1
  78. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  79. package/fesm2022/koobiq-components-textarea.mjs +28 -11
  80. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  81. package/fesm2022/koobiq-components-time-range.mjs +2 -2
  82. package/fesm2022/koobiq-components-time-range.mjs.map +1 -1
  83. package/fesm2022/koobiq-components-timepicker.mjs +71 -16
  84. package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
  85. package/fesm2022/koobiq-components-timezone.mjs +2 -2
  86. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  87. package/fesm2022/koobiq-components-toast.mjs +2 -2
  88. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  89. package/fesm2022/koobiq-components-toggle.mjs +25 -9
  90. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  91. package/fesm2022/koobiq-components-tooltip.mjs +90 -17
  92. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  93. package/fesm2022/koobiq-components-top-bar.mjs +27 -7
  94. package/fesm2022/koobiq-components-top-bar.mjs.map +1 -1
  95. package/fesm2022/koobiq-components-tree-select.mjs +24 -9
  96. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  97. package/fesm2022/koobiq-components-tree.mjs +288 -109
  98. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  99. package/file-upload/_file-upload-theme.scss +0 -12
  100. package/file-upload/file-upload-tokens.scss +0 -1
  101. package/file-upload/file-upload.scss +0 -1
  102. package/filter-bar/_filter-bar-theme.scss +7 -8
  103. package/filter-bar/filter-bar.scss +0 -1
  104. package/filter-bar/pipes/base-pipe.scss +36 -2
  105. package/filter-bar/pipes/pipe-multi-tree-select.scss +27 -0
  106. package/form-field/_fieldset-theme.scss +2 -7
  107. package/form-field/_form-field-theme.scss +9 -22
  108. package/form-field/_hint-theme.scss +20 -0
  109. package/form-field/fieldset-tokens.scss +0 -1
  110. package/form-field/fieldset.scss +0 -3
  111. package/form-field/form-field-tokens.scss +1 -1
  112. package/form-field/form-field.scss +9 -0
  113. package/form-field/hint-tokens.scss +3 -0
  114. package/modal/modal.scss +2 -0
  115. package/navbar/_navbar-item_vertical.scss +48 -2
  116. package/navbar/_navbar-theme.scss +11 -3
  117. package/navbar/navbar-item.scss +17 -0
  118. package/navbar/navbar-tokens.scss +3 -0
  119. package/package.json +4 -4
  120. package/popover/popover.scss +1 -1
  121. package/radio/_radio-theme.scss +0 -30
  122. package/radio/radio-tokens.scss +0 -2
  123. package/schematics/collection.json +94 -89
  124. package/schematics/migrations/accordion-state-saving-default/{index.js → index.cjs} +5 -4
  125. package/schematics/migrations/actions-panel-overlay-container/{index.js → index.cjs} +5 -4
  126. package/schematics/migrations/alert-signals/{index.js → index.cjs} +14 -13
  127. package/schematics/migrations/angular-animations-removal/index.cjs +21 -0
  128. package/schematics/migrations/app-switcher-signals/{index.js → index.cjs} +7 -6
  129. package/schematics/migrations/autocomplete-panel-width-auto/{index.js → index.cjs} +6 -5
  130. package/schematics/migrations/autocomplete-signals/{index.js → index.cjs} +7 -6
  131. package/schematics/migrations/badge-signals/{index.js → index.cjs} +7 -6
  132. package/schematics/migrations/button-state-and-styles/{index.js → index.cjs} +7 -6
  133. package/schematics/migrations/button-supported-colors/{index.js → index.cjs} +7 -6
  134. package/schematics/migrations/button-toggle-signals-and-aria/{index.js → index.cjs} +7 -6
  135. package/schematics/migrations/button-truncation/{index.js → index.cjs} +7 -6
  136. package/schematics/migrations/checkbox-signals/{index.js → index.cjs} +9 -8
  137. package/schematics/migrations/clamped-text-disclosure/{index.js → index.cjs} +5 -4
  138. package/schematics/migrations/code-block-highlight-js-core/README.md +53 -0
  139. package/schematics/migrations/code-block-highlight-js-core/data.cjs +64 -0
  140. package/schematics/migrations/code-block-highlight-js-core/index.cjs +319 -0
  141. package/schematics/migrations/code-block-highlight-js-core/schema.json +20 -0
  142. package/schematics/migrations/code-block-signals/{index.js → index.cjs} +7 -6
  143. package/schematics/migrations/color-signals/index.cjs +20 -0
  144. package/schematics/migrations/core-mixins-removal/index.cjs +18 -0
  145. package/schematics/migrations/css-selectors/{index.js → index.cjs} +4 -3
  146. package/schematics/migrations/datepicker-signals/index.cjs +18 -0
  147. package/schematics/migrations/deprecated-icons/README.md +21 -5
  148. package/schematics/migrations/deprecated-icons/{index.js → index.cjs} +15 -28
  149. package/schematics/migrations/deprecated-icons/schema.json +1 -1
  150. package/schematics/migrations/design-tokens-v4/{index.js → index.cjs} +3 -2
  151. package/schematics/migrations/divider-signals-and-aria/{index.js → index.cjs} +5 -4
  152. package/schematics/migrations/dl-attribute-coercion/{index.js → index.cjs} +7 -6
  153. package/schematics/migrations/dl-standalone-names/{index.js → index.cjs} +11 -10
  154. package/schematics/migrations/dropdown-demote-overlay/{index.js → index.cjs} +7 -6
  155. package/schematics/migrations/dropdown-signals/index.cjs +20 -0
  156. package/schematics/migrations/empty-state-error-color/{index.js → index.cjs} +5 -4
  157. package/schematics/migrations/empty-state-size-attr/{index.js → index.cjs} +6 -5
  158. package/schematics/migrations/file-upload-cva-and-primitives/{index.js → index.cjs} +5 -4
  159. package/schematics/migrations/file-upload-deprecated-outputs/{index.js → index.cjs} +5 -4
  160. package/schematics/migrations/filter-bar-rename-action/{index.js → index.cjs} +5 -4
  161. package/schematics/migrations/filter-bar-signals/{index.js → index.cjs} +16 -15
  162. package/schematics/migrations/filter-bar-state-saving-default/{index.js → index.cjs} +5 -4
  163. package/schematics/migrations/flag-inner-html/{index.js → index.cjs} +5 -4
  164. package/schematics/migrations/form-field-signals/{index.js → index.cjs} +18 -17
  165. package/schematics/migrations/icon-semantics-and-api/{data.js → data.cjs} +4 -4
  166. package/schematics/migrations/icon-semantics-and-api/{index.js → index.cjs} +6 -5
  167. package/schematics/migrations/icons-replacement/README.md +16 -2
  168. package/schematics/migrations/icons-replacement/{index.js → index.cjs} +21 -18
  169. package/schematics/migrations/icons-replacement/schema.json +12 -3
  170. package/schematics/migrations/inline-edit-a11y-and-types/{index.js → index.cjs} +5 -4
  171. package/schematics/migrations/input-number-surface/{index.js → index.cjs} +5 -4
  172. package/schematics/migrations/input-signals/index.cjs +18 -0
  173. package/schematics/migrations/link-deprecated-path/{index.js → index.cjs} +4 -3
  174. package/schematics/migrations/link-signals/{index.js → index.cjs} +5 -4
  175. package/schematics/migrations/list-signals/index.cjs +18 -0
  176. package/schematics/migrations/list-tree-multiple-input/{index.js → index.cjs} +7 -6
  177. package/schematics/migrations/loader-overlay-signals/{index.js → index.cjs} +7 -6
  178. package/schematics/migrations/loader-overlay-size-attr/{index.js → index.cjs} +6 -5
  179. package/schematics/migrations/locale-configuration-providers/{index.js → index.cjs} +5 -4
  180. package/schematics/migrations/mandatory-peer-dependencies/{index.js → index.cjs} +3 -2
  181. package/schematics/migrations/markdown-signals/{index.js → index.cjs} +7 -6
  182. package/schematics/migrations/modal-dialog-semantics/{index.js → index.cjs} +5 -4
  183. package/schematics/migrations/modal-signals/index.cjs +20 -0
  184. package/schematics/migrations/navbar-signals-and-aria/{index.js → index.cjs} +7 -6
  185. package/schematics/migrations/new-icons-pack/README.md +37 -25
  186. package/schematics/migrations/new-icons-pack/{index.js → index.cjs} +29 -38
  187. package/schematics/migrations/new-icons-pack/replacement.json +2 -14
  188. package/schematics/migrations/new-icons-pack/schema.json +3 -3
  189. package/schematics/migrations/notification-center-signals/{index.js → index.cjs} +5 -4
  190. package/schematics/migrations/option-signals/index.cjs +20 -0
  191. package/schematics/migrations/popover-leave-delay/{index.js → index.cjs} +5 -4
  192. package/schematics/migrations/progress-bar-percentage-and-aria/{index.js → index.cjs} +5 -4
  193. package/schematics/migrations/progress-spinner-signals/{index.js → index.cjs} +7 -6
  194. package/schematics/migrations/query-list-signals/index.cjs +18 -0
  195. package/schematics/migrations/radio-signals-and-aria/{index.js → index.cjs} +9 -8
  196. package/schematics/migrations/read-state-dwell-handlers/{index.js → index.cjs} +5 -4
  197. package/schematics/migrations/scrollbar-deprecated-path/{index.js → index.cjs} +4 -3
  198. package/schematics/migrations/select-signal-inputs/{index.js → index.cjs} +5 -4
  199. package/schematics/migrations/sidepanel-non-modal-behavior/{index.js → index.cjs} +5 -4
  200. package/schematics/migrations/signal-inputs-subclasses/index.cjs +18 -0
  201. package/schematics/migrations/split-button-optional-disabled/{index.js → index.cjs} +5 -4
  202. package/schematics/migrations/splitter-deprecated-path/{index.js → index.cjs} +4 -3
  203. package/schematics/migrations/state-saving-default/{index.js → index.cjs} +5 -4
  204. package/schematics/migrations/table-cell-content/{index.js → index.cjs} +5 -4
  205. package/schematics/migrations/tabs-signals-and-aria/{index.js → index.cjs} +5 -4
  206. package/schematics/migrations/tag-list-cleaner/{index.js → index.cjs} +7 -6
  207. package/schematics/migrations/tag-slots/{index.js → index.cjs} +6 -5
  208. package/schematics/migrations/tags-signals/{index.js → index.cjs} +7 -6
  209. package/schematics/migrations/textarea-signals/{index.js → index.cjs} +7 -6
  210. package/schematics/migrations/time-range-title-for/{index.js → index.cjs} +5 -4
  211. package/schematics/migrations/timepicker-signals/{index.js → index.cjs} +7 -6
  212. package/schematics/migrations/timezone-grouping-utils/{index.js → index.cjs} +5 -4
  213. package/schematics/migrations/title-encapsulation/{index.js → index.cjs} +5 -4
  214. package/schematics/migrations/toast-stack-and-defaults/{index.js → index.cjs} +5 -4
  215. package/schematics/migrations/tooltip-pointer-events-and-types/{index.js → index.cjs} +5 -4
  216. package/schematics/migrations/top-bar-container-selectors/{index.js → index.cjs} +5 -4
  217. package/schematics/migrations/tree-select-signals/{index.js → index.cjs} +5 -4
  218. package/schematics/migrations/tree-signals/{index.js → index.cjs} +5 -4
  219. package/schematics/migrations/tree-state-saving-default/{index.js → index.cjs} +5 -4
  220. package/schematics/migrations/username-pipe-injection/{index.js → index.cjs} +5 -4
  221. package/schematics/migrations/v20-upgrade/{data.js → data.cjs} +7 -7
  222. package/schematics/migrations/v20-upgrade/index.cjs +19 -0
  223. package/schematics/migrations/v21-upgrade/{data.js → data.cjs} +22 -22
  224. package/schematics/migrations/v21-upgrade/{index.js → index.cjs} +11 -10
  225. package/schematics/migrations/zoneless-change-detection/index.cjs +21 -0
  226. package/schematics/migrations.json +87 -82
  227. package/schematics/ng-add/{index.js → index.cjs} +15 -289
  228. package/schematics/utils/{angular-parsing.js → angular-parsing.cjs} +2 -2
  229. package/schematics/utils/custom-data.cjs +64 -0
  230. package/schematics/utils/{deprecated-path-migration.js → deprecated-path-migration.cjs} +4 -3
  231. package/schematics/utils/html-config.cjs +148 -0
  232. package/schematics/utils/{icon-migration.js → icon-migration.cjs} +11 -5
  233. package/schematics/utils/list-item-pattern.cjs +16 -0
  234. package/schematics/utils/{messages.js → messages.cjs} +4 -0
  235. package/schematics/utils/package-config.cjs +99 -0
  236. package/schematics/utils/project-files.cjs +25 -0
  237. package/schematics/utils/replacement-driver.cjs +337 -0
  238. package/schematics/utils/safe-rule.cjs +23 -0
  239. package/schematics/utils/signal-members-migration.cjs +779 -0
  240. package/schematics/utils/tag-patterns.cjs +21 -0
  241. package/schematics/utils/template-ref-access.cjs +155 -0
  242. package/schematics/utils/{typescript.js → typescript.cjs} +1 -1
  243. package/schematics/utils/warn-only-migration.cjs +52 -0
  244. package/schematics/utils/workspace-styles.cjs +123 -0
  245. package/select/select.scss +7 -0
  246. package/tabs/_tabs-common.scss +23 -0
  247. package/textarea/textarea-tokens.scss +4 -1
  248. package/toast/toast.component.scss +1 -0
  249. package/toggle/_toggle-theme.scss +0 -17
  250. package/tooltip/tooltip.scss +1 -1
  251. package/top-bar/top-bar-tokens.scss +1 -0
  252. package/top-bar/top-bar.scss +10 -0
  253. package/types/koobiq-components-accordion.d.ts +25 -0
  254. package/types/koobiq-components-button-toggle.d.ts +6 -0
  255. package/types/koobiq-components-checkbox.d.ts +30 -0
  256. package/types/koobiq-components-clamped-text.d.ts +16 -3
  257. package/types/koobiq-components-code-block.d.ts +55 -14
  258. package/types/koobiq-components-core.d.ts +226 -13
  259. package/types/koobiq-components-datepicker.d.ts +28 -1
  260. package/types/koobiq-components-divider.d.ts +28 -10
  261. package/types/koobiq-components-dropdown.d.ts +19 -0
  262. package/types/koobiq-components-filter-bar.d.ts +79 -6
  263. package/types/koobiq-components-flag.d.ts +18 -0
  264. package/types/koobiq-components-form-field.d.ts +87 -6
  265. package/types/koobiq-components-icon.d.ts +15 -0
  266. package/types/koobiq-components-inline-edit.d.ts +8 -1
  267. package/types/koobiq-components-input.d.ts +22 -3
  268. package/types/koobiq-components-list.d.ts +6 -0
  269. package/types/koobiq-components-modal.d.ts +7 -0
  270. package/types/koobiq-components-navbar.d.ts +71 -7
  271. package/types/koobiq-components-notification-center.d.ts +13 -0
  272. package/types/koobiq-components-overflow-items.d.ts +26 -2
  273. package/types/koobiq-components-popover.d.ts +38 -3
  274. package/types/koobiq-components-radio.d.ts +30 -0
  275. package/types/koobiq-components-search-expandable.d.ts +10 -0
  276. package/types/koobiq-components-select.d.ts +36 -4
  277. package/types/koobiq-components-sidepanel.d.ts +52 -1
  278. package/types/koobiq-components-splitter.d.ts +13 -4
  279. package/types/koobiq-components-tabs.d.ts +4 -0
  280. package/types/koobiq-components-tags.d.ts +6 -0
  281. package/types/koobiq-components-textarea.d.ts +9 -2
  282. package/types/koobiq-components-timepicker.d.ts +15 -0
  283. package/types/koobiq-components-toggle.d.ts +30 -0
  284. package/types/koobiq-components-tooltip.d.ts +55 -10
  285. package/types/koobiq-components-top-bar.d.ts +11 -3
  286. package/types/koobiq-components-tree-select.d.ts +23 -8
  287. package/types/koobiq-components-tree.d.ts +144 -60
  288. package/schematics/migrations/angular-animations-removal/index.js +0 -20
  289. package/schematics/migrations/color-signals/index.js +0 -19
  290. package/schematics/migrations/core-mixins-removal/index.js +0 -17
  291. package/schematics/migrations/datepicker-signals/index.js +0 -17
  292. package/schematics/migrations/dropdown-signals/index.js +0 -19
  293. package/schematics/migrations/input-signals/index.js +0 -17
  294. package/schematics/migrations/list-signals/index.js +0 -17
  295. package/schematics/migrations/modal-signals/index.js +0 -19
  296. package/schematics/migrations/option-signals/index.js +0 -19
  297. package/schematics/migrations/query-list-signals/index.js +0 -17
  298. package/schematics/migrations/signal-inputs-subclasses/index.js +0 -17
  299. package/schematics/migrations/v20-upgrade/index.js +0 -18
  300. package/schematics/migrations/zoneless-change-detection/index.js +0 -20
  301. package/schematics/utils/package-config.js +0 -13
  302. /package/schematics/migrations/accordion-state-saving-default/{data.js → data.cjs} +0 -0
  303. /package/schematics/migrations/actions-panel-overlay-container/{data.js → data.cjs} +0 -0
  304. /package/schematics/migrations/alert-signals/{data.js → data.cjs} +0 -0
  305. /package/schematics/migrations/angular-animations-removal/{data.js → data.cjs} +0 -0
  306. /package/schematics/migrations/app-switcher-signals/{data.js → data.cjs} +0 -0
  307. /package/schematics/migrations/autocomplete-signals/{data.js → data.cjs} +0 -0
  308. /package/schematics/migrations/badge-signals/{data.js → data.cjs} +0 -0
  309. /package/schematics/migrations/button-state-and-styles/{data.js → data.cjs} +0 -0
  310. /package/schematics/migrations/button-supported-colors/{data.js → data.cjs} +0 -0
  311. /package/schematics/migrations/button-toggle-signals-and-aria/{data.js → data.cjs} +0 -0
  312. /package/schematics/migrations/button-truncation/{data.js → data.cjs} +0 -0
  313. /package/schematics/migrations/checkbox-signals/{data.js → data.cjs} +0 -0
  314. /package/schematics/migrations/clamped-text-disclosure/{data.js → data.cjs} +0 -0
  315. /package/schematics/migrations/code-block-signals/{data.js → data.cjs} +0 -0
  316. /package/schematics/migrations/color-signals/{data.js → data.cjs} +0 -0
  317. /package/schematics/migrations/core-mixins-removal/{data.js → data.cjs} +0 -0
  318. /package/schematics/migrations/css-selectors/{data.js → data.cjs} +0 -0
  319. /package/schematics/migrations/datepicker-signals/{data.js → data.cjs} +0 -0
  320. /package/schematics/migrations/deprecated-icons/{data.js → data.cjs} +0 -0
  321. /package/schematics/migrations/divider-signals-and-aria/{data.js → data.cjs} +0 -0
  322. /package/schematics/migrations/dl-attribute-coercion/{data.js → data.cjs} +0 -0
  323. /package/schematics/migrations/dl-standalone-names/{data.js → data.cjs} +0 -0
  324. /package/schematics/migrations/dropdown-demote-overlay/{data.js → data.cjs} +0 -0
  325. /package/schematics/migrations/dropdown-signals/{data.js → data.cjs} +0 -0
  326. /package/schematics/migrations/empty-state-error-color/{data.js → data.cjs} +0 -0
  327. /package/schematics/migrations/file-upload-cva-and-primitives/{data.js → data.cjs} +0 -0
  328. /package/schematics/migrations/file-upload-deprecated-outputs/{data.js → data.cjs} +0 -0
  329. /package/schematics/migrations/filter-bar-rename-action/{data.js → data.cjs} +0 -0
  330. /package/schematics/migrations/filter-bar-signals/{data.js → data.cjs} +0 -0
  331. /package/schematics/migrations/filter-bar-state-saving-default/{data.js → data.cjs} +0 -0
  332. /package/schematics/migrations/flag-inner-html/{data.js → data.cjs} +0 -0
  333. /package/schematics/migrations/form-field-signals/{data.js → data.cjs} +0 -0
  334. /package/schematics/migrations/icons-replacement/{data.js → data.cjs} +0 -0
  335. /package/schematics/migrations/inline-edit-a11y-and-types/{data.js → data.cjs} +0 -0
  336. /package/schematics/migrations/input-number-surface/{data.js → data.cjs} +0 -0
  337. /package/schematics/migrations/input-signals/{data.js → data.cjs} +0 -0
  338. /package/schematics/migrations/link-signals/{data.js → data.cjs} +0 -0
  339. /package/schematics/migrations/list-signals/{data.js → data.cjs} +0 -0
  340. /package/schematics/migrations/list-tree-multiple-input/{data.js → data.cjs} +0 -0
  341. /package/schematics/migrations/loader-overlay-signals/{data.js → data.cjs} +0 -0
  342. /package/schematics/migrations/locale-configuration-providers/{data.js → data.cjs} +0 -0
  343. /package/schematics/migrations/markdown-signals/{data.js → data.cjs} +0 -0
  344. /package/schematics/migrations/modal-dialog-semantics/{data.js → data.cjs} +0 -0
  345. /package/schematics/migrations/modal-signals/{data.js → data.cjs} +0 -0
  346. /package/schematics/migrations/navbar-signals-and-aria/{data.js → data.cjs} +0 -0
  347. /package/schematics/migrations/new-icons-pack/{data.js → data.cjs} +0 -0
  348. /package/schematics/migrations/notification-center-signals/{data.js → data.cjs} +0 -0
  349. /package/schematics/migrations/option-signals/{data.js → data.cjs} +0 -0
  350. /package/schematics/migrations/popover-leave-delay/{data.js → data.cjs} +0 -0
  351. /package/schematics/migrations/progress-bar-percentage-and-aria/{data.js → data.cjs} +0 -0
  352. /package/schematics/migrations/progress-spinner-signals/{data.js → data.cjs} +0 -0
  353. /package/schematics/migrations/query-list-signals/{data.js → data.cjs} +0 -0
  354. /package/schematics/migrations/radio-signals-and-aria/{data.js → data.cjs} +0 -0
  355. /package/schematics/migrations/read-state-dwell-handlers/{data.js → data.cjs} +0 -0
  356. /package/schematics/migrations/select-signal-inputs/{data.js → data.cjs} +0 -0
  357. /package/schematics/migrations/sidepanel-non-modal-behavior/{data.js → data.cjs} +0 -0
  358. /package/schematics/migrations/signal-inputs-subclasses/{data.js → data.cjs} +0 -0
  359. /package/schematics/migrations/split-button-optional-disabled/{data.js → data.cjs} +0 -0
  360. /package/schematics/migrations/state-saving-default/{data.js → data.cjs} +0 -0
  361. /package/schematics/migrations/table-cell-content/{data.js → data.cjs} +0 -0
  362. /package/schematics/migrations/tabs-signals-and-aria/{data.js → data.cjs} +0 -0
  363. /package/schematics/migrations/tag-list-cleaner/{data.js → data.cjs} +0 -0
  364. /package/schematics/migrations/tags-signals/{data.js → data.cjs} +0 -0
  365. /package/schematics/migrations/textarea-signals/{data.js → data.cjs} +0 -0
  366. /package/schematics/migrations/time-range-title-for/{data.js → data.cjs} +0 -0
  367. /package/schematics/migrations/timepicker-signals/{data.js → data.cjs} +0 -0
  368. /package/schematics/migrations/timezone-grouping-utils/{data.js → data.cjs} +0 -0
  369. /package/schematics/migrations/title-encapsulation/{data.js → data.cjs} +0 -0
  370. /package/schematics/migrations/toast-stack-and-defaults/{data.js → data.cjs} +0 -0
  371. /package/schematics/migrations/tooltip-pointer-events-and-types/{data.js → data.cjs} +0 -0
  372. /package/schematics/migrations/top-bar-container-selectors/{data.js → data.cjs} +0 -0
  373. /package/schematics/migrations/tree-select-signals/{data.js → data.cjs} +0 -0
  374. /package/schematics/migrations/tree-signals/{data.js → data.cjs} +0 -0
  375. /package/schematics/migrations/tree-state-saving-default/{data.js → data.cjs} +0 -0
  376. /package/schematics/migrations/username-pipe-injection/{data.js → data.cjs} +0 -0
  377. /package/schematics/migrations/zoneless-change-detection/{data.js → data.cjs} +0 -0
  378. /package/schematics/utils/{ast.js → ast.cjs} +0 -0
package/fesm2022/koobiq-components-badge.mjs CHANGED
@@ -104,7 +104,7 @@ class KbqBadge {
104
104
  this.badgeColorClass = computed(() => `kbq-badge_${this.badgeColor()}`, ...(ngDevMode ? [{ debugName: "badgeColorClass" }] : /* istanbul ignore next */ []));
105
105
  }
106
106
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
107
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: KbqBadge, isStandalone: true, selector: "kbq-badge", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, outline: { classPropertyName: "outline", publicName: "outline", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-badge_compact": "compact()", "class.kbq-badge-filled": "!outline()", "class.kbq-badge-outline": "outline()", "class": "badgeColorClass()" }, classAttribute: "kbq-badge" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height);min-height:var(--kbq-badge-size-normal-height);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding);padding-left:var(--kbq-badge-size-normal-horizontal-padding);border-width:var(--kbq-badge-size-normal-border-width);border-radius:var(--kbq-badge-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-badge{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-normal-border-radius) * 1.85,var(--kbq-badge-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-normal-border-radius) * 2)}}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left)}.kbq-badge.kbq-badge_compact{min-height:var(--kbq-badge-size-compact-height);height:var(--kbq-badge-size-compact-height);padding-right:var(--kbq-badge-size-compact-horizontal-padding);padding-left:var(--kbq-badge-size-compact-horizontal-padding);border-width:var(--kbq-badge-size-compact-border-width);border-radius:var(--kbq-badge-size-compact-border-radius)}@supports (corner-shape: squircle){.kbq-badge.kbq-badge_compact{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-compact-border-radius) * 1.85,var(--kbq-badge-size-compact-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-compact-border-radius) * 2)}}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color);background:var(--kbq-badge-filled-fade-on-contrast-background)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-contrast-icon)}.kbq-badge-filled.kbq-badge_fade-contrast{border:transparent}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color);background:var(--kbq-badge-filled-fade-on-theme-background)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-theme-icon)}.kbq-badge-filled.kbq-badge_fade-theme{border:transparent}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color);background:var(--kbq-badge-filled-fade-on-success-background)}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption)}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-success-icon)}.kbq-badge-filled.kbq-badge_fade-success{border:transparent}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color);background:var(--kbq-badge-filled-fade-on-warning-background)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-warning-icon)}.kbq-badge-filled.kbq-badge_fade-warning{border:transparent}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color);background:var(--kbq-badge-filled-fade-on-error-background)}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption)}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-error-icon)}.kbq-badge-filled.kbq-badge_fade-error{border:transparent}.kbq-badge-filled.kbq-badge_contrast{color:var(--kbq-badge-filled-fade-off-contrast-color);background:var(--kbq-badge-filled-fade-off-contrast-background)}.kbq-badge-filled.kbq-badge_contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-contrast-caption)}.kbq-badge-filled.kbq-badge_contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-contrast-icon)}.kbq-badge-filled.kbq-badge_contrast{border:transparent}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color);background:var(--kbq-badge-filled-fade-off-theme-background)}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption)}.kbq-badge-filled.kbq-badge_theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-theme-icon)}.kbq-badge-filled.kbq-badge_theme{border:transparent}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color);background:var(--kbq-badge-filled-fade-off-success-background)}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption)}.kbq-badge-filled.kbq-badge_success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-success-icon)}.kbq-badge-filled.kbq-badge_success{border:transparent}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color);background:var(--kbq-badge-filled-fade-off-warning-background)}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption)}.kbq-badge-filled.kbq-badge_warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-warning-icon)}.kbq-badge-filled.kbq-badge_warning{border:transparent}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color);background:var(--kbq-badge-filled-fade-off-error-background)}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption)}.kbq-badge-filled.kbq-badge_error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-error-icon)}.kbq-badge-filled.kbq-badge_error{border:transparent}.kbq-badge-filled.kbq-badge_disabled{color:var(--kbq-badge-filled-fade-off-disabled-color);background:var(--kbq-badge-filled-fade-off-disabled-background)}.kbq-badge-filled.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-disabled-caption)}.kbq-badge-filled.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-disabled-icon)}.kbq-badge-filled.kbq-badge_disabled{border:transparent}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color);background:var(--kbq-badge-outline-fade-on-contrast-background)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-contrast-icon)}.kbq-badge-outline.kbq-badge_fade-contrast{border-color:var(--kbq-badge-outline-fade-on-contrast-border)}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color);background:var(--kbq-badge-outline-fade-on-theme-background)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-theme-icon)}.kbq-badge-outline.kbq-badge_fade-theme{border-color:var(--kbq-badge-outline-fade-on-theme-border)}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color);background:var(--kbq-badge-outline-fade-on-success-background)}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption)}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-success-icon)}.kbq-badge-outline.kbq-badge_fade-success{border-color:var(--kbq-badge-outline-fade-on-success-border)}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color);background:var(--kbq-badge-outline-fade-on-warning-background)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-warning-icon)}.kbq-badge-outline.kbq-badge_fade-warning{border-color:var(--kbq-badge-outline-fade-on-warning-border)}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color);background:var(--kbq-badge-outline-fade-on-error-background)}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption)}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-error-icon)}.kbq-badge-outline.kbq-badge_fade-error{border-color:var(--kbq-badge-outline-fade-on-error-border)}.kbq-badge-outline.kbq-badge_disabled{color:var(--kbq-badge-outline-fade-on-disabled-color);background:var(--kbq-badge-outline-fade-on-disabled-background)}.kbq-badge-outline.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-disabled-caption)}.kbq-badge-outline.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-disabled-icon)}.kbq-badge-outline.kbq-badge_disabled{border-color:var(--kbq-badge-outline-fade-on-disabled-border)}.kbq-badge{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-badge_compact{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-badge{--kbq-badge-size-normal-height: var(--kbq-size-xxl);--kbq-badge-size-normal-icon-left-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-margin-right: var(--kbq-size-xxs);--kbq-badge-size-normal-icon-right-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-margin-left: var(--kbq-size-xxs);--kbq-badge-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-badge-size-normal-content-padding: var(--kbq-size-xxs);--kbq-badge-size-normal-border-width: var(--kbq-size-border-width);--kbq-badge-size-normal-border-radius: var(--kbq-size-xxs);--kbq-badge-size-compact-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-margin-right: var(--kbq-size-3xs);--kbq-badge-size-compact-icon-right-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-margin-left: var(--kbq-size-3xs);--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: var(--kbq-size-xxs);--kbq-badge-size-compact-content-padding: var(--kbq-size-3xs);--kbq-badge-size-compact-border-width: var(--kbq-size-border-width);--kbq-badge-size-compact-border-radius: var(--kbq-size-xxs);--kbq-badge-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-badge-filled-fade-off-contrast-color: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-caption: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-icon: var(--kbq-icon-on-contrast);--kbq-badge-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-badge-filled-fade-off-theme-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-success-background: var(--kbq-background-success);--kbq-badge-filled-fade-off-success-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-badge-filled-fade-off-warning-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-off-warning-caption: var(--kbq-foreground-contrast-secondary);--kbq-badge-filled-fade-off-warning-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-off-error-background: var(--kbq-background-error);--kbq-badge-filled-fade-off-error-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-off-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-badge-filled-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-badge-filled-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-badge-filled-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-badge-filled-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-badge-filled-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-filled-fade-on-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-border: var(--kbq-line-theme-fade);--kbq-badge-outline-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-badge-outline-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-badge-outline-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-badge-outline-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-border: var(--kbq-line-error-fade);--kbq-badge-outline-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-outline-fade-on-disabled-background: transparent;--kbq-badge-outline-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-border: var(--kbq-states-line-disabled);--kbq-badge-outline-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-icon: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
107
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: KbqBadge, isStandalone: true, selector: "kbq-badge", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, outline: { classPropertyName: "outline", publicName: "outline", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-badge_compact": "compact()", "class.kbq-badge-filled": "!outline()", "class.kbq-badge-outline": "outline()", "class": "badgeColorClass()" }, classAttribute: "kbq-badge" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height);min-height:var(--kbq-badge-size-normal-height);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding);padding-left:var(--kbq-badge-size-normal-horizontal-padding);border-width:var(--kbq-badge-size-normal-border-width);border-radius:var(--kbq-badge-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-badge{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-normal-border-radius) * 1.85,var(--kbq-badge-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-normal-border-radius) * 2)}}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left)}.kbq-badge.kbq-badge_compact{min-height:var(--kbq-badge-size-compact-height);height:var(--kbq-badge-size-compact-height);padding-right:var(--kbq-badge-size-compact-horizontal-padding);padding-left:var(--kbq-badge-size-compact-horizontal-padding);border-width:var(--kbq-badge-size-compact-border-width);border-radius:var(--kbq-badge-size-compact-border-radius)}@supports (corner-shape: squircle){.kbq-badge.kbq-badge_compact{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-compact-border-radius) * 1.85,var(--kbq-badge-size-compact-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-compact-border-radius) * 2)}}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color);background:var(--kbq-badge-filled-fade-on-contrast-background)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-contrast-icon)}.kbq-badge-filled.kbq-badge_fade-contrast{border:transparent}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color);background:var(--kbq-badge-filled-fade-on-theme-background)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-theme-icon)}.kbq-badge-filled.kbq-badge_fade-theme{border:transparent}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color);background:var(--kbq-badge-filled-fade-on-success-background)}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption)}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-success-icon)}.kbq-badge-filled.kbq-badge_fade-success{border:transparent}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color);background:var(--kbq-badge-filled-fade-on-warning-background)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-warning-icon)}.kbq-badge-filled.kbq-badge_fade-warning{border:transparent}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color);background:var(--kbq-badge-filled-fade-on-error-background)}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption)}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-error-icon)}.kbq-badge-filled.kbq-badge_fade-error{border:transparent}.kbq-badge-filled.kbq-badge_contrast{color:var(--kbq-badge-filled-fade-off-contrast-color);background:var(--kbq-badge-filled-fade-off-contrast-background)}.kbq-badge-filled.kbq-badge_contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-contrast-caption)}.kbq-badge-filled.kbq-badge_contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-contrast-icon)}.kbq-badge-filled.kbq-badge_contrast{border:transparent}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color);background:var(--kbq-badge-filled-fade-off-theme-background)}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption)}.kbq-badge-filled.kbq-badge_theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-theme-icon)}.kbq-badge-filled.kbq-badge_theme{border:transparent}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color);background:var(--kbq-badge-filled-fade-off-success-background)}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption)}.kbq-badge-filled.kbq-badge_success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-success-icon)}.kbq-badge-filled.kbq-badge_success{border:transparent}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color);background:var(--kbq-badge-filled-fade-off-warning-background)}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption)}.kbq-badge-filled.kbq-badge_warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-warning-icon)}.kbq-badge-filled.kbq-badge_warning{border:transparent}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color);background:var(--kbq-badge-filled-fade-off-error-background)}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption)}.kbq-badge-filled.kbq-badge_error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-error-icon)}.kbq-badge-filled.kbq-badge_error{border:transparent}.kbq-badge-filled.kbq-badge_disabled{color:var(--kbq-badge-filled-fade-off-disabled-color);background:var(--kbq-badge-filled-fade-off-disabled-background)}.kbq-badge-filled.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-disabled-caption)}.kbq-badge-filled.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-disabled-icon)}.kbq-badge-filled.kbq-badge_disabled{border:transparent}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color);background:var(--kbq-badge-outline-fade-on-contrast-background)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-contrast-icon)}.kbq-badge-outline.kbq-badge_fade-contrast{border-color:var(--kbq-badge-outline-fade-on-contrast-border)}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color);background:var(--kbq-badge-outline-fade-on-theme-background)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-theme-icon)}.kbq-badge-outline.kbq-badge_fade-theme{border-color:var(--kbq-badge-outline-fade-on-theme-border)}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color);background:var(--kbq-badge-outline-fade-on-success-background)}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption)}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-success-icon)}.kbq-badge-outline.kbq-badge_fade-success{border-color:var(--kbq-badge-outline-fade-on-success-border)}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color);background:var(--kbq-badge-outline-fade-on-warning-background)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-warning-icon)}.kbq-badge-outline.kbq-badge_fade-warning{border-color:var(--kbq-badge-outline-fade-on-warning-border)}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color);background:var(--kbq-badge-outline-fade-on-error-background)}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption)}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-error-icon)}.kbq-badge-outline.kbq-badge_fade-error{border-color:var(--kbq-badge-outline-fade-on-error-border)}.kbq-badge-outline.kbq-badge_disabled{color:var(--kbq-badge-outline-fade-on-disabled-color);background:var(--kbq-badge-outline-fade-on-disabled-background)}.kbq-badge-outline.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-disabled-caption)}.kbq-badge-outline.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-disabled-icon)}.kbq-badge-outline.kbq-badge_disabled{border-color:var(--kbq-badge-outline-fade-on-disabled-border)}.kbq-badge{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-badge_compact{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}@supports (height: 1cap){.kbq-badge{align-items:baseline;line-height:1}.kbq-badge:before{content:\"\";height:calc(50% + .5cap)}.kbq-badge>.kbq-icon{align-self:center}.kbq-badge .kbq-badge-caption{line-height:1}}\n", ".kbq-badge{--kbq-badge-size-normal-height: var(--kbq-size-xxl);--kbq-badge-size-normal-icon-left-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-margin-right: var(--kbq-size-xxs);--kbq-badge-size-normal-icon-right-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-margin-left: var(--kbq-size-xxs);--kbq-badge-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-badge-size-normal-content-padding: var(--kbq-size-xxs);--kbq-badge-size-normal-border-width: var(--kbq-size-border-width);--kbq-badge-size-normal-border-radius: var(--kbq-size-xxs);--kbq-badge-size-compact-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-margin-right: var(--kbq-size-3xs);--kbq-badge-size-compact-icon-right-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-margin-left: var(--kbq-size-3xs);--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: var(--kbq-size-xxs);--kbq-badge-size-compact-content-padding: var(--kbq-size-3xs);--kbq-badge-size-compact-border-width: var(--kbq-size-border-width);--kbq-badge-size-compact-border-radius: var(--kbq-size-xxs);--kbq-badge-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-badge-filled-fade-off-contrast-color: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-caption: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-icon: var(--kbq-icon-on-contrast);--kbq-badge-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-badge-filled-fade-off-theme-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-success-background: var(--kbq-background-success);--kbq-badge-filled-fade-off-success-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-badge-filled-fade-off-warning-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-off-warning-caption: var(--kbq-foreground-contrast-secondary);--kbq-badge-filled-fade-off-warning-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-off-error-background: var(--kbq-background-error);--kbq-badge-filled-fade-off-error-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-off-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-badge-filled-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-badge-filled-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-badge-filled-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-badge-filled-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-badge-filled-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-filled-fade-on-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-border: var(--kbq-line-theme-fade);--kbq-badge-outline-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-badge-outline-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-badge-outline-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-badge-outline-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-border: var(--kbq-line-error-fade);--kbq-badge-outline-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-outline-fade-on-disabled-background: transparent;--kbq-badge-outline-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-border: var(--kbq-states-line-disabled);--kbq-badge-outline-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-icon: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
108
108
  }
109
109
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqBadge, decorators: [{
110
110
  type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
114
114
  '[class.kbq-badge-filled]': '!outline()',
115
115
  '[class.kbq-badge-outline]': 'outline()',
116
116
  '[class]': 'badgeColorClass()'
117
- }, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height);min-height:var(--kbq-badge-size-normal-height);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding);padding-left:var(--kbq-badge-size-normal-horizontal-padding);border-width:var(--kbq-badge-size-normal-border-width);border-radius:var(--kbq-badge-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-badge{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-normal-border-radius) * 1.85,var(--kbq-badge-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-normal-border-radius) * 2)}}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left)}.kbq-badge.kbq-badge_compact{min-height:var(--kbq-badge-size-compact-height);height:var(--kbq-badge-size-compact-height);padding-right:var(--kbq-badge-size-compact-horizontal-padding);padding-left:var(--kbq-badge-size-compact-horizontal-padding);border-width:var(--kbq-badge-size-compact-border-width);border-radius:var(--kbq-badge-size-compact-border-radius)}@supports (corner-shape: squircle){.kbq-badge.kbq-badge_compact{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-compact-border-radius) * 1.85,var(--kbq-badge-size-compact-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-compact-border-radius) * 2)}}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color);background:var(--kbq-badge-filled-fade-on-contrast-background)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-contrast-icon)}.kbq-badge-filled.kbq-badge_fade-contrast{border:transparent}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color);background:var(--kbq-badge-filled-fade-on-theme-background)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-theme-icon)}.kbq-badge-filled.kbq-badge_fade-theme{border:transparent}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color);background:var(--kbq-badge-filled-fade-on-success-background)}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption)}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-success-icon)}.kbq-badge-filled.kbq-badge_fade-success{border:transparent}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color);background:var(--kbq-badge-filled-fade-on-warning-background)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-warning-icon)}.kbq-badge-filled.kbq-badge_fade-warning{border:transparent}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color);background:var(--kbq-badge-filled-fade-on-error-background)}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption)}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-error-icon)}.kbq-badge-filled.kbq-badge_fade-error{border:transparent}.kbq-badge-filled.kbq-badge_contrast{color:var(--kbq-badge-filled-fade-off-contrast-color);background:var(--kbq-badge-filled-fade-off-contrast-background)}.kbq-badge-filled.kbq-badge_contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-contrast-caption)}.kbq-badge-filled.kbq-badge_contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-contrast-icon)}.kbq-badge-filled.kbq-badge_contrast{border:transparent}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color);background:var(--kbq-badge-filled-fade-off-theme-background)}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption)}.kbq-badge-filled.kbq-badge_theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-theme-icon)}.kbq-badge-filled.kbq-badge_theme{border:transparent}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color);background:var(--kbq-badge-filled-fade-off-success-background)}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption)}.kbq-badge-filled.kbq-badge_success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-success-icon)}.kbq-badge-filled.kbq-badge_success{border:transparent}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color);background:var(--kbq-badge-filled-fade-off-warning-background)}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption)}.kbq-badge-filled.kbq-badge_warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-warning-icon)}.kbq-badge-filled.kbq-badge_warning{border:transparent}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color);background:var(--kbq-badge-filled-fade-off-error-background)}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption)}.kbq-badge-filled.kbq-badge_error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-error-icon)}.kbq-badge-filled.kbq-badge_error{border:transparent}.kbq-badge-filled.kbq-badge_disabled{color:var(--kbq-badge-filled-fade-off-disabled-color);background:var(--kbq-badge-filled-fade-off-disabled-background)}.kbq-badge-filled.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-disabled-caption)}.kbq-badge-filled.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-disabled-icon)}.kbq-badge-filled.kbq-badge_disabled{border:transparent}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color);background:var(--kbq-badge-outline-fade-on-contrast-background)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-contrast-icon)}.kbq-badge-outline.kbq-badge_fade-contrast{border-color:var(--kbq-badge-outline-fade-on-contrast-border)}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color);background:var(--kbq-badge-outline-fade-on-theme-background)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-theme-icon)}.kbq-badge-outline.kbq-badge_fade-theme{border-color:var(--kbq-badge-outline-fade-on-theme-border)}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color);background:var(--kbq-badge-outline-fade-on-success-background)}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption)}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-success-icon)}.kbq-badge-outline.kbq-badge_fade-success{border-color:var(--kbq-badge-outline-fade-on-success-border)}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color);background:var(--kbq-badge-outline-fade-on-warning-background)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-warning-icon)}.kbq-badge-outline.kbq-badge_fade-warning{border-color:var(--kbq-badge-outline-fade-on-warning-border)}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color);background:var(--kbq-badge-outline-fade-on-error-background)}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption)}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-error-icon)}.kbq-badge-outline.kbq-badge_fade-error{border-color:var(--kbq-badge-outline-fade-on-error-border)}.kbq-badge-outline.kbq-badge_disabled{color:var(--kbq-badge-outline-fade-on-disabled-color);background:var(--kbq-badge-outline-fade-on-disabled-background)}.kbq-badge-outline.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-disabled-caption)}.kbq-badge-outline.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-disabled-icon)}.kbq-badge-outline.kbq-badge_disabled{border-color:var(--kbq-badge-outline-fade-on-disabled-border)}.kbq-badge{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-badge_compact{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-badge{--kbq-badge-size-normal-height: var(--kbq-size-xxl);--kbq-badge-size-normal-icon-left-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-margin-right: var(--kbq-size-xxs);--kbq-badge-size-normal-icon-right-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-margin-left: var(--kbq-size-xxs);--kbq-badge-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-badge-size-normal-content-padding: var(--kbq-size-xxs);--kbq-badge-size-normal-border-width: var(--kbq-size-border-width);--kbq-badge-size-normal-border-radius: var(--kbq-size-xxs);--kbq-badge-size-compact-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-margin-right: var(--kbq-size-3xs);--kbq-badge-size-compact-icon-right-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-margin-left: var(--kbq-size-3xs);--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: var(--kbq-size-xxs);--kbq-badge-size-compact-content-padding: var(--kbq-size-3xs);--kbq-badge-size-compact-border-width: var(--kbq-size-border-width);--kbq-badge-size-compact-border-radius: var(--kbq-size-xxs);--kbq-badge-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-badge-filled-fade-off-contrast-color: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-caption: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-icon: var(--kbq-icon-on-contrast);--kbq-badge-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-badge-filled-fade-off-theme-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-success-background: var(--kbq-background-success);--kbq-badge-filled-fade-off-success-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-badge-filled-fade-off-warning-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-off-warning-caption: var(--kbq-foreground-contrast-secondary);--kbq-badge-filled-fade-off-warning-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-off-error-background: var(--kbq-background-error);--kbq-badge-filled-fade-off-error-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-off-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-badge-filled-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-badge-filled-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-badge-filled-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-badge-filled-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-badge-filled-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-filled-fade-on-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-border: var(--kbq-line-theme-fade);--kbq-badge-outline-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-badge-outline-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-badge-outline-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-badge-outline-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-border: var(--kbq-line-error-fade);--kbq-badge-outline-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-outline-fade-on-disabled-background: transparent;--kbq-badge-outline-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-border: var(--kbq-states-line-disabled);--kbq-badge-outline-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-icon: var(--kbq-states-icon-disabled)}\n"] }]
117
+ }, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height);min-height:var(--kbq-badge-size-normal-height);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding);padding-left:var(--kbq-badge-size-normal-horizontal-padding);border-width:var(--kbq-badge-size-normal-border-width);border-radius:var(--kbq-badge-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-badge{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-normal-border-radius) * 1.85,var(--kbq-badge-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-normal-border-radius) * 2)}}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left)}.kbq-badge.kbq-badge_compact{min-height:var(--kbq-badge-size-compact-height);height:var(--kbq-badge-size-compact-height);padding-right:var(--kbq-badge-size-compact-horizontal-padding);padding-left:var(--kbq-badge-size-compact-horizontal-padding);border-width:var(--kbq-badge-size-compact-border-width);border-radius:var(--kbq-badge-size-compact-border-radius)}@supports (corner-shape: squircle){.kbq-badge.kbq-badge_compact{corner-shape:squircle;border-radius:clamp(var(--kbq-badge-size-compact-border-radius) * 1.85,var(--kbq-badge-size-compact-border-radius) * 2.3 - 3.6px,var(--kbq-badge-size-compact-border-radius) * 2)}}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color);background:var(--kbq-badge-filled-fade-on-contrast-background)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-contrast-icon)}.kbq-badge-filled.kbq-badge_fade-contrast{border:transparent}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color);background:var(--kbq-badge-filled-fade-on-theme-background)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-theme-icon)}.kbq-badge-filled.kbq-badge_fade-theme{border:transparent}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color);background:var(--kbq-badge-filled-fade-on-success-background)}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption)}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-success-icon)}.kbq-badge-filled.kbq-badge_fade-success{border:transparent}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color);background:var(--kbq-badge-filled-fade-on-warning-background)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-warning-icon)}.kbq-badge-filled.kbq-badge_fade-warning{border:transparent}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color);background:var(--kbq-badge-filled-fade-on-error-background)}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption)}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-error-icon)}.kbq-badge-filled.kbq-badge_fade-error{border:transparent}.kbq-badge-filled.kbq-badge_contrast{color:var(--kbq-badge-filled-fade-off-contrast-color);background:var(--kbq-badge-filled-fade-off-contrast-background)}.kbq-badge-filled.kbq-badge_contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-contrast-caption)}.kbq-badge-filled.kbq-badge_contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-contrast-icon)}.kbq-badge-filled.kbq-badge_contrast{border:transparent}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color);background:var(--kbq-badge-filled-fade-off-theme-background)}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption)}.kbq-badge-filled.kbq-badge_theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-theme-icon)}.kbq-badge-filled.kbq-badge_theme{border:transparent}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color);background:var(--kbq-badge-filled-fade-off-success-background)}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption)}.kbq-badge-filled.kbq-badge_success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-success-icon)}.kbq-badge-filled.kbq-badge_success{border:transparent}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color);background:var(--kbq-badge-filled-fade-off-warning-background)}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption)}.kbq-badge-filled.kbq-badge_warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-warning-icon)}.kbq-badge-filled.kbq-badge_warning{border:transparent}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color);background:var(--kbq-badge-filled-fade-off-error-background)}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption)}.kbq-badge-filled.kbq-badge_error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-error-icon)}.kbq-badge-filled.kbq-badge_error{border:transparent}.kbq-badge-filled.kbq-badge_disabled{color:var(--kbq-badge-filled-fade-off-disabled-color);background:var(--kbq-badge-filled-fade-off-disabled-background)}.kbq-badge-filled.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-disabled-caption)}.kbq-badge-filled.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-disabled-icon)}.kbq-badge-filled.kbq-badge_disabled{border:transparent}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color);background:var(--kbq-badge-outline-fade-on-contrast-background)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-contrast-icon)}.kbq-badge-outline.kbq-badge_fade-contrast{border-color:var(--kbq-badge-outline-fade-on-contrast-border)}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color);background:var(--kbq-badge-outline-fade-on-theme-background)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-theme-icon)}.kbq-badge-outline.kbq-badge_fade-theme{border-color:var(--kbq-badge-outline-fade-on-theme-border)}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color);background:var(--kbq-badge-outline-fade-on-success-background)}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption)}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-success-icon)}.kbq-badge-outline.kbq-badge_fade-success{border-color:var(--kbq-badge-outline-fade-on-success-border)}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color);background:var(--kbq-badge-outline-fade-on-warning-background)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-warning-icon)}.kbq-badge-outline.kbq-badge_fade-warning{border-color:var(--kbq-badge-outline-fade-on-warning-border)}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color);background:var(--kbq-badge-outline-fade-on-error-background)}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption)}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-error-icon)}.kbq-badge-outline.kbq-badge_fade-error{border-color:var(--kbq-badge-outline-fade-on-error-border)}.kbq-badge-outline.kbq-badge_disabled{color:var(--kbq-badge-outline-fade-on-disabled-color);background:var(--kbq-badge-outline-fade-on-disabled-background)}.kbq-badge-outline.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-disabled-caption)}.kbq-badge-outline.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-disabled-icon)}.kbq-badge-outline.kbq-badge_disabled{border-color:var(--kbq-badge-outline-fade-on-disabled-border)}.kbq-badge{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-badge_compact{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}@supports (height: 1cap){.kbq-badge{align-items:baseline;line-height:1}.kbq-badge:before{content:\"\";height:calc(50% + .5cap)}.kbq-badge>.kbq-icon{align-self:center}.kbq-badge .kbq-badge-caption{line-height:1}}\n", ".kbq-badge{--kbq-badge-size-normal-height: var(--kbq-size-xxl);--kbq-badge-size-normal-icon-left-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-margin-right: var(--kbq-size-xxs);--kbq-badge-size-normal-icon-right-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-margin-left: var(--kbq-size-xxs);--kbq-badge-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-badge-size-normal-content-padding: var(--kbq-size-xxs);--kbq-badge-size-normal-border-width: var(--kbq-size-border-width);--kbq-badge-size-normal-border-radius: var(--kbq-size-xxs);--kbq-badge-size-compact-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-margin-right: var(--kbq-size-3xs);--kbq-badge-size-compact-icon-right-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-margin-left: var(--kbq-size-3xs);--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: var(--kbq-size-xxs);--kbq-badge-size-compact-content-padding: var(--kbq-size-3xs);--kbq-badge-size-compact-border-width: var(--kbq-size-border-width);--kbq-badge-size-compact-border-radius: var(--kbq-size-xxs);--kbq-badge-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-badge-filled-fade-off-contrast-color: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-caption: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-icon: var(--kbq-icon-on-contrast);--kbq-badge-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-badge-filled-fade-off-theme-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-success-background: var(--kbq-background-success);--kbq-badge-filled-fade-off-success-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-badge-filled-fade-off-warning-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-off-warning-caption: var(--kbq-foreground-contrast-secondary);--kbq-badge-filled-fade-off-warning-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-off-error-background: var(--kbq-background-error);--kbq-badge-filled-fade-off-error-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-off-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-badge-filled-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-badge-filled-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-badge-filled-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-badge-filled-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-badge-filled-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-filled-fade-on-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-border: var(--kbq-line-theme-fade);--kbq-badge-outline-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-badge-outline-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-badge-outline-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-badge-outline-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-border: var(--kbq-line-error-fade);--kbq-badge-outline-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-outline-fade-on-disabled-background: transparent;--kbq-badge-outline-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-border: var(--kbq-states-line-disabled);--kbq-badge-outline-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-icon: var(--kbq-states-icon-disabled)}\n"] }]
118
118
  }], propDecorators: { compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], outline: [{ type: i0.Input, args: [{ isSignal: true, alias: "outline", required: false }] }], badgeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeColor", required: false }] }] } });
119
119
 
120
120
  class KbqBadgeModule {
package/fesm2022/koobiq-components-badge.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"koobiq-components-badge.mjs","sources":["../../../packages/components/badge/badge.component.ts","../../../packages/components/badge/badge.module.ts","../../../packages/components/badge/koobiq-components-badge.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n Directive,\n effect,\n forwardRef,\n inject,\n input,\n Renderer2,\n ViewEncapsulation\n} from '@angular/core';\nimport { getNodesWithoutComments, kbqInjectNativeElement } from '@koobiq/components/core';\nimport { KbqIcon } from '@koobiq/components/icon';\n\n/** Colors supported by the badge. */\nexport enum KbqBadgeColors {\n FadeContrast = 'fade-contrast',\n FadeTheme = 'fade-theme',\n FadeSuccess = 'fade-success',\n FadeWarning = 'fade-warning',\n FadeError = 'fade-error',\n\n Contrast = 'contrast',\n Theme = 'theme',\n Success = 'success',\n Warning = 'warning',\n Error = 'error',\n Disabled = 'disabled'\n}\n\n/** Directive that marks the caption part of a badge. */\n@Directive({\n selector: '[kbq-badge-caption]',\n host: {\n class: 'kbq-badge-caption'\n }\n})\nexport class KbqBadgeCaption {}\n\n/** @internal */\nexport const leftIconClassName = 'kbq-icon_left';\n/** @internal */\nexport const rightIconClassName = 'kbq-icon_right';\n\n/** @internal */\nexport const badgeLeftIconClassName = 'kbq-badge-icon_left';\n/** @internal */\nexport const badgeRightIconClassName = 'kbq-badge-icon_right';\n\n/**\n * Applies the icon spacing modifiers to the badge and to the icons projected into it.\n *\n * @docs-private\n */\n@Directive({\n selector: 'kbq-badge'\n})\nexport class KbqBadgeCssStyler {\n private readonly renderer = inject(Renderer2);\n private readonly nativeElement = kbqInjectNativeElement();\n\n private readonly icons = contentChildren(forwardRef(() => KbqIcon));\n\n constructor() {\n // Icons projected asynchronously (e.g. behind an `@if`) update the `icons` signal\n // after content init, so class assignment must react to the signal, not just run once.\n effect(() => this.updateClassModifierForIcons());\n }\n\n private updateClassModifierForIcons(): void {\n this.renderer.removeClass(this.nativeElement, badgeLeftIconClassName);\n this.renderer.removeClass(this.nativeElement, badgeRightIconClassName);\n\n const filteredNodesWithoutComments = getNodesWithoutComments(this.nativeElement.childNodes as NodeList);\n const icons = this.icons();\n\n if (icons.length && filteredNodesWithoutComments.length > 1) {\n icons\n .map((item) => item.getHostElement())\n .forEach((iconHostElement) => {\n this.renderer.removeClass(iconHostElement, leftIconClassName);\n this.renderer.removeClass(iconHostElement, rightIconClassName);\n\n const iconIndex = filteredNodesWithoutComments.findIndex((node) => node === iconHostElement);\n\n if (iconIndex === 0) {\n this.renderer.addClass(iconHostElement, leftIconClassName);\n this.renderer.addClass(this.nativeElement, badgeLeftIconClassName);\n }\n\n if (iconIndex === filteredNodesWithoutComments.length - 1) {\n this.renderer.addClass(iconHostElement, rightIconClassName);\n this.renderer.addClass(this.nativeElement, badgeRightIconClassName);\n }\n });\n }\n }\n}\n\n/** Component used to highlight the status, count or another important characteristic of an object. */\n@Component({\n selector: 'kbq-badge',\n template: '<ng-content />',\n styleUrls: ['badge.component.scss', 'badge-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'kbq-badge',\n '[class.kbq-badge_compact]': 'compact()',\n '[class.kbq-badge-filled]': '!outline()',\n '[class.kbq-badge-outline]': 'outline()',\n '[class]': 'badgeColorClass()'\n }\n})\nexport class KbqBadge {\n /** Whether the badge uses the compact size. */\n readonly compact = input(false, { transform: booleanAttribute });\n\n /** Whether the badge is outlined instead of filled. */\n readonly outline = input(false, { transform: booleanAttribute });\n\n /**\n * Color of the badge. An empty, `null` or `undefined` value falls back to the default, so a read of the\n * signal reports the color the badge actually renders in. Defaults to `'fade-contrast'`.\n */\n readonly badgeColor = input(KbqBadgeColors.FadeContrast as string | KbqBadgeColors, {\n transform: (value: string | KbqBadgeColors | null | undefined): string | KbqBadgeColors =>\n value || KbqBadgeColors.FadeContrast\n });\n\n /** @docs-private */\n protected readonly badgeColorClass = computed(() => `kbq-badge_${this.badgeColor()}`);\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqBadge, KbqBadgeCaption, KbqBadgeCssStyler } from './badge.component';\n\n@NgModule({\n imports: [\n A11yModule,\n PlatformModule,\n KbqBadge,\n KbqBadgeCaption,\n KbqBadgeCssStyler\n ],\n exports: [\n KbqBadge,\n KbqBadgeCaption,\n KbqBadgeCssStyler\n ]\n})\nexport class KbqBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"koobiq-components-badge.mjs","sources":["../../../packages/components/badge/badge.component.ts","../../../packages/components/badge/badge.module.ts","../../../packages/components/badge/koobiq-components-badge.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n Directive,\n effect,\n forwardRef,\n inject,\n input,\n Renderer2,\n ViewEncapsulation\n} from '@angular/core';\nimport { getNodesWithoutComments, kbqInjectNativeElement } from '@koobiq/components/core';\nimport { KbqIcon } from '@koobiq/components/icon';\n\n/** Colors supported by the badge. */\nexport enum KbqBadgeColors {\n FadeContrast = 'fade-contrast',\n FadeTheme = 'fade-theme',\n FadeSuccess = 'fade-success',\n FadeWarning = 'fade-warning',\n FadeError = 'fade-error',\n\n Contrast = 'contrast',\n Theme = 'theme',\n Success = 'success',\n Warning = 'warning',\n Error = 'error',\n Disabled = 'disabled'\n}\n\n/** Directive that marks the caption part of a badge. */\n@Directive({\n selector: '[kbq-badge-caption]',\n host: {\n class: 'kbq-badge-caption'\n }\n})\nexport class KbqBadgeCaption {}\n\n/** @internal */\nexport const leftIconClassName = 'kbq-icon_left';\n/** @internal */\nexport const rightIconClassName = 'kbq-icon_right';\n\n/** @internal */\nexport const badgeLeftIconClassName = 'kbq-badge-icon_left';\n/** @internal */\nexport const badgeRightIconClassName = 'kbq-badge-icon_right';\n\n/**\n * Applies the icon spacing modifiers to the badge and to the icons projected into it.\n *\n * @docs-private\n */\n@Directive({\n selector: 'kbq-badge'\n})\nexport class KbqBadgeCssStyler {\n private readonly renderer = inject(Renderer2);\n private readonly nativeElement = kbqInjectNativeElement();\n\n private readonly icons = contentChildren(forwardRef(() => KbqIcon));\n\n constructor() {\n // Icons projected asynchronously (e.g. behind an `@if`) update the `icons` signal\n // after content init, so class assignment must react to the signal, not just run once.\n effect(() => this.updateClassModifierForIcons());\n }\n\n private updateClassModifierForIcons(): void {\n this.renderer.removeClass(this.nativeElement, badgeLeftIconClassName);\n this.renderer.removeClass(this.nativeElement, badgeRightIconClassName);\n\n const filteredNodesWithoutComments = getNodesWithoutComments(this.nativeElement.childNodes as NodeList);\n const icons = this.icons();\n\n if (icons.length && filteredNodesWithoutComments.length > 1) {\n icons\n .map((item) => item.getHostElement())\n .forEach((iconHostElement) => {\n this.renderer.removeClass(iconHostElement, leftIconClassName);\n this.renderer.removeClass(iconHostElement, rightIconClassName);\n\n const iconIndex = filteredNodesWithoutComments.findIndex((node) => node === iconHostElement);\n\n if (iconIndex === 0) {\n this.renderer.addClass(iconHostElement, leftIconClassName);\n this.renderer.addClass(this.nativeElement, badgeLeftIconClassName);\n }\n\n if (iconIndex === filteredNodesWithoutComments.length - 1) {\n this.renderer.addClass(iconHostElement, rightIconClassName);\n this.renderer.addClass(this.nativeElement, badgeRightIconClassName);\n }\n });\n }\n }\n}\n\n/** Component used to highlight the status, count or another important characteristic of an object. */\n@Component({\n selector: 'kbq-badge',\n template: '<ng-content />',\n styleUrls: ['badge.component.scss', 'badge-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'kbq-badge',\n '[class.kbq-badge_compact]': 'compact()',\n '[class.kbq-badge-filled]': '!outline()',\n '[class.kbq-badge-outline]': 'outline()',\n '[class]': 'badgeColorClass()'\n }\n})\nexport class KbqBadge {\n /** Whether the badge uses the compact size. */\n readonly compact = input(false, { transform: booleanAttribute });\n\n /** Whether the badge is outlined instead of filled. */\n readonly outline = input(false, { transform: booleanAttribute });\n\n /**\n * Color of the badge. An empty, `null` or `undefined` value falls back to the default, so a read of the\n * signal reports the color the badge actually renders in. Defaults to `'fade-contrast'`.\n */\n readonly badgeColor = input(KbqBadgeColors.FadeContrast as string | KbqBadgeColors, {\n transform: (value: string | KbqBadgeColors | null | undefined): string | KbqBadgeColors =>\n value || KbqBadgeColors.FadeContrast\n });\n\n /** @docs-private */\n protected readonly badgeColorClass = computed(() => `kbq-badge_${this.badgeColor()}`);\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqBadge, KbqBadgeCaption, KbqBadgeCssStyler } from './badge.component';\n\n@NgModule({\n imports: [\n A11yModule,\n PlatformModule,\n KbqBadge,\n KbqBadgeCaption,\n KbqBadgeCssStyler\n ],\n exports: [\n KbqBadge,\n KbqBadgeCaption,\n KbqBadgeCssStyler\n ]\n})\nexport class KbqBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/koobiq-components-breadcrumbs.mjs CHANGED
@@ -588,7 +588,7 @@ class KbqBreadcrumbs {
588
588
  }
589
589
  }
590
590
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqBreadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
591
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqBreadcrumbs, isStandalone: true, selector: "kbq-breadcrumbs,[kbq-breadcrumbs]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, firstItemNegativeMargin: { classPropertyName: "firstItemNegativeMargin", publicName: "firstItemNegativeMargin", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrapMode: { classPropertyName: "wrapMode", publicName: "wrapMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-breadcrumbs_compact": "size() === \"compact\"", "class.kbq-breadcrumbs_normal": "size() === \"normal\"", "class.kbq-breadcrumbs_big": "size() === \"big\"", "class.kbq-breadcrumbs_wrap": "wrapMode() === \"wrap\"", "class.kbq-breadcrumbs_first-item-negative-margin": "firstItemNegativeMargin()", "class.kbq-disabled": "disabled()", "attr.role": "hostRole", "attr.aria-label": "resolvedAriaLabel()" }, classAttribute: "kbq-breadcrumbs" }, queries: [{ propertyName: "separator", first: true, predicate: KbqBreadcrumbsSeparator, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "items", predicate: i0.forwardRef(() => KbqBreadcrumbItem), isSignal: true }], viewQueries: [{ propertyName: "resultDropdownTrigger", first: true, predicate: ["breadcrumbsResult"], descendants: true, read: KbqDropdownTrigger, isSignal: true }, { propertyName: "result", first: true, predicate: KbqOverflowItemsResult, descendants: true, isSignal: true }, { propertyName: "overflowItems", predicate: i0.forwardRef(() => KbqOverflowItem), descendants: true, isSignal: true }, { propertyName: "overflowItemsDir", first: true, predicate: KbqOverflowItems, descendants: true, isSignal: true }], hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ["dir", "dir", "loop", "loop"] }, { directive: i3.KbqLocaleOverridesDirective, inputs: ["kbqLocaleOverrides", "localeOverrides"] }], ngImport: i0, template: "@let allItems = items();\n@if (allItems.length < minVisibleItems || wrapMode() !== 'auto') {\n <div class=\"kbq-breadcrumbs__list\" role=\"list\">\n @for (item of allItems; track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: $last }\"\n />\n @if (!$last) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n }\n </div>\n }\n </div>\n} @else {\n <div\n #kbqOverflowItems=\"kbqOverflowItems\"\n kbqOverflowItems\n reverseOverflowOrder\n role=\"list\"\n class=\"layout-align-start-center\"\n >\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"0\" [order]=\"allItems.length\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[0], last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n <div kbqOverflowItemsResult class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <button\n #breadcrumbsResult\n kbq-button\n kbqBreadcrumb\n class=\"kbq-breadcrumb__expand\"\n [attr.aria-label]=\"a11yLocaleConfiguration().expandBreadcrumbs\"\n [focusable]=\"!disabled()\"\n [disabled]=\"disabled()\"\n [kbqDropdownTriggerFor]=\"hiddenBreadcrumbsDropdown\"\n >\n <i kbq-icon=\"kbq-ellipsis-horizontal_16\" [color]=\"KbqComponentColors.ContrastFade\"></i>\n </button>\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n\n <kbq-dropdown #hiddenBreadcrumbsDropdown=\"kbqDropdown\">\n @for (item of allItems; track item) {\n @if (hiddenItemIDs().has($index)) {\n <a\n kbq-dropdown-item\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled()\"\n >\n @if (item.customTemplateRef(); as customTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"customTemplateRef\" />\n } @else {\n {{ item.text() }}\n }\n </a>\n }\n }\n </kbq-dropdown>\n </div>\n @for (item of itemsExcludingEdges(); track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"$index + 1\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n }\n <div\n alwaysVisible\n class=\"kbq-breadcrumb-item__container\"\n role=\"listitem\"\n [kbqOverflowItem]=\"allItems.length - 1\"\n >\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[allItems.length - 1], last: true }\"\n />\n </div>\n </div>\n}\n\n<ng-template #breadcrumbTemplate let-item let-last=\"last\">\n @if (item.customTemplateRef()) {\n <ng-container [ngTemplateOutlet]=\"item.customTemplateRef()!\" />\n } @else {\n <a\n kbq-button\n kbq-title\n kbqBreadcrumb\n [focusable]=\"!disabled() && !item.disabled() && !last\"\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() || last ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled() || last\"\n [kbqPlacementPriority]=\"PopUpPlacements.Bottom\"\n [kbqTooltipArrow]=\"false\"\n >\n {{ item.text() }}\n </a>\n }\n</ng-template>\n\n<ng-template #separatorTemplate>\n @if (separator(); as separatorTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplateRef\" />\n } @else {\n <i aria-hidden=\"true\" class=\"kbq-breadcrumb__separator\">&nbsp;/&nbsp;</i>\n }\n</ng-template>\n", styles: [".kbq-breadcrumbs{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap);flex-grow:1}.kbq-breadcrumbs kbq-breadcrumb-item{display:none;position:absolute;top:0;left:0}.kbq-breadcrumbs .kbq-overflow-items{padding:1px}.kbq-breadcrumbs .kbq-breadcrumbs__list{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap)}.kbq-breadcrumbs .kbq-breadcrumb-item__container{display:inline-flex;align-items:center}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-overflow-items,.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-breadcrumbs__list{margin-left:var(--kbq-breadcrumb-item-negative-margin)}.kbq-breadcrumbs.kbq-breadcrumbs_wrap,.kbq-breadcrumbs.kbq-breadcrumbs_wrap .kbq-breadcrumbs__list{flex-wrap:wrap}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{--kbq-breadcrumb-item-height: var(--kbq-size-xxl)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb__expand.kbq-button-icon{--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-xxs)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height);--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding);--kbq-button-size-border-radius: var(--kbq-breadcrumb-item-border-radius)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger{--kbq-dropdown-trigger-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item:focus-visible{outline-offset:unset}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-icon-size-horizontal-padding: var(--kbq-breadcrumb-item-expand-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast-secondary);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-breadcrumb-item-icon-color);--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-item-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page],.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page]{--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page].kbq-disabled,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page].kbq-disabled{--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var( --kbq-breadcrumb-item-icon-color );--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var( --kbq-breadcrumb-item-icon-color )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-hover );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-hover )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-active );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-active )}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-expand-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-hover)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-active)}.kbq-breadcrumbs .kbq-breadcrumb__separator{color:var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-breadcrumbs .kbq-breadcrumb__separator{-webkit-user-select:none;user-select:none;font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-breadcrumbs){--kbq-breadcrumb-item-horizontal-padding: var(--kbq-size-xs);--kbq-breadcrumb-item-height: var(--kbq-size-3xl);--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-s);--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-border-radius: var(--kbq-size-xs);--kbq-breadcrumb-item-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-negative-margin: calc(-1 * var(--kbq-size-xs));--kbq-breadcrumbs-gap: 0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i5.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i5.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i5.KbqButtonDropdownTrigger, selector: "[kbq-button][kbqDropdownTriggerFor]" }, { kind: "ngmodule", type: KbqDropdownModule }, { kind: "component", type: i6.KbqDropdown, selector: "kbq-dropdown", inputs: ["activeDescendantNavigation", "navigationWithWrap", "xPosition", "yPosition", "overlapTriggerY", "overlapTriggerX", "hasBackdrop", "class", "backdropClass", "panelWidth", "panelMinWidth", "panelMaxWidth", "safeArea"], outputs: ["xPositionChange", "yPositionChange", "overlapTriggerYChange", "overlapTriggerXChange", "closed"], exportAs: ["kbqDropdown"] }, { kind: "component", type: i6.KbqDropdownItem, selector: "kbq-dropdown-item, [kbq-dropdown-item]", inputs: ["disabled", "progress"], exportAs: ["kbqDropdownItem"] }, { kind: "directive", type: i6.KbqDropdownTrigger, selector: "[kbqDropdownTriggerFor]", inputs: ["offsetX", "offsetY", "kbqDropdownTriggerData", "openByArrowDown", "kbqDropdownTriggerOrigin", "kbqDropdownTriggerAutoFocus", "kbqDropdownTriggerRestoreFocus", "kbqDropdownTriggerFor"], outputs: ["offsetXChange", "openByArrowDownChange", "kbqDropdownTriggerRestoreFocusChange", "dropdownOpened", "dropdownClosed"], exportAs: ["kbqDropdownTrigger"] }, { kind: "directive", type: KbqBreadcrumbButton, selector: "[kbq-button][kbqBreadcrumb]" }, { kind: "ngmodule", type: KbqTitleModule }, { kind: "directive", type: i7.KbqTitleDirective, selector: "[kbq-title]", inputs: ["kbq-title", "ignoreTooltipPointerEvents"], exportAs: ["kbqTitle"] }, { kind: "ngmodule", type: KbqOverflowItemsModule }, { kind: "directive", type: i8.KbqOverflowItems, selector: "[kbqOverflowItems]", inputs: ["reverseOverflowOrder", "debounceTime", "additionalResizeObserverTargets", "orientation", "wrap"], outputs: ["changes"], exportAs: ["kbqOverflowItems"] }, { kind: "directive", type: i8.KbqOverflowItem, selector: "[kbqOverflowItem]", inputs: ["kbqOverflowItem", "order", "alwaysVisible"], exportAs: ["kbqOverflowItem"] }, { kind: "directive", type: i8.KbqOverflowItemsResult, selector: "[kbqOverflowItemsResult]", exportAs: ["kbqOverflowItemsResult"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
591
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqBreadcrumbs, isStandalone: true, selector: "kbq-breadcrumbs,[kbq-breadcrumbs]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, firstItemNegativeMargin: { classPropertyName: "firstItemNegativeMargin", publicName: "firstItemNegativeMargin", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrapMode: { classPropertyName: "wrapMode", publicName: "wrapMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-breadcrumbs_compact": "size() === \"compact\"", "class.kbq-breadcrumbs_normal": "size() === \"normal\"", "class.kbq-breadcrumbs_big": "size() === \"big\"", "class.kbq-breadcrumbs_wrap": "wrapMode() === \"wrap\"", "class.kbq-breadcrumbs_first-item-negative-margin": "firstItemNegativeMargin()", "class.kbq-disabled": "disabled()", "attr.role": "hostRole", "attr.aria-label": "resolvedAriaLabel()" }, classAttribute: "kbq-breadcrumbs" }, queries: [{ propertyName: "separator", first: true, predicate: KbqBreadcrumbsSeparator, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "items", predicate: i0.forwardRef(() => KbqBreadcrumbItem), isSignal: true }], viewQueries: [{ propertyName: "resultDropdownTrigger", first: true, predicate: ["breadcrumbsResult"], descendants: true, read: KbqDropdownTrigger, isSignal: true }, { propertyName: "result", first: true, predicate: KbqOverflowItemsResult, descendants: true, isSignal: true }, { propertyName: "overflowItems", predicate: i0.forwardRef(() => KbqOverflowItem), descendants: true, isSignal: true }, { propertyName: "overflowItemsDir", first: true, predicate: KbqOverflowItems, descendants: true, isSignal: true }], hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ["dir", "dir", "loop", "loop"] }, { directive: i3.KbqLocaleOverridesDirective, inputs: ["kbqLocaleOverrides", "localeOverrides"] }], ngImport: i0, template: "@let allItems = items();\n@if (allItems.length < minVisibleItems || wrapMode() !== 'auto') {\n <div class=\"kbq-breadcrumbs__list\" role=\"list\">\n @for (item of allItems; track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: $last }\"\n />\n @if (!$last) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n }\n </div>\n }\n </div>\n} @else {\n <div\n #kbqOverflowItems=\"kbqOverflowItems\"\n kbqOverflowItems\n reverseOverflowOrder\n role=\"list\"\n class=\"layout-align-start-center\"\n >\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"0\" [order]=\"allItems.length\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[0], last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n <div kbqOverflowItemsResult class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <button\n #breadcrumbsResult\n kbq-button\n kbqBreadcrumb\n class=\"kbq-breadcrumb__expand\"\n [attr.aria-label]=\"a11yLocaleConfiguration().expandBreadcrumbs\"\n [focusable]=\"!disabled()\"\n [disabled]=\"disabled()\"\n [kbqDropdownTriggerFor]=\"hiddenBreadcrumbsDropdown\"\n >\n <i kbq-icon=\"kbq-ellipsis-horizontal_16\" [color]=\"KbqComponentColors.ContrastFade\"></i>\n </button>\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n\n <kbq-dropdown #hiddenBreadcrumbsDropdown=\"kbqDropdown\">\n @for (item of allItems; track item) {\n @if (hiddenItemIDs().has($index)) {\n <a\n kbq-dropdown-item\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled()\"\n >\n @if (item.customTemplateRef(); as customTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"customTemplateRef\" />\n } @else {\n {{ item.text() }}\n }\n </a>\n }\n }\n </kbq-dropdown>\n </div>\n @for (item of itemsExcludingEdges(); track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"$index + 1\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n }\n <div\n alwaysVisible\n class=\"kbq-breadcrumb-item__container\"\n role=\"listitem\"\n [kbqOverflowItem]=\"allItems.length - 1\"\n >\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[allItems.length - 1], last: true }\"\n />\n </div>\n </div>\n}\n\n<ng-template #breadcrumbTemplate let-item let-last=\"last\">\n @if (item.customTemplateRef()) {\n <ng-container [ngTemplateOutlet]=\"item.customTemplateRef()!\" />\n } @else {\n <a\n kbq-button\n kbq-title\n kbqBreadcrumb\n [focusable]=\"!disabled() && !item.disabled() && !last\"\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() || last ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled() || last\"\n [kbqPlacementPriority]=\"PopUpPlacements.Bottom\"\n [kbqTooltipArrow]=\"false\"\n >\n {{ item.text() }}\n </a>\n }\n</ng-template>\n\n<ng-template #separatorTemplate>\n @if (separator(); as separatorTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplateRef\" />\n } @else {\n <i aria-hidden=\"true\" class=\"kbq-breadcrumb__separator\">&nbsp;/&nbsp;</i>\n }\n</ng-template>\n", styles: [".kbq-breadcrumbs{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap);flex-grow:1}.kbq-breadcrumbs kbq-breadcrumb-item{display:none;position:absolute;top:0;left:0}.kbq-breadcrumbs .kbq-overflow-items{padding:1px;margin:-1px}.kbq-breadcrumbs .kbq-breadcrumbs__list{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap)}.kbq-breadcrumbs .kbq-breadcrumb-item__container{display:inline-flex;align-items:center}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-breadcrumbs__list{margin-left:var(--kbq-breadcrumb-item-negative-margin)}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-overflow-items{margin-left:calc(var(--kbq-breadcrumb-item-negative-margin) - 1px)}.kbq-breadcrumbs.kbq-breadcrumbs_wrap,.kbq-breadcrumbs.kbq-breadcrumbs_wrap .kbq-breadcrumbs__list{flex-wrap:wrap}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{--kbq-breadcrumb-item-height: var(--kbq-size-xxl)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb__expand.kbq-button-icon{--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-xxs)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height);--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding);--kbq-button-size-border-radius: var(--kbq-breadcrumb-item-border-radius)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger{--kbq-dropdown-trigger-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item:focus-visible{outline-offset:unset}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-icon-size-horizontal-padding: var(--kbq-breadcrumb-item-expand-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast-secondary);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-breadcrumb-item-icon-color);--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-item-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page],.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page]{--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page].kbq-disabled,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page].kbq-disabled{--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var( --kbq-breadcrumb-item-icon-color );--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var( --kbq-breadcrumb-item-icon-color )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-hover );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-hover )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-active );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-active )}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-expand-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-hover)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-active)}.kbq-breadcrumbs .kbq-breadcrumb__separator{color:var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-breadcrumbs .kbq-breadcrumb__separator{-webkit-user-select:none;user-select:none;font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-breadcrumbs){--kbq-breadcrumb-item-horizontal-padding: var(--kbq-size-xs);--kbq-breadcrumb-item-height: var(--kbq-size-3xl);--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-s);--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-border-radius: var(--kbq-size-xs);--kbq-breadcrumb-item-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-negative-margin: calc(-1 * var(--kbq-size-xs));--kbq-breadcrumbs-gap: 0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i5.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i5.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i5.KbqButtonDropdownTrigger, selector: "[kbq-button][kbqDropdownTriggerFor]" }, { kind: "ngmodule", type: KbqDropdownModule }, { kind: "component", type: i6.KbqDropdown, selector: "kbq-dropdown", inputs: ["activeDescendantNavigation", "navigationWithWrap", "xPosition", "yPosition", "overlapTriggerY", "overlapTriggerX", "hasBackdrop", "class", "backdropClass", "panelWidth", "panelMinWidth", "panelMaxWidth", "safeArea"], outputs: ["xPositionChange", "yPositionChange", "overlapTriggerYChange", "overlapTriggerXChange", "closed"], exportAs: ["kbqDropdown"] }, { kind: "component", type: i6.KbqDropdownItem, selector: "kbq-dropdown-item, [kbq-dropdown-item]", inputs: ["disabled", "progress"], exportAs: ["kbqDropdownItem"] }, { kind: "directive", type: i6.KbqDropdownTrigger, selector: "[kbqDropdownTriggerFor]", inputs: ["offsetX", "offsetY", "kbqDropdownTriggerData", "openByArrowDown", "kbqDropdownTriggerOrigin", "kbqDropdownTriggerAutoFocus", "kbqDropdownTriggerRestoreFocus", "kbqDropdownTriggerFor"], outputs: ["offsetXChange", "openByArrowDownChange", "kbqDropdownTriggerRestoreFocusChange", "dropdownOpened", "dropdownClosed"], exportAs: ["kbqDropdownTrigger"] }, { kind: "directive", type: KbqBreadcrumbButton, selector: "[kbq-button][kbqBreadcrumb]" }, { kind: "ngmodule", type: KbqTitleModule }, { kind: "directive", type: i7.KbqTitleDirective, selector: "[kbq-title]", inputs: ["kbq-title", "ignoreTooltipPointerEvents"], exportAs: ["kbqTitle"] }, { kind: "ngmodule", type: KbqOverflowItemsModule }, { kind: "directive", type: i8.KbqOverflowItems, selector: "[kbqOverflowItems]", inputs: ["reverseOverflowOrder", "debounceTime", "additionalResizeObserverTargets", "orientation", "wrap"], outputs: ["changes"], exportAs: ["kbqOverflowItems"] }, { kind: "directive", type: i8.KbqOverflowItem, selector: "[kbqOverflowItem]", inputs: ["kbqOverflowItem", "order", "alwaysVisible"], exportAs: ["kbqOverflowItem"] }, { kind: "directive", type: i8.KbqOverflowItemsResult, selector: "[kbqOverflowItemsResult]", exportAs: ["kbqOverflowItemsResult"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
592
592
  }
593
593
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqBreadcrumbs, decorators: [{
594
594
  type: Component,
@@ -617,7 +617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
617
617
  inputs: ['dir', 'loop']
618
618
  },
619
619
  { directive: KbqLocaleOverridesDirective, inputs: ['kbqLocaleOverrides: localeOverrides'] }
620
- ], template: "@let allItems = items();\n@if (allItems.length < minVisibleItems || wrapMode() !== 'auto') {\n <div class=\"kbq-breadcrumbs__list\" role=\"list\">\n @for (item of allItems; track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: $last }\"\n />\n @if (!$last) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n }\n </div>\n }\n </div>\n} @else {\n <div\n #kbqOverflowItems=\"kbqOverflowItems\"\n kbqOverflowItems\n reverseOverflowOrder\n role=\"list\"\n class=\"layout-align-start-center\"\n >\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"0\" [order]=\"allItems.length\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[0], last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n <div kbqOverflowItemsResult class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <button\n #breadcrumbsResult\n kbq-button\n kbqBreadcrumb\n class=\"kbq-breadcrumb__expand\"\n [attr.aria-label]=\"a11yLocaleConfiguration().expandBreadcrumbs\"\n [focusable]=\"!disabled()\"\n [disabled]=\"disabled()\"\n [kbqDropdownTriggerFor]=\"hiddenBreadcrumbsDropdown\"\n >\n <i kbq-icon=\"kbq-ellipsis-horizontal_16\" [color]=\"KbqComponentColors.ContrastFade\"></i>\n </button>\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n\n <kbq-dropdown #hiddenBreadcrumbsDropdown=\"kbqDropdown\">\n @for (item of allItems; track item) {\n @if (hiddenItemIDs().has($index)) {\n <a\n kbq-dropdown-item\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled()\"\n >\n @if (item.customTemplateRef(); as customTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"customTemplateRef\" />\n } @else {\n {{ item.text() }}\n }\n </a>\n }\n }\n </kbq-dropdown>\n </div>\n @for (item of itemsExcludingEdges(); track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"$index + 1\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n }\n <div\n alwaysVisible\n class=\"kbq-breadcrumb-item__container\"\n role=\"listitem\"\n [kbqOverflowItem]=\"allItems.length - 1\"\n >\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[allItems.length - 1], last: true }\"\n />\n </div>\n </div>\n}\n\n<ng-template #breadcrumbTemplate let-item let-last=\"last\">\n @if (item.customTemplateRef()) {\n <ng-container [ngTemplateOutlet]=\"item.customTemplateRef()!\" />\n } @else {\n <a\n kbq-button\n kbq-title\n kbqBreadcrumb\n [focusable]=\"!disabled() && !item.disabled() && !last\"\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() || last ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled() || last\"\n [kbqPlacementPriority]=\"PopUpPlacements.Bottom\"\n [kbqTooltipArrow]=\"false\"\n >\n {{ item.text() }}\n </a>\n }\n</ng-template>\n\n<ng-template #separatorTemplate>\n @if (separator(); as separatorTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplateRef\" />\n } @else {\n <i aria-hidden=\"true\" class=\"kbq-breadcrumb__separator\">&nbsp;/&nbsp;</i>\n }\n</ng-template>\n", styles: [".kbq-breadcrumbs{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap);flex-grow:1}.kbq-breadcrumbs kbq-breadcrumb-item{display:none;position:absolute;top:0;left:0}.kbq-breadcrumbs .kbq-overflow-items{padding:1px}.kbq-breadcrumbs .kbq-breadcrumbs__list{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap)}.kbq-breadcrumbs .kbq-breadcrumb-item__container{display:inline-flex;align-items:center}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-overflow-items,.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-breadcrumbs__list{margin-left:var(--kbq-breadcrumb-item-negative-margin)}.kbq-breadcrumbs.kbq-breadcrumbs_wrap,.kbq-breadcrumbs.kbq-breadcrumbs_wrap .kbq-breadcrumbs__list{flex-wrap:wrap}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{--kbq-breadcrumb-item-height: var(--kbq-size-xxl)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb__expand.kbq-button-icon{--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-xxs)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height);--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding);--kbq-button-size-border-radius: var(--kbq-breadcrumb-item-border-radius)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger{--kbq-dropdown-trigger-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item:focus-visible{outline-offset:unset}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-icon-size-horizontal-padding: var(--kbq-breadcrumb-item-expand-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast-secondary);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-breadcrumb-item-icon-color);--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-item-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page],.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page]{--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page].kbq-disabled,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page].kbq-disabled{--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var( --kbq-breadcrumb-item-icon-color );--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var( --kbq-breadcrumb-item-icon-color )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-hover );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-hover )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-active );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-active )}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-expand-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-hover)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-active)}.kbq-breadcrumbs .kbq-breadcrumb__separator{color:var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-breadcrumbs .kbq-breadcrumb__separator{-webkit-user-select:none;user-select:none;font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-breadcrumbs){--kbq-breadcrumb-item-horizontal-padding: var(--kbq-size-xs);--kbq-breadcrumb-item-height: var(--kbq-size-3xl);--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-s);--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-border-radius: var(--kbq-size-xs);--kbq-breadcrumb-item-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-negative-margin: calc(-1 * var(--kbq-size-xs));--kbq-breadcrumbs-gap: 0}\n"] }]
620
+ ], template: "@let allItems = items();\n@if (allItems.length < minVisibleItems || wrapMode() !== 'auto') {\n <div class=\"kbq-breadcrumbs__list\" role=\"list\">\n @for (item of allItems; track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: $last }\"\n />\n @if (!$last) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n }\n </div>\n }\n </div>\n} @else {\n <div\n #kbqOverflowItems=\"kbqOverflowItems\"\n kbqOverflowItems\n reverseOverflowOrder\n role=\"list\"\n class=\"layout-align-start-center\"\n >\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"0\" [order]=\"allItems.length\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[0], last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n <div kbqOverflowItemsResult class=\"kbq-breadcrumb-item__container\" role=\"listitem\">\n <button\n #breadcrumbsResult\n kbq-button\n kbqBreadcrumb\n class=\"kbq-breadcrumb__expand\"\n [attr.aria-label]=\"a11yLocaleConfiguration().expandBreadcrumbs\"\n [focusable]=\"!disabled()\"\n [disabled]=\"disabled()\"\n [kbqDropdownTriggerFor]=\"hiddenBreadcrumbsDropdown\"\n >\n <i kbq-icon=\"kbq-ellipsis-horizontal_16\" [color]=\"KbqComponentColors.ContrastFade\"></i>\n </button>\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n\n <kbq-dropdown #hiddenBreadcrumbsDropdown=\"kbqDropdown\">\n @for (item of allItems; track item) {\n @if (hiddenItemIDs().has($index)) {\n <a\n kbq-dropdown-item\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled()\"\n >\n @if (item.customTemplateRef(); as customTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"customTemplateRef\" />\n } @else {\n {{ item.text() }}\n }\n </a>\n }\n }\n </kbq-dropdown>\n </div>\n @for (item of itemsExcludingEdges(); track item) {\n <div class=\"kbq-breadcrumb-item__container\" role=\"listitem\" [kbqOverflowItem]=\"$index + 1\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item, last: false }\"\n />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n }\n <div\n alwaysVisible\n class=\"kbq-breadcrumb-item__container\"\n role=\"listitem\"\n [kbqOverflowItem]=\"allItems.length - 1\"\n >\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: allItems[allItems.length - 1], last: true }\"\n />\n </div>\n </div>\n}\n\n<ng-template #breadcrumbTemplate let-item let-last=\"last\">\n @if (item.customTemplateRef()) {\n <ng-container [ngTemplateOutlet]=\"item.customTemplateRef()!\" />\n } @else {\n <a\n kbq-button\n kbq-title\n kbqBreadcrumb\n [focusable]=\"!disabled() && !item.disabled() && !last\"\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"item.current() || last ? 'page' : null\"\n [disabled]=\"disabled() || item.disabled() || last\"\n [kbqPlacementPriority]=\"PopUpPlacements.Bottom\"\n [kbqTooltipArrow]=\"false\"\n >\n {{ item.text() }}\n </a>\n }\n</ng-template>\n\n<ng-template #separatorTemplate>\n @if (separator(); as separatorTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplateRef\" />\n } @else {\n <i aria-hidden=\"true\" class=\"kbq-breadcrumb__separator\">&nbsp;/&nbsp;</i>\n }\n</ng-template>\n", styles: [".kbq-breadcrumbs{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap);flex-grow:1}.kbq-breadcrumbs kbq-breadcrumb-item{display:none;position:absolute;top:0;left:0}.kbq-breadcrumbs .kbq-overflow-items{padding:1px;margin:-1px}.kbq-breadcrumbs .kbq-breadcrumbs__list{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap)}.kbq-breadcrumbs .kbq-breadcrumb-item__container{display:inline-flex;align-items:center}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-breadcrumbs__list{margin-left:var(--kbq-breadcrumb-item-negative-margin)}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-overflow-items{margin-left:calc(var(--kbq-breadcrumb-item-negative-margin) - 1px)}.kbq-breadcrumbs.kbq-breadcrumbs_wrap,.kbq-breadcrumbs.kbq-breadcrumbs_wrap .kbq-breadcrumbs__list{flex-wrap:wrap}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{--kbq-breadcrumb-item-height: var(--kbq-size-xxl)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb__expand.kbq-button-icon{--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-xxs)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height);--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding);--kbq-button-size-border-radius: var(--kbq-breadcrumb-item-border-radius)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger{--kbq-dropdown-trigger-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item:focus-visible{outline-offset:unset}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-icon-size-horizontal-padding: var(--kbq-breadcrumb-item-expand-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast-secondary);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-breadcrumb-item-icon-color);--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-item-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page],.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page]{--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page].kbq-disabled,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page].kbq-disabled{--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var( --kbq-breadcrumb-item-icon-color );--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var( --kbq-breadcrumb-item-icon-color )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-hover );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-hover )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-active );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-active )}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-expand-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-hover)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-active)}.kbq-breadcrumbs .kbq-breadcrumb__separator{color:var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-breadcrumbs .kbq-breadcrumb__separator{-webkit-user-select:none;user-select:none;font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-breadcrumbs){--kbq-breadcrumb-item-horizontal-padding: var(--kbq-size-xs);--kbq-breadcrumb-item-height: var(--kbq-size-3xl);--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-s);--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-border-radius: var(--kbq-size-xs);--kbq-breadcrumb-item-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-negative-margin: calc(-1 * var(--kbq-size-xs));--kbq-breadcrumbs-gap: 0}\n"] }]
621
621
  }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], firstItemNegativeMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstItemNegativeMargin", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], wrapMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrapMode", required: false }] }], separator: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqBreadcrumbsSeparator), { ...{ read: TemplateRef }, isSignal: true }] }], items: [{ type: i0.ContentChildren, args: [forwardRef(() => KbqBreadcrumbItem), { isSignal: true }] }], resultDropdownTrigger: [{ type: i0.ViewChild, args: ['breadcrumbsResult', { ...{ read: KbqDropdownTrigger }, isSignal: true }] }], result: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqOverflowItemsResult), { isSignal: true }] }], overflowItems: [{ type: i0.ViewChildren, args: [forwardRef(() => KbqOverflowItem), { isSignal: true }] }], overflowItemsDir: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqOverflowItems), { isSignal: true }] }] } });
622
622
 
623
623
  const COMPONENTS = [