@koobiq/components 18.28.0 → 18.30.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 (410) hide show
  1. package/accordion/accordion-trigger.component.scss +2 -0
  2. package/actions-panel/actions-panel-container.scss +4 -1
  3. package/actions-panel/actions-panel-tokens.scss +2 -1
  4. package/breadcrumbs/breadcrumbs.d.ts +1 -1
  5. package/checkbox/checkbox.scss +2 -0
  6. package/code-block/_code-block-theme.scss +4 -12
  7. package/code-block/code-block-tokens.scss +3 -2
  8. package/code-block/code-block.scss +41 -10
  9. package/core/common-behaviors/clipboard.d.ts +12 -0
  10. package/core/common-behaviors/index.d.ts +1 -0
  11. package/core/formatters/filesize/config.d.ts +66 -0
  12. package/core/formatters/filesize/formatter.d.ts +17 -0
  13. package/core/{utils/data-size → formatters/filesize}/index.d.ts +1 -1
  14. package/core/formatters/filesize/size.d.ts +52 -0
  15. package/core/formatters/index.d.ts +3 -1
  16. package/core/formatters/number/formatter.d.ts +13 -4
  17. package/core/forms/validators.d.ts +13 -0
  18. package/core/locales/formatters.d.ts +9 -1
  19. package/core/locales/locale-service.d.ts +9 -1
  20. package/core/locales/types.d.ts +14 -0
  21. package/core/pop-up/pop-up-trigger.d.ts +3 -4
  22. package/core/pop-up/pop-up.d.ts +2 -1
  23. package/core/select/common.d.ts +3 -3
  24. package/core/utils/public-api.d.ts +0 -1
  25. package/datepicker/calendar.scss +2 -0
  26. package/datepicker/datepicker-tokens.scss +1 -1
  27. package/dropdown/dropdown-item.component.d.ts +3 -1
  28. package/ellipsis-center/ellipsis-center.directive.d.ts +8 -2
  29. package/esm2022/accordion/accordion-content.mjs +4 -4
  30. package/esm2022/accordion/accordion-header.mjs +4 -4
  31. package/esm2022/accordion/accordion-item.mjs +4 -4
  32. package/esm2022/accordion/accordion-trigger.component.mjs +6 -6
  33. package/esm2022/accordion/accordion.component.mjs +4 -4
  34. package/esm2022/accordion/accordion.module.mjs +5 -5
  35. package/esm2022/actions-panel/actions-panel-container.mjs +6 -6
  36. package/esm2022/actions-panel/actions-panel.mjs +13 -13
  37. package/esm2022/actions-panel/module.mjs +5 -5
  38. package/esm2022/alert/alert.component.mjs +13 -13
  39. package/esm2022/alert/alert.module.mjs +5 -5
  40. package/esm2022/autocomplete/autocomplete-origin.directive.mjs +4 -4
  41. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +4 -4
  42. package/esm2022/autocomplete/autocomplete.component.mjs +4 -4
  43. package/esm2022/autocomplete/autocomplete.module.mjs +5 -5
  44. package/esm2022/badge/badge.component.mjs +10 -10
  45. package/esm2022/badge/badge.module.mjs +5 -5
  46. package/esm2022/breadcrumbs/breadcrumbs.mjs +17 -17
  47. package/esm2022/breadcrumbs/breadcrumbs.module.mjs +5 -5
  48. package/esm2022/button/button.component.mjs +7 -7
  49. package/esm2022/button/button.dropdown-trigger.directive.mjs +4 -4
  50. package/esm2022/button/button.module.mjs +5 -5
  51. package/esm2022/button-toggle/button-toggle.component.mjs +7 -7
  52. package/esm2022/button-toggle/button-toggle.module.mjs +5 -5
  53. package/esm2022/checkbox/checkbox-module.mjs +5 -5
  54. package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
  55. package/esm2022/checkbox/checkbox.mjs +5 -5
  56. package/esm2022/code-block/code-block-highlight.mjs +4 -4
  57. package/esm2022/code-block/code-block.mjs +8 -5
  58. package/esm2022/code-block/code-block.module.mjs +5 -5
  59. package/esm2022/core/common-behaviors/clipboard.mjs +31 -0
  60. package/esm2022/core/common-behaviors/color.mjs +4 -4
  61. package/esm2022/core/common-behaviors/common-module.mjs +5 -5
  62. package/esm2022/core/common-behaviors/index.mjs +2 -1
  63. package/esm2022/core/error/error-state-matcher.mjs +10 -10
  64. package/esm2022/core/formatters/date/formatter.mjs +4 -4
  65. package/esm2022/core/formatters/date/formatter.pipe.mjs +79 -79
  66. package/esm2022/core/formatters/filesize/config.mjs +32 -0
  67. package/esm2022/core/formatters/filesize/formatter.mjs +43 -0
  68. package/esm2022/core/formatters/filesize/index.mjs +4 -0
  69. package/esm2022/core/formatters/filesize/size.mjs +65 -0
  70. package/esm2022/core/formatters/index.mjs +15 -9
  71. package/esm2022/core/formatters/number/formatter.mjs +38 -36
  72. package/esm2022/core/forms/forms-module.mjs +5 -5
  73. package/esm2022/core/forms/forms.directive.mjs +7 -7
  74. package/esm2022/core/forms/validators.mjs +22 -1
  75. package/esm2022/core/highlight/highlight.pipe.mjs +4 -4
  76. package/esm2022/core/highlight/index.mjs +5 -5
  77. package/esm2022/core/line/line.mjs +8 -8
  78. package/esm2022/core/locales/formatters.mjs +21 -13
  79. package/esm2022/core/locales/locale-service.mjs +4 -4
  80. package/esm2022/core/locales/locale-service.module.mjs +5 -5
  81. package/esm2022/core/locales/types.mjs +1 -1
  82. package/esm2022/core/option/action.mjs +4 -4
  83. package/esm2022/core/option/optgroup.mjs +4 -4
  84. package/esm2022/core/option/option-module.mjs +5 -5
  85. package/esm2022/core/option/option.mjs +4 -4
  86. package/esm2022/core/pop-up/pop-up-trigger.mjs +22 -13
  87. package/esm2022/core/pop-up/pop-up.mjs +9 -5
  88. package/esm2022/core/select/common.mjs +21 -19
  89. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
  90. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +5 -5
  91. package/esm2022/core/services/measure-scrollbar.service.mjs +4 -4
  92. package/esm2022/core/services/theme.service.mjs +4 -4
  93. package/esm2022/core/utils/public-api.mjs +1 -2
  94. package/esm2022/core/version.mjs +2 -2
  95. package/esm2022/datepicker/calendar-body.component.mjs +4 -4
  96. package/esm2022/datepicker/calendar-header.component.mjs +4 -4
  97. package/esm2022/datepicker/calendar.component.mjs +5 -5
  98. package/esm2022/datepicker/datepicker-input.directive.mjs +4 -4
  99. package/esm2022/datepicker/datepicker-intl.mjs +4 -4
  100. package/esm2022/datepicker/datepicker-module.mjs +5 -5
  101. package/esm2022/datepicker/datepicker-toggle.component.mjs +7 -7
  102. package/esm2022/datepicker/datepicker.component.mjs +8 -8
  103. package/esm2022/datepicker/month-view.component.mjs +4 -4
  104. package/esm2022/divider/divider.component.mjs +4 -4
  105. package/esm2022/divider/divider.module.mjs +5 -5
  106. package/esm2022/dl/dl.component.mjs +10 -10
  107. package/esm2022/dl/dl.module.mjs +5 -5
  108. package/esm2022/dropdown/dropdown-content.directive.mjs +4 -4
  109. package/esm2022/dropdown/dropdown-item.component.mjs +9 -7
  110. package/esm2022/dropdown/dropdown-trigger.directive.mjs +4 -4
  111. package/esm2022/dropdown/dropdown.component.mjs +4 -4
  112. package/esm2022/dropdown/dropdown.module.mjs +5 -5
  113. package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +20 -10
  114. package/esm2022/empty-state/empty-state.component.mjs +16 -16
  115. package/esm2022/empty-state/empty-state.module.mjs +5 -5
  116. package/esm2022/file-upload/file-drop.mjs +4 -4
  117. package/esm2022/file-upload/file-upload.mjs +2 -1
  118. package/esm2022/file-upload/file-upload.module.mjs +5 -5
  119. package/esm2022/file-upload/multiple-file-upload.component.mjs +23 -9
  120. package/esm2022/file-upload/single-file-upload.component.mjs +18 -9
  121. package/esm2022/filter-bar/filter-bar-button.mjs +4 -4
  122. package/esm2022/filter-bar/filter-bar.mjs +4 -4
  123. package/esm2022/filter-bar/filter-bar.module.mjs +5 -5
  124. package/esm2022/filter-bar/filter-bar.types.mjs +32 -1
  125. package/esm2022/filter-bar/filter-refresher.mjs +4 -4
  126. package/esm2022/filter-bar/filter-reset.mjs +4 -4
  127. package/esm2022/filter-bar/filter-search.mjs +5 -5
  128. package/esm2022/filter-bar/filters.mjs +27 -20
  129. package/esm2022/filter-bar/pipe-add.mjs +5 -5
  130. package/esm2022/filter-bar/pipe.directive.mjs +4 -4
  131. package/esm2022/filter-bar/pipes/base-pipe.mjs +7 -7
  132. package/esm2022/filter-bar/pipes/pipe-button.mjs +5 -5
  133. package/esm2022/filter-bar/pipes/pipe-date.mjs +6 -6
  134. package/esm2022/filter-bar/pipes/pipe-datetime.mjs +6 -6
  135. package/esm2022/filter-bar/pipes/pipe-multi-select.mjs +29 -11
  136. package/esm2022/filter-bar/pipes/pipe-multi-tree-select.mjs +234 -0
  137. package/esm2022/filter-bar/pipes/pipe-readonly.mjs +6 -6
  138. package/esm2022/filter-bar/pipes/pipe-select.mjs +6 -6
  139. package/esm2022/filter-bar/pipes/pipe-state.mjs +4 -4
  140. package/esm2022/filter-bar/pipes/pipe-text.mjs +6 -6
  141. package/esm2022/filter-bar/pipes/pipe-title.mjs +4 -4
  142. package/esm2022/filter-bar/pipes/pipe-tree-select.mjs +136 -0
  143. package/esm2022/filter-bar/public-api.mjs +2 -1
  144. package/esm2022/form-field/cleaner.mjs +4 -4
  145. package/esm2022/form-field/form-field.mjs +16 -16
  146. package/esm2022/form-field/form-field.module.mjs +5 -5
  147. package/esm2022/form-field/hint.mjs +4 -4
  148. package/esm2022/form-field/password-hint.mjs +9 -7
  149. package/esm2022/form-field/password-toggle.mjs +4 -4
  150. package/esm2022/form-field/prefix.mjs +4 -4
  151. package/esm2022/form-field/stepper.mjs +23 -7
  152. package/esm2022/form-field/suffix.mjs +4 -4
  153. package/esm2022/form-field/validate.directive.mjs +4 -4
  154. package/esm2022/icon/icon-button.component.mjs +4 -4
  155. package/esm2022/icon/icon-item.component.mjs +4 -4
  156. package/esm2022/icon/icon.component.mjs +4 -4
  157. package/esm2022/icon/icon.module.mjs +5 -5
  158. package/esm2022/input/input-number-validators.mjs +7 -7
  159. package/esm2022/input/input-number.mjs +13 -12
  160. package/esm2022/input/input-password.mjs +4 -4
  161. package/esm2022/input/input.mjs +7 -7
  162. package/esm2022/input/input.module.mjs +5 -5
  163. package/esm2022/link/link.component.mjs +4 -4
  164. package/esm2022/link/link.module.mjs +5 -5
  165. package/esm2022/list/list-selection.component.mjs +10 -10
  166. package/esm2022/list/list.component.mjs +7 -7
  167. package/esm2022/list/list.module.mjs +5 -5
  168. package/esm2022/loader-overlay/loader-overlay.component.mjs +13 -13
  169. package/esm2022/loader-overlay/loader-overlay.module.mjs +5 -5
  170. package/esm2022/markdown/markdown.component.mjs +4 -4
  171. package/esm2022/markdown/markdown.module.mjs +5 -5
  172. package/esm2022/markdown/markdown.service.mjs +4 -4
  173. package/esm2022/modal/css-unit.pipe.mjs +4 -4
  174. package/esm2022/modal/modal-control.service.mjs +4 -4
  175. package/esm2022/modal/modal.component.mjs +4 -4
  176. package/esm2022/modal/modal.directive.mjs +13 -13
  177. package/esm2022/modal/modal.module.mjs +5 -5
  178. package/esm2022/modal/modal.service.mjs +4 -4
  179. package/esm2022/modal/modal.type.mjs +1 -1
  180. package/esm2022/navbar/navbar-item.component.mjs +28 -28
  181. package/esm2022/navbar/navbar.component.mjs +10 -10
  182. package/esm2022/navbar/navbar.module.mjs +5 -5
  183. package/esm2022/navbar/vertical-navbar.component.mjs +4 -4
  184. package/esm2022/overflow-items/module.mjs +5 -5
  185. package/esm2022/overflow-items/overflow-items.mjs +56 -83
  186. package/esm2022/popover/popover-confirm.component.mjs +7 -7
  187. package/esm2022/popover/popover.component.mjs +15 -9
  188. package/esm2022/popover/popover.module.mjs +5 -5
  189. package/esm2022/progress-bar/progress-bar.component.mjs +10 -10
  190. package/esm2022/progress-bar/progress-bar.module.mjs +5 -5
  191. package/esm2022/progress-spinner/progress-spinner.component.mjs +10 -10
  192. package/esm2022/progress-spinner/progress-spinner.module.mjs +5 -5
  193. package/esm2022/radio/radio.component.mjs +7 -7
  194. package/esm2022/radio/radio.module.mjs +5 -5
  195. package/esm2022/risk-level/risk-level.component.mjs +4 -4
  196. package/esm2022/risk-level/risk-level.module.mjs +5 -5
  197. package/esm2022/scrollbar/scrollbar.component.mjs +4 -4
  198. package/esm2022/scrollbar/scrollbar.directive.mjs +4 -4
  199. package/esm2022/scrollbar/scrollbar.module.mjs +5 -5
  200. package/esm2022/select/select-option.directive.mjs +4 -4
  201. package/esm2022/select/select.component.mjs +10 -11
  202. package/esm2022/select/select.module.mjs +5 -5
  203. package/esm2022/sidebar/sidebar.component.mjs +18 -12
  204. package/esm2022/sidebar/sidebar.module.mjs +5 -5
  205. package/esm2022/sidepanel/sidepanel-container.component.mjs +4 -4
  206. package/esm2022/sidepanel/sidepanel-directives.mjs +16 -16
  207. package/esm2022/sidepanel/sidepanel.module.mjs +5 -5
  208. package/esm2022/sidepanel/sidepanel.service.mjs +4 -4
  209. package/esm2022/splitter/splitter.component.mjs +13 -13
  210. package/esm2022/splitter/splitter.module.mjs +5 -5
  211. package/esm2022/table/table.component.mjs +7 -7
  212. package/esm2022/table/table.module.mjs +5 -5
  213. package/esm2022/tabs/paginated-tab-header.mjs +4 -4
  214. package/esm2022/tabs/tab-body.component.mjs +7 -7
  215. package/esm2022/tabs/tab-content.directive.mjs +4 -4
  216. package/esm2022/tabs/tab-group.component.mjs +16 -16
  217. package/esm2022/tabs/tab-header.component.mjs +4 -4
  218. package/esm2022/tabs/tab-label-wrapper.directive.mjs +4 -4
  219. package/esm2022/tabs/tab-label.directive.mjs +4 -4
  220. package/esm2022/tabs/tab-nav-bar.mjs +10 -10
  221. package/esm2022/tabs/tab.component.mjs +4 -4
  222. package/esm2022/tabs/tabs.module.mjs +5 -5
  223. package/esm2022/tags/tag-input.mjs +4 -4
  224. package/esm2022/tags/tag-list.component.mjs +5 -5
  225. package/esm2022/tags/tag.component.mjs +13 -13
  226. package/esm2022/tags/tag.module.mjs +5 -5
  227. package/esm2022/textarea/textarea.component.mjs +4 -4
  228. package/esm2022/textarea/textarea.module.mjs +5 -5
  229. package/esm2022/timepicker/timepicker.directive.mjs +4 -4
  230. package/esm2022/timepicker/timepicker.module.mjs +5 -5
  231. package/esm2022/timezone/cities-by-filter.pipe.mjs +4 -4
  232. package/esm2022/timezone/timezone-option.component.mjs +4 -4
  233. package/esm2022/timezone/timezone-option.directive.mjs +4 -4
  234. package/esm2022/timezone/timezone-select.component.mjs +9 -9
  235. package/esm2022/timezone/timezone.module.mjs +5 -5
  236. package/esm2022/timezone/utc-offset.pipe.mjs +4 -4
  237. package/esm2022/title/title.directive.mjs +4 -4
  238. package/esm2022/title/title.module.mjs +5 -5
  239. package/esm2022/toast/toast-container.component.mjs +4 -4
  240. package/esm2022/toast/toast.component.mjs +7 -7
  241. package/esm2022/toast/toast.module.mjs +5 -5
  242. package/esm2022/toast/toast.service.mjs +4 -4
  243. package/esm2022/toggle/toggle.component.mjs +4 -4
  244. package/esm2022/toggle/toggle.module.mjs +5 -5
  245. package/esm2022/tooltip/tooltip.component.mjs +23 -14
  246. package/esm2022/tooltip/tooltip.module.mjs +5 -5
  247. package/esm2022/top-bar/module.mjs +5 -5
  248. package/esm2022/top-bar/top-bar.mjs +12 -12
  249. package/esm2022/tree/control/flat-tree-control.filters.mjs +10 -2
  250. package/esm2022/tree/node.mjs +4 -4
  251. package/esm2022/tree/outlet.mjs +4 -4
  252. package/esm2022/tree/padding.directive.mjs +4 -4
  253. package/esm2022/tree/toggle.mjs +10 -10
  254. package/esm2022/tree/tree-base.mjs +7 -7
  255. package/esm2022/tree/tree-option.component.mjs +11 -7
  256. package/esm2022/tree/tree-selection.component.mjs +6 -4
  257. package/esm2022/tree/tree.mjs +4 -4
  258. package/esm2022/tree/tree.module.mjs +5 -5
  259. package/esm2022/tree-select/tree-select.component.mjs +5 -5
  260. package/esm2022/tree-select/tree-select.module.mjs +5 -5
  261. package/fesm2022/koobiq-components-accordion.mjs +21 -21
  262. package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
  263. package/fesm2022/koobiq-components-actions-panel.mjs +21 -21
  264. package/fesm2022/koobiq-components-actions-panel.mjs.map +1 -1
  265. package/fesm2022/koobiq-components-alert.mjs +16 -16
  266. package/fesm2022/koobiq-components-alert.mjs.map +1 -1
  267. package/fesm2022/koobiq-components-autocomplete.mjs +13 -13
  268. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  269. package/fesm2022/koobiq-components-badge.mjs +13 -13
  270. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  271. package/fesm2022/koobiq-components-breadcrumbs.mjs +20 -20
  272. package/fesm2022/koobiq-components-breadcrumbs.mjs.map +1 -1
  273. package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
  274. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  275. package/fesm2022/koobiq-components-button.mjs +13 -13
  276. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  277. package/fesm2022/koobiq-components-checkbox.mjs +11 -11
  278. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  279. package/fesm2022/koobiq-components-code-block.mjs +14 -11
  280. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  281. package/fesm2022/koobiq-components-core.mjs +452 -333
  282. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  283. package/fesm2022/koobiq-components-datepicker.mjs +36 -36
  284. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  285. package/fesm2022/koobiq-components-divider.mjs +7 -7
  286. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  287. package/fesm2022/koobiq-components-dl.mjs +13 -13
  288. package/fesm2022/koobiq-components-dl.mjs.map +1 -1
  289. package/fesm2022/koobiq-components-dropdown.mjs +21 -19
  290. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  291. package/fesm2022/koobiq-components-ellipsis-center.mjs +19 -9
  292. package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
  293. package/fesm2022/koobiq-components-empty-state.mjs +19 -19
  294. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  295. package/fesm2022/koobiq-components-file-upload.mjs +43 -21
  296. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  297. package/fesm2022/koobiq-components-filter-bar.mjs +481 -108
  298. package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
  299. package/fesm2022/koobiq-components-form-field.mjs +66 -49
  300. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  301. package/fesm2022/koobiq-components-icon.mjs +13 -13
  302. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  303. package/fesm2022/koobiq-components-input.mjs +32 -31
  304. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  305. package/fesm2022/koobiq-components-link.mjs +7 -7
  306. package/fesm2022/koobiq-components-link.mjs.map +1 -1
  307. package/fesm2022/koobiq-components-list.mjs +19 -19
  308. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  309. package/fesm2022/koobiq-components-loader-overlay.mjs +16 -16
  310. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  311. package/fesm2022/koobiq-components-markdown.mjs +10 -10
  312. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  313. package/fesm2022/koobiq-components-modal.mjs +28 -28
  314. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  315. package/fesm2022/koobiq-components-navbar.mjs +43 -43
  316. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  317. package/fesm2022/koobiq-components-overflow-items.mjs +59 -86
  318. package/fesm2022/koobiq-components-overflow-items.mjs.map +1 -1
  319. package/fesm2022/koobiq-components-popover.mjs +24 -18
  320. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  321. package/fesm2022/koobiq-components-progress-bar.mjs +13 -13
  322. package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
  323. package/fesm2022/koobiq-components-progress-spinner.mjs +13 -13
  324. package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
  325. package/fesm2022/koobiq-components-radio.mjs +10 -10
  326. package/fesm2022/koobiq-components-radio.mjs.map +1 -1
  327. package/fesm2022/koobiq-components-risk-level.mjs +7 -7
  328. package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
  329. package/fesm2022/koobiq-components-scrollbar.mjs +10 -10
  330. package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
  331. package/fesm2022/koobiq-components-select.mjs +16 -17
  332. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  333. package/fesm2022/koobiq-components-sidebar.mjs +21 -15
  334. package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
  335. package/fesm2022/koobiq-components-sidepanel.mjs +25 -25
  336. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  337. package/fesm2022/koobiq-components-splitter.mjs +16 -16
  338. package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
  339. package/fesm2022/koobiq-components-table.mjs +10 -10
  340. package/fesm2022/koobiq-components-table.mjs.map +1 -1
  341. package/fesm2022/koobiq-components-tabs.mjs +52 -52
  342. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  343. package/fesm2022/koobiq-components-tags.mjs +23 -23
  344. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  345. package/fesm2022/koobiq-components-textarea.mjs +7 -7
  346. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  347. package/fesm2022/koobiq-components-timepicker.mjs +7 -7
  348. package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
  349. package/fesm2022/koobiq-components-timezone.mjs +24 -24
  350. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  351. package/fesm2022/koobiq-components-title.mjs +7 -7
  352. package/fesm2022/koobiq-components-title.mjs.map +1 -1
  353. package/fesm2022/koobiq-components-toast.mjs +16 -16
  354. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  355. package/fesm2022/koobiq-components-toggle.mjs +7 -7
  356. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  357. package/fesm2022/koobiq-components-tooltip.mjs +26 -17
  358. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  359. package/fesm2022/koobiq-components-top-bar.mjs +15 -15
  360. package/fesm2022/koobiq-components-top-bar.mjs.map +1 -1
  361. package/fesm2022/koobiq-components-tree-select.mjs +8 -8
  362. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  363. package/fesm2022/koobiq-components-tree.mjs +54 -40
  364. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  365. package/file-upload/_file-upload-theme.scss +125 -32
  366. package/file-upload/file-upload-tokens.scss +42 -14
  367. package/file-upload/file-upload.d.ts +1 -0
  368. package/file-upload/multiple-file-upload.component.d.ts +12 -5
  369. package/file-upload/multiple-file-upload.component.scss +66 -69
  370. package/file-upload/single-file-upload.component.d.ts +7 -1
  371. package/file-upload/single-file-upload.component.scss +9 -0
  372. package/filter-bar/filter-bar.types.d.ts +28 -1
  373. package/filter-bar/filters.d.ts +3 -2
  374. package/filter-bar/filters.scss +4 -0
  375. package/filter-bar/pipes/base-pipe.scss +1 -0
  376. package/filter-bar/pipes/pipe-multi-select.d.ts +6 -1
  377. package/filter-bar/pipes/pipe-multi-tree-select.d.ts +57 -0
  378. package/filter-bar/pipes/pipe-multi-tree-select.scss +19 -0
  379. package/filter-bar/pipes/pipe-tree-select.d.ts +41 -0
  380. package/filter-bar/pipes/pipe-tree-select.scss +9 -0
  381. package/filter-bar/public-api.d.ts +1 -0
  382. package/form-field/_form-field-theme.scss +12 -12
  383. package/form-field/form-field.d.ts +3 -1
  384. package/form-field/form-field.scss +58 -61
  385. package/form-field/stepper.d.ts +15 -1
  386. package/input/_input-theme.scss +6 -0
  387. package/input/input-number.d.ts +1 -0
  388. package/modal/modal.type.d.ts +1 -1
  389. package/overflow-items/overflow-items.d.ts +17 -26
  390. package/package.json +5 -5
  391. package/popover/popover.component.d.ts +4 -2
  392. package/prebuilt-themes/dark-theme.css +1 -1
  393. package/prebuilt-themes/light-theme.css +1 -1
  394. package/prebuilt-themes/theme.css +1 -1
  395. package/schematics/ng-add/index.js +5 -5
  396. package/select/_select-theme.scss +1 -1
  397. package/select/select.scss +2 -0
  398. package/tags/_tag-theme.scss +5 -0
  399. package/tags/tag-tokens.scss +17 -0
  400. package/tooltip/tooltip.component.d.ts +8 -1
  401. package/top-bar/top-bar.scss +1 -0
  402. package/tree/control/flat-tree-control.filters.d.ts +1 -0
  403. package/tree/tree-option.component.d.ts +3 -1
  404. package/core/utils/data-size/config.d.ts +0 -38
  405. package/core/utils/data-size/data-size.pipe.d.ts +0 -14
  406. package/core/utils/data-size/size.d.ts +0 -15
  407. package/esm2022/core/utils/data-size/config.mjs +0 -10
  408. package/esm2022/core/utils/data-size/data-size.pipe.mjs +0 -45
  409. package/esm2022/core/utils/data-size/index.mjs +0 -4
  410. package/esm2022/core/utils/data-size/size.mjs +0 -43
@@ -78,13 +78,21 @@ class BaseTreeControl {
78
78
  }
79
79
  }
80
80
 
81
+ const kbqTreeSelectAllValue = 'selectAll';
81
82
  class FilterByViewValue {
82
83
  constructor(control) {
83
84
  this.control = control;
84
85
  }
85
86
  handle(value) {
86
87
  const viewValue = value || null;
87
- this.result = this.control.dataNodes.filter((node) => this.control.compareViewValues(this.control.getViewValue(node), viewValue));
88
+ this.result = this.control.dataNodes.filter((node) => {
89
+ if (node['value'] === kbqTreeSelectAllValue)
90
+ return true;
91
+ return this.control.compareViewValues(this.control.getViewValue(node), viewValue);
92
+ });
93
+ if (this.result.length === 1 && this.result[0]['value'] === kbqTreeSelectAllValue) {
94
+ this.result.pop();
95
+ }
88
96
  return this.result;
89
97
  }
90
98
  }
@@ -460,10 +468,10 @@ class KbqTreeNodeDef {
460
468
  constructor(template) {
461
469
  this.template = template;
462
470
  }
463
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeDef, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
464
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodeDef, selector: "[kbqTreeNodeDef]", inputs: { when: ["kbqTreeNodeDefWhen", "when"], data: ["kbqTreeNode", "data"] }, ngImport: i0 }); }
471
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeDef, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
472
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeNodeDef, selector: "[kbqTreeNodeDef]", inputs: { when: ["kbqTreeNodeDefWhen", "when"], data: ["kbqTreeNode", "data"] }, ngImport: i0 }); }
465
473
  }
466
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeDef, decorators: [{
474
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeDef, decorators: [{
467
475
  type: Directive,
468
476
  args: [{
469
477
  selector: '[kbqTreeNodeDef]',
@@ -479,10 +487,10 @@ class KbqTreeNodeOutlet {
479
487
  this.viewContainer = viewContainer;
480
488
  this.changeDetectorRef = changeDetectorRef;
481
489
  }
482
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeOutlet, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
483
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodeOutlet, selector: "[kbqTreeNodeOutlet]", ngImport: i0 }); }
490
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeOutlet, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
491
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeNodeOutlet, selector: "[kbqTreeNodeOutlet]", ngImport: i0 }); }
484
492
  }
485
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeOutlet, decorators: [{
493
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeOutlet, decorators: [{
486
494
  type: Directive,
487
495
  args: [{ selector: '[kbqTreeNodeOutlet]' }]
488
496
  }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }] });
@@ -689,10 +697,10 @@ class KbqTreeBase {
689
697
  this.observeRenderChanges();
690
698
  }
691
699
  }
692
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeBase, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
693
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeBase, inputs: { treeControl: "treeControl", trackBy: "trackBy", dataSource: "dataSource" }, queries: [{ propertyName: "nodeDefs", predicate: KbqTreeNodeDef }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: KbqTreeNodeOutlet, descendants: true, static: true }], ngImport: i0 }); }
700
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeBase, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
701
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeBase, inputs: { treeControl: "treeControl", trackBy: "trackBy", dataSource: "dataSource" }, queries: [{ propertyName: "nodeDefs", predicate: KbqTreeNodeDef }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: KbqTreeNodeOutlet, descendants: true, static: true }], ngImport: i0 }); }
694
702
  }
695
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeBase, decorators: [{
703
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeBase, decorators: [{
696
704
  type: Directive
697
705
  }], ctorParameters: () => [{ type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }], propDecorators: { treeControl: [{
698
706
  type: Input
@@ -738,10 +746,10 @@ class KbqTreeNode {
738
746
  focus() {
739
747
  this.elementRef.nativeElement.focus();
740
748
  }
741
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNode, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => KbqTreeBase) }], target: i0.ɵɵFactoryTarget.Directive }); }
742
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNode, selector: "kbq-tree-node", exportAs: ["kbqTreeNode"], ngImport: i0 }); }
749
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNode, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => KbqTreeBase) }], target: i0.ɵɵFactoryTarget.Directive }); }
750
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeNode, selector: "kbq-tree-node", exportAs: ["kbqTreeNode"], ngImport: i0 }); }
743
751
  }
744
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNode, decorators: [{
752
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNode, decorators: [{
745
753
  type: Directive,
746
754
  args: [{
747
755
  selector: 'kbq-tree-node',
@@ -787,10 +795,10 @@ class KbqTreeNodeToggleBaseDirective {
787
795
  : this.tree.treeControl.toggle(this.treeNode.data);
788
796
  event.stopPropagation();
789
797
  }
790
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleBaseDirective, deps: [{ token: KbqTreeBase }, { token: KbqTreeNode }], target: i0.ɵɵFactoryTarget.Directive }); }
791
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.6", type: KbqTreeNodeToggleBaseDirective, inputs: { node: "node", recursive: ["kbqTreeNodeToggleRecursive", "recursive"], disabled: ["disabled", "disabled", booleanAttribute] }, ngImport: i0 }); }
798
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeToggleBaseDirective, deps: [{ token: KbqTreeBase }, { token: KbqTreeNode }], target: i0.ɵɵFactoryTarget.Directive }); }
799
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: KbqTreeNodeToggleBaseDirective, inputs: { node: "node", recursive: ["kbqTreeNodeToggleRecursive", "recursive"], disabled: ["disabled", "disabled", booleanAttribute] }, ngImport: i0 }); }
792
800
  }
793
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleBaseDirective, decorators: [{
801
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeToggleBaseDirective, decorators: [{
794
802
  type: Directive
795
803
  }], ctorParameters: () => [{ type: KbqTreeBase }, { type: KbqTreeNode }], propDecorators: { node: [{
796
804
  type: Input
@@ -802,12 +810,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
802
810
  args: [{ transform: booleanAttribute }]
803
811
  }] } });
804
812
  class KbqTreeNodeToggleComponent extends KbqTreeNodeToggleBaseDirective {
805
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
806
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodeToggleComponent, selector: "kbq-tree-node-toggle", host: { listeners: { "click": "toggle($event)" }, properties: { "class.kbq-expanded": "iconState", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-node-toggle" }, exportAs: ["kbqTreeNodeToggle"], usesInheritance: true, ngImport: i0, template: `
813
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
814
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeNodeToggleComponent, selector: "kbq-tree-node-toggle", host: { listeners: { "click": "toggle($event)" }, properties: { "class.kbq-expanded": "iconState", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-node-toggle" }, exportAs: ["kbqTreeNodeToggle"], usesInheritance: true, ngImport: i0, template: `
807
815
  <i kbq-icon="kbq-chevron-down-s_16"></i>
808
816
  `, isInline: true, styles: [".kbq-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;padding-left:var(--kbq-tree-size-toggle-padding);padding-right:var(--kbq-tree-size-toggle-padding);cursor:pointer}.kbq-tree-node-toggle .kbq-icon{transform:rotate(-90deg)}.kbq-tree-node-toggle.kbq-expanded .kbq-icon{transform:rotate(0)}.kbq-tree-node-toggle[disabled]{cursor:default}.kbq-tree-selection:focus{outline:none}.kbq-tree-option{background:var(--kbq-tree-default-container-background)}.kbq-tree-option .kbq-option-text{color:var(--kbq-tree-default-text-color)}.kbq-tree-option .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-default-tree-toggle-color)}.kbq-tree-option .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-default-action-button-color)}.kbq-tree-option .kbq-option-caption{color:var(--kbq-tree-default-caption-color)}.kbq-tree-option:hover:not(.kbq-disabled){background:var(--kbq-tree-states-hover-container-background)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-hover-text-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-hover-tree-toggle-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-hover-action-button-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-hover-caption-color)}.kbq-tree-option.kbq-selected{background:var(--kbq-tree-states-selected-container-background)}.kbq-tree-option.kbq-selected .kbq-option-text{color:var(--kbq-tree-states-selected-text-color)}.kbq-tree-option.kbq-selected .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-tree-toggle-color)}.kbq-tree-option.kbq-selected .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-action-button-color)}.kbq-tree-option.kbq-selected .kbq-option-caption{color:var(--kbq-tree-states-selected-caption-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-tree-states-selected-hover-container-background)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-selected-hover-text-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-hover-tree-toggle-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-hover-action-button-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-selected-hover-caption-color)}.kbq-tree-option.kbq-disabled{background:var(--kbq-tree-states-disabled-container-background)}.kbq-tree-option.kbq-disabled .kbq-option-text{color:var(--kbq-tree-states-disabled-text-color)}.kbq-tree-option.kbq-disabled .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-disabled-tree-toggle-color)}.kbq-tree-option.kbq-disabled .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-disabled-action-button-color)}.kbq-tree-option.kbq-disabled .kbq-option-caption{color:var(--kbq-tree-states-disabled-caption-color)}.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-states-icon-disabled)}.cdk-keyboard-focused .kbq-tree-option.kbq-focused{border-color:var(--kbq-tree-states-focused-focus-outline-color)}.kbq-tree-option{font-size:var(--kbq-typography-text-normal-font-size);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-tree-option-caption{font-size:var(--kbq-typography-text-compact-font-size);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-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-option-border-radius: var(--kbq-size-border-radius);--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
809
817
  }
810
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleComponent, decorators: [{
818
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeToggleComponent, decorators: [{
811
819
  type: Component,
812
820
  args: [{ selector: 'kbq-tree-node-toggle', exportAs: 'kbqTreeNodeToggle', template: `
813
821
  <i kbq-icon="kbq-chevron-down-s_16"></i>
@@ -819,10 +827,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
819
827
  }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;padding-left:var(--kbq-tree-size-toggle-padding);padding-right:var(--kbq-tree-size-toggle-padding);cursor:pointer}.kbq-tree-node-toggle .kbq-icon{transform:rotate(-90deg)}.kbq-tree-node-toggle.kbq-expanded .kbq-icon{transform:rotate(0)}.kbq-tree-node-toggle[disabled]{cursor:default}.kbq-tree-selection:focus{outline:none}.kbq-tree-option{background:var(--kbq-tree-default-container-background)}.kbq-tree-option .kbq-option-text{color:var(--kbq-tree-default-text-color)}.kbq-tree-option .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-default-tree-toggle-color)}.kbq-tree-option .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-default-action-button-color)}.kbq-tree-option .kbq-option-caption{color:var(--kbq-tree-default-caption-color)}.kbq-tree-option:hover:not(.kbq-disabled){background:var(--kbq-tree-states-hover-container-background)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-hover-text-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-hover-tree-toggle-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-hover-action-button-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-hover-caption-color)}.kbq-tree-option.kbq-selected{background:var(--kbq-tree-states-selected-container-background)}.kbq-tree-option.kbq-selected .kbq-option-text{color:var(--kbq-tree-states-selected-text-color)}.kbq-tree-option.kbq-selected .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-tree-toggle-color)}.kbq-tree-option.kbq-selected .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-action-button-color)}.kbq-tree-option.kbq-selected .kbq-option-caption{color:var(--kbq-tree-states-selected-caption-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-tree-states-selected-hover-container-background)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-selected-hover-text-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-hover-tree-toggle-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-hover-action-button-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-selected-hover-caption-color)}.kbq-tree-option.kbq-disabled{background:var(--kbq-tree-states-disabled-container-background)}.kbq-tree-option.kbq-disabled .kbq-option-text{color:var(--kbq-tree-states-disabled-text-color)}.kbq-tree-option.kbq-disabled .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-disabled-tree-toggle-color)}.kbq-tree-option.kbq-disabled .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-disabled-action-button-color)}.kbq-tree-option.kbq-disabled .kbq-option-caption{color:var(--kbq-tree-states-disabled-caption-color)}.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-states-icon-disabled)}.cdk-keyboard-focused .kbq-tree-option.kbq-focused{border-color:var(--kbq-tree-states-focused-focus-outline-color)}.kbq-tree-option{font-size:var(--kbq-typography-text-normal-font-size);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-tree-option-caption{font-size:var(--kbq-typography-text-compact-font-size);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-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-option-border-radius: var(--kbq-size-border-radius);--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"] }]
820
828
  }] });
821
829
  class KbqTreeNodeToggleDirective extends KbqTreeNodeToggleBaseDirective {
822
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
823
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodeToggleDirective, selector: "[kbq-tree-node-toggle], [kbqTreeNodeToggle]", host: { listeners: { "click": "toggle($event)" }, properties: { "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-node-toggle" }, exportAs: ["kbqTreeNodeToggle"], usesInheritance: true, ngImport: i0 }); }
830
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
831
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeNodeToggleDirective, selector: "[kbq-tree-node-toggle], [kbqTreeNodeToggle]", host: { listeners: { "click": "toggle($event)" }, properties: { "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-node-toggle" }, exportAs: ["kbqTreeNodeToggle"], usesInheritance: true, ngImport: i0 }); }
824
832
  }
825
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleDirective, decorators: [{
833
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodeToggleDirective, decorators: [{
826
834
  type: Directive,
827
835
  args: [{
828
836
  selector: '[kbq-tree-node-toggle], [kbqTreeNodeToggle]',
@@ -906,6 +914,7 @@ class KbqTreeOption extends KbqTreeNode {
906
914
  this.preventBlur = false;
907
915
  this.checkboxThirdState = false;
908
916
  this._disabled = false;
917
+ this.selectable = true;
909
918
  this.onSelectionChange = new EventEmitter();
910
919
  this.userInteraction = new EventEmitter();
911
920
  this._selected = false;
@@ -1041,7 +1050,7 @@ class KbqTreeOption extends KbqTreeNode {
1041
1050
  }
1042
1051
  }
1043
1052
  selectViaInteraction($event) {
1044
- if (this.disabled) {
1053
+ if (this.disabled || !this.selectable) {
1045
1054
  return;
1046
1055
  }
1047
1056
  this.markForCheck();
@@ -1063,14 +1072,14 @@ class KbqTreeOption extends KbqTreeNode {
1063
1072
  this.updateCheckboxState();
1064
1073
  }
1065
1074
  }
1066
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: KBQ_TREE_OPTION_PARENT_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
1067
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqTreeOption, selector: "kbq-tree-option", inputs: { checkboxThirdState: "checkboxThirdState", disabled: "disabled", showCheckbox: "showCheckbox" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "focusin": "focus()", "blur": "blur()", "click": "selectViaInteraction($event)", "keydown": "onKeydown($event)" }, properties: { "class.kbq-selected": "selected", "class.kbq-focused": "hasFocus", "class.kbq-disabled": "disabled", "class.kbq-action-button-focused": "actionButton?.active", "attr.id": "id", "attr.tabindex": "-1", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-option" }, providers: [
1075
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: KBQ_TREE_OPTION_PARENT_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
1076
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqTreeOption, selector: "kbq-tree-option", inputs: { checkboxThirdState: "checkboxThirdState", disabled: "disabled", selectable: ["selectable", "selectable", booleanAttribute], showCheckbox: "showCheckbox" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "focusin": "focus()", "blur": "blur()", "click": "selectViaInteraction($event)", "keydown": "onKeydown($event)" }, properties: { "class.kbq-selected": "selected", "class.kbq-focused": "hasFocus", "class.kbq-disabled": "disabled", "class.kbq-action-button-focused": "actionButton?.active", "attr.id": "id", "attr.tabindex": "-1", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-option" }, providers: [
1068
1077
  { provide: KbqTreeNode, useExisting: KbqTreeOption },
1069
1078
  { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTreeOption },
1070
1079
  { provide: KBQ_OPTION_ACTION_PARENT, useExisting: KbqTreeOption }
1071
1080
  ], queries: [{ propertyName: "toggleElementDirective", first: true, predicate: KbqTreeNodeToggleDirective, descendants: true }, { propertyName: "toggleElementComponent", first: true, predicate: KbqTreeNodeToggleComponent, descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: KbqPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: KbqOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: KbqTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: KbqDropdownTrigger, descendants: true }], viewQueries: [{ propertyName: "parentTextElement", first: true, predicate: ["kbqTitleContainer"], descendants: true }], exportAs: ["kbqTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n@if (externalPseudoCheckbox) {\n <ng-content select=\"kbq-pseudo-checkbox\" />\n} @else {\n @if (showCheckbox) {\n <kbq-pseudo-checkbox [disabled]=\"disabled\" [state]=\"checkboxState\" />\n }\n}\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span #kbqTitleContainer class=\"kbq-option-text\">\n <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-tree-option-border-radius);padding-top:calc(var(--kbq-tree-size-container-padding-vertical) - var(--kbq-tree-size-container-focus-outline-width));padding-right:calc(var(--kbq-tree-size-container-padding-right) - var(--kbq-tree-size-container-focus-outline-width));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical) - var(--kbq-tree-size-container-focus-outline-width));gap:var(--kbq-tree-size-container-content-gap-horizontal)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option.kbq-disabled .kbq-icon{cursor:default}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}.kbq-tree-option:is(.kbq-selected,.kbq-focused,.kbq-active):has(+:is(.kbq-selected,.kbq-focused,.kbq-active)){border-bottom-left-radius:0;border-bottom-right-radius:0}.kbq-tree-option:is(.kbq-selected,.kbq-focused,.kbq-active)+:is(.kbq-selected,.kbq-focused,.kbq-active){border-top-left-radius:0;border-top-right-radius:0}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-option-border-radius: var(--kbq-size-border-radius);--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "component", type: i1.KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1072
1081
  }
1073
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeOption, decorators: [{
1082
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeOption, decorators: [{
1074
1083
  type: Component,
1075
1084
  args: [{ selector: 'kbq-tree-option', exportAs: 'kbqTreeOption', host: {
1076
1085
  class: 'kbq-tree-option',
@@ -1118,6 +1127,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
1118
1127
  type: Input
1119
1128
  }], disabled: [{
1120
1129
  type: Input
1130
+ }], selectable: [{
1131
+ type: Input,
1132
+ args: [{ transform: booleanAttribute }]
1121
1133
  }], showCheckbox: [{
1122
1134
  type: Input
1123
1135
  }], onSelectionChange: [{
@@ -1203,10 +1215,10 @@ class KbqTreeNodePadding {
1203
1215
  const paddingProp = this.dir?.value === 'rtl' ? 'paddingRight' : 'paddingLeft';
1204
1216
  this.renderer.setStyle(this.element.nativeElement, paddingProp, padding);
1205
1217
  }
1206
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodePadding, deps: [{ token: KbqTreeNode }, { token: KbqTreeBase }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: KbqTreeOption }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
1207
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodePadding, selector: "[kbqTreeNodePadding]", inputs: { indent: ["kbqTreeNodePaddingIndent", "indent"] }, exportAs: ["kbqTreeNodePadding"], ngImport: i0 }); }
1218
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodePadding, deps: [{ token: KbqTreeNode }, { token: KbqTreeBase }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: KbqTreeOption }, { token: i3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
1219
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeNodePadding, selector: "[kbqTreeNodePadding]", inputs: { indent: ["kbqTreeNodePaddingIndent", "indent"] }, exportAs: ["kbqTreeNodePadding"], ngImport: i0 }); }
1208
1220
  }
1209
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodePadding, decorators: [{
1221
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeNodePadding, decorators: [{
1210
1222
  type: Directive,
1211
1223
  args: [{
1212
1224
  selector: '[kbqTreeNodePadding]',
@@ -1220,12 +1232,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
1220
1232
  }] } });
1221
1233
 
1222
1234
  class KbqTree extends KbqTreeBase {
1223
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTree, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1224
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqTree, selector: "kbq-tree", host: { classAttribute: "kbq-tree" }, exportAs: ["kbqTree"], usesInheritance: true, ngImport: i0, template: `
1235
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTree, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1236
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqTree, selector: "kbq-tree", host: { classAttribute: "kbq-tree" }, exportAs: ["kbqTree"], usesInheritance: true, ngImport: i0, template: `
1225
1237
  <ng-container kbqTreeNodeOutlet />
1226
1238
  `, isInline: true, styles: [".kbq-tree{display:block}.kbq-tree-selection:focus{outline:none}.kbq-tree-option{background:var(--kbq-tree-default-container-background)}.kbq-tree-option .kbq-option-text{color:var(--kbq-tree-default-text-color)}.kbq-tree-option .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-default-tree-toggle-color)}.kbq-tree-option .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-default-action-button-color)}.kbq-tree-option .kbq-option-caption{color:var(--kbq-tree-default-caption-color)}.kbq-tree-option:hover:not(.kbq-disabled){background:var(--kbq-tree-states-hover-container-background)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-hover-text-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-hover-tree-toggle-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-hover-action-button-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-hover-caption-color)}.kbq-tree-option.kbq-selected{background:var(--kbq-tree-states-selected-container-background)}.kbq-tree-option.kbq-selected .kbq-option-text{color:var(--kbq-tree-states-selected-text-color)}.kbq-tree-option.kbq-selected .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-tree-toggle-color)}.kbq-tree-option.kbq-selected .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-action-button-color)}.kbq-tree-option.kbq-selected .kbq-option-caption{color:var(--kbq-tree-states-selected-caption-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-tree-states-selected-hover-container-background)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-selected-hover-text-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-hover-tree-toggle-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-hover-action-button-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-selected-hover-caption-color)}.kbq-tree-option.kbq-disabled{background:var(--kbq-tree-states-disabled-container-background)}.kbq-tree-option.kbq-disabled .kbq-option-text{color:var(--kbq-tree-states-disabled-text-color)}.kbq-tree-option.kbq-disabled .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-disabled-tree-toggle-color)}.kbq-tree-option.kbq-disabled .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-disabled-action-button-color)}.kbq-tree-option.kbq-disabled .kbq-option-caption{color:var(--kbq-tree-states-disabled-caption-color)}.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-states-icon-disabled)}.cdk-keyboard-focused .kbq-tree-option.kbq-focused{border-color:var(--kbq-tree-states-focused-focus-outline-color)}.kbq-tree-option{font-size:var(--kbq-typography-text-normal-font-size);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-tree-option-caption{font-size:var(--kbq-typography-text-compact-font-size);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-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-option-border-radius: var(--kbq-size-border-radius);--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "directive", type: KbqTreeNodeOutlet, selector: "[kbqTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1227
1239
  }
1228
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTree, decorators: [{
1240
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTree, decorators: [{
1229
1241
  type: Component,
1230
1242
  args: [{ selector: 'kbq-tree', exportAs: 'kbqTree', template: `
1231
1243
  <ng-container kbqTreeNodeOutlet />
@@ -1550,6 +1562,8 @@ class KbqTreeSelection extends KbqTreeBase {
1550
1562
  }
1551
1563
  toggleFocusedOption() {
1552
1564
  const focusedOption = this.keyManager.activeItem;
1565
+ if (!focusedOption?.selectable)
1566
+ return;
1553
1567
  if (focusedOption && (!focusedOption.selected || this.canDeselectLast(focusedOption))) {
1554
1568
  this.selectionModel.toggle(focusedOption.data);
1555
1569
  this.emitChangeEvent(focusedOption);
@@ -1715,14 +1729,14 @@ class KbqTreeSelection extends KbqTreeBase {
1715
1729
  }
1716
1730
  return $event.relatedTarget.classList.contains('kbq-tree-option');
1717
1731
  }
1718
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelection, deps: [{ token: i0.ElementRef }, { token: i1$1.AsyncScheduler }, { token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i2$1.Clipboard, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1719
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeSelection, selector: "kbq-tree-selection", inputs: { treeControl: "treeControl", autoSelect: "autoSelect", noUnselectLast: "noUnselectLast", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { navigationChange: "navigationChange", selectionChange: "selectionChange", onSelectAll: "onSelectAll", onCopy: "onCopy" }, host: { listeners: { "blur": "blur()", "focus": "focus($event)", "keydown": "onKeyDown($event)", "window:resize": "updateScrollSize()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-selection" }, providers: [
1732
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeSelection, deps: [{ token: i0.ElementRef }, { token: i1$1.AsyncScheduler }, { token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i2$1.Clipboard, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1733
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqTreeSelection, selector: "kbq-tree-selection", inputs: { treeControl: "treeControl", autoSelect: "autoSelect", noUnselectLast: "noUnselectLast", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { navigationChange: "navigationChange", selectionChange: "selectionChange", onSelectAll: "onSelectAll", onCopy: "onCopy" }, host: { listeners: { "blur": "blur()", "focus": "focus($event)", "keydown": "onKeyDown($event)", "window:resize": "updateScrollSize()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-selection" }, providers: [
1720
1734
  KBQ_SELECTION_TREE_VALUE_ACCESSOR,
1721
1735
  { provide: KBQ_TREE_OPTION_PARENT_COMPONENT, useExisting: KbqTreeSelection },
1722
1736
  { provide: KbqTreeBase, useExisting: KbqTreeSelection }
1723
1737
  ], queries: [{ propertyName: "unorderedOptions", predicate: KbqTreeOption }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: KbqTreeNodeOutlet, descendants: true, static: true }], exportAs: ["kbqTreeSelection"], usesInheritance: true, ngImport: i0, template: '<ng-container kbqTreeNodeOutlet />', isInline: true, styles: [".kbq-tree-selection{display:block}.kbq-tree-selection:focus{outline:none}.kbq-tree-option{background:var(--kbq-tree-default-container-background)}.kbq-tree-option .kbq-option-text{color:var(--kbq-tree-default-text-color)}.kbq-tree-option .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-default-tree-toggle-color)}.kbq-tree-option .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-default-action-button-color)}.kbq-tree-option .kbq-option-caption{color:var(--kbq-tree-default-caption-color)}.kbq-tree-option:hover:not(.kbq-disabled){background:var(--kbq-tree-states-hover-container-background)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-hover-text-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-hover-tree-toggle-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-hover-action-button-color)}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-hover-caption-color)}.kbq-tree-option.kbq-selected{background:var(--kbq-tree-states-selected-container-background)}.kbq-tree-option.kbq-selected .kbq-option-text{color:var(--kbq-tree-states-selected-text-color)}.kbq-tree-option.kbq-selected .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-tree-toggle-color)}.kbq-tree-option.kbq-selected .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-action-button-color)}.kbq-tree-option.kbq-selected .kbq-option-caption{color:var(--kbq-tree-states-selected-caption-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-tree-states-selected-hover-container-background)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-selected-hover-text-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-selected-hover-tree-toggle-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-selected-hover-action-button-color)}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-selected-hover-caption-color)}.kbq-tree-option.kbq-disabled{background:var(--kbq-tree-states-disabled-container-background)}.kbq-tree-option.kbq-disabled .kbq-option-text{color:var(--kbq-tree-states-disabled-text-color)}.kbq-tree-option.kbq-disabled .kbq-tree-node-toggle .kbq-icon.kbq-empty,.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty.kbq-tree-node-toggle{color:var(--kbq-tree-states-disabled-tree-toggle-color)}.kbq-tree-option.kbq-disabled .kbq-option-action .kbq-icon.kbq-empty{color:var(--kbq-tree-states-disabled-action-button-color)}.kbq-tree-option.kbq-disabled .kbq-option-caption{color:var(--kbq-tree-states-disabled-caption-color)}.kbq-tree-option.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-states-icon-disabled)}.cdk-keyboard-focused .kbq-tree-option.kbq-focused{border-color:var(--kbq-tree-states-focused-focus-outline-color)}.kbq-tree-option{font-size:var(--kbq-typography-text-normal-font-size);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-tree-option-caption{font-size:var(--kbq-typography-text-compact-font-size);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-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-option-border-radius: var(--kbq-size-border-radius);--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "directive", type: KbqTreeNodeOutlet, selector: "[kbqTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1724
1738
  }
1725
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelection, decorators: [{
1739
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeSelection, decorators: [{
1726
1740
  type: Component,
1727
1741
  args: [{ selector: 'kbq-tree-selection', exportAs: 'kbqTreeSelection', template: '<ng-container kbqTreeNodeOutlet />', host: {
1728
1742
  class: 'kbq-tree-selection',
@@ -1780,8 +1794,8 @@ const KBQ_TREE_DIRECTIVES = [
1780
1794
  KbqTreeNodeToggleDirective
1781
1795
  ];
1782
1796
  class KbqTreeModule {
1783
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1784
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeModule, declarations: [KbqTreeNodeOutlet,
1797
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1798
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeModule, declarations: [KbqTreeNodeOutlet,
1785
1799
  KbqTreeNodeDef,
1786
1800
  KbqTreeNode,
1787
1801
  KbqTreeNodePadding,
@@ -1799,10 +1813,10 @@ class KbqTreeModule {
1799
1813
  KbqTreeOption,
1800
1814
  KbqTreeNodeToggleComponent,
1801
1815
  KbqTreeNodeToggleDirective] }); }
1802
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeModule, providers: [{ provide: AsyncScheduler, useValue: asyncScheduler }], imports: [KbqPseudoCheckboxModule,
1816
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeModule, providers: [{ provide: AsyncScheduler, useValue: asyncScheduler }], imports: [KbqPseudoCheckboxModule,
1803
1817
  KbqIconModule] }); }
1804
1818
  }
1805
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeModule, decorators: [{
1819
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTreeModule, decorators: [{
1806
1820
  type: NgModule,
1807
1821
  args: [{
1808
1822
  imports: [
@@ -1819,5 +1833,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
1819
1833
  * Generated bundle index. Do not edit.
1820
1834
  */
1821
1835
 
1822
- export { BaseTreeControl, FilterByValues, FilterByViewValue, FilterParentsForNodes, FlatTreeControl, KBQ_SELECTION_TREE_VALUE_ACCESSOR, KBQ_TREE_OPTION_PARENT_COMPONENT, KbqTree, KbqTreeBase, KbqTreeCopyEvent, KbqTreeFlatDataSource, KbqTreeFlattener, KbqTreeModule, KbqTreeNavigationChange, KbqTreeNestedDataSource, KbqTreeNode, KbqTreeNodeDef, KbqTreeNodeOutlet, KbqTreeNodeOutletContext, KbqTreeNodePadding, KbqTreeNodeToggleBaseDirective, KbqTreeNodeToggleComponent, KbqTreeNodeToggleDirective, KbqTreeOption, KbqTreeOptionChange, KbqTreeSelectAllEvent, KbqTreeSelection, KbqTreeSelectionChange, NestedTreeControl, defaultCompareValues, defaultCompareViewValues };
1836
+ export { BaseTreeControl, FilterByValues, FilterByViewValue, FilterParentsForNodes, FlatTreeControl, KBQ_SELECTION_TREE_VALUE_ACCESSOR, KBQ_TREE_OPTION_PARENT_COMPONENT, KbqTree, KbqTreeBase, KbqTreeCopyEvent, KbqTreeFlatDataSource, KbqTreeFlattener, KbqTreeModule, KbqTreeNavigationChange, KbqTreeNestedDataSource, KbqTreeNode, KbqTreeNodeDef, KbqTreeNodeOutlet, KbqTreeNodeOutletContext, KbqTreeNodePadding, KbqTreeNodeToggleBaseDirective, KbqTreeNodeToggleComponent, KbqTreeNodeToggleDirective, KbqTreeOption, KbqTreeOptionChange, KbqTreeSelectAllEvent, KbqTreeSelection, KbqTreeSelectionChange, NestedTreeControl, defaultCompareValues, defaultCompareViewValues, kbqTreeSelectAllValue };
1823
1837
  //# sourceMappingURL=koobiq-components-tree.mjs.map