@koobiq/components 18.35.0 → 18.36.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 (546) hide show
  1. package/accordion/accordion.component.d.ts +1 -1
  2. package/app-switcher/_app-switcher-theme.scss +34 -0
  3. package/app-switcher/app-switcher-animations.d.ts +5 -0
  4. package/app-switcher/app-switcher-dropdown-app.d.ts +11 -0
  5. package/app-switcher/app-switcher-dropdown-app.scss +85 -0
  6. package/app-switcher/app-switcher-dropdown-site.d.ts +9 -0
  7. package/app-switcher/app-switcher-dropdown-site.scss +53 -0
  8. package/app-switcher/app-switcher.d.ts +191 -0
  9. package/app-switcher/app-switcher.module.d.ts +10 -0
  10. package/app-switcher/app-switcher.scss +64 -0
  11. package/app-switcher/index.d.ts +1 -0
  12. package/app-switcher/kbq-app-switcher-list-item.d.ts +16 -0
  13. package/app-switcher/kbq-app-switcher-list-item.scss +180 -0
  14. package/app-switcher/public-api.d.ts +6 -0
  15. package/badge/badge.component.d.ts +1 -1
  16. package/badge/badge.component.scss +2 -0
  17. package/breadcrumbs/breadcrumbs.scss +4 -0
  18. package/button/button.component.d.ts +2 -2
  19. package/core/common-behaviors/clipboard.d.ts +1 -1
  20. package/core/common-behaviors/color.d.ts +5 -5
  21. package/core/common-behaviors/focus-monitor.d.ts +19 -0
  22. package/core/common-behaviors/hovered.d.ts +13 -0
  23. package/core/common-behaviors/index.d.ts +4 -0
  24. package/core/common-behaviors/orientation.d.ts +4 -0
  25. package/core/common-behaviors/read-state.d.ts +12 -0
  26. package/core/locales/en-US.d.ts +62 -0
  27. package/core/locales/es-LA.d.ts +62 -0
  28. package/core/locales/fa-IR.d.ts +62 -0
  29. package/core/locales/locale-service.d.ts +434 -0
  30. package/core/locales/pt-BR.d.ts +62 -0
  31. package/core/locales/ru-RU.d.ts +62 -0
  32. package/core/locales/tk-TM.d.ts +62 -0
  33. package/core/locales/types.d.ts +22 -0
  34. package/core/locales/zh-CN.d.ts +62 -0
  35. package/core/navbar/rectangle-item.d.ts +1 -1
  36. package/core/option/action.d.ts +1 -1
  37. package/core/option/option.d.ts +1 -1
  38. package/core/pop-up/constants.d.ts +2 -1
  39. package/core/pop-up/pop-up-trigger.d.ts +3 -3
  40. package/core/pop-up/pop-up.d.ts +2 -1
  41. package/core/select/common.d.ts +3 -0
  42. package/core/select/constants.d.ts +5 -0
  43. package/core/styles/common/_select.scss +5 -0
  44. package/core/utils/dom.d.ts +1 -6
  45. package/divider/divider.scss +1 -0
  46. package/dropdown/dropdown.component.d.ts +5 -1
  47. package/dropdown/dropdown.module.d.ts +1 -1
  48. package/esm2022/accordion/accordion-content.mjs +3 -3
  49. package/esm2022/accordion/accordion-header.mjs +3 -3
  50. package/esm2022/accordion/accordion-item.mjs +3 -3
  51. package/esm2022/accordion/accordion-trigger.component.mjs +3 -3
  52. package/esm2022/accordion/accordion.component.mjs +5 -5
  53. package/esm2022/accordion/accordion.module.mjs +4 -4
  54. package/esm2022/actions-panel/actions-panel-container.mjs +3 -3
  55. package/esm2022/actions-panel/actions-panel.mjs +3 -3
  56. package/esm2022/actions-panel/module.mjs +4 -4
  57. package/esm2022/alert/alert.component.mjs +12 -12
  58. package/esm2022/alert/alert.module.mjs +4 -4
  59. package/esm2022/app-switcher/app-switcher-animations.mjs +18 -0
  60. package/esm2022/app-switcher/app-switcher-dropdown-app.mjs +75 -0
  61. package/esm2022/app-switcher/app-switcher-dropdown-site.mjs +60 -0
  62. package/esm2022/app-switcher/app-switcher.mjs +446 -0
  63. package/esm2022/app-switcher/app-switcher.module.mjs +45 -0
  64. package/esm2022/app-switcher/index.mjs +2 -0
  65. package/esm2022/app-switcher/kbq-app-switcher-list-item.mjs +84 -0
  66. package/esm2022/app-switcher/koobiq-components-app-switcher.mjs +5 -0
  67. package/esm2022/app-switcher/public-api.mjs +7 -0
  68. package/esm2022/autocomplete/autocomplete-origin.directive.mjs +3 -3
  69. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  70. package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
  71. package/esm2022/autocomplete/autocomplete.module.mjs +4 -4
  72. package/esm2022/badge/badge.component.mjs +11 -11
  73. package/esm2022/badge/badge.module.mjs +4 -4
  74. package/esm2022/breadcrumbs/breadcrumbs.mjs +17 -17
  75. package/esm2022/breadcrumbs/breadcrumbs.module.mjs +4 -4
  76. package/esm2022/button/button.component.mjs +7 -7
  77. package/esm2022/button/button.dropdown-trigger.directive.mjs +3 -3
  78. package/esm2022/button/button.module.mjs +4 -4
  79. package/esm2022/button-toggle/button-toggle.component.mjs +6 -6
  80. package/esm2022/button-toggle/button-toggle.module.mjs +4 -4
  81. package/esm2022/checkbox/checkbox-module.mjs +4 -4
  82. package/esm2022/checkbox/checkbox-required-validator.mjs +3 -3
  83. package/esm2022/checkbox/checkbox.mjs +3 -3
  84. package/esm2022/clamped-text/clamped-text.mjs +3 -3
  85. package/esm2022/clamped-text/module.mjs +4 -4
  86. package/esm2022/code-block/code-block-highlight.mjs +7 -7
  87. package/esm2022/code-block/code-block.mjs +4 -4
  88. package/esm2022/code-block/code-block.module.mjs +4 -4
  89. package/esm2022/content-panel/content-panel.mjs +24 -24
  90. package/esm2022/content-panel/module.mjs +4 -4
  91. package/esm2022/content-panel/resizable.mjs +6 -6
  92. package/esm2022/core/common-behaviors/clipboard.mjs +4 -4
  93. package/esm2022/core/common-behaviors/color.mjs +6 -7
  94. package/esm2022/core/common-behaviors/common-module.mjs +4 -4
  95. package/esm2022/core/common-behaviors/focus-monitor.mjs +37 -0
  96. package/esm2022/core/common-behaviors/hovered.mjs +31 -0
  97. package/esm2022/core/common-behaviors/index.mjs +5 -1
  98. package/esm2022/core/common-behaviors/orientation.mjs +2 -0
  99. package/esm2022/core/common-behaviors/read-state.mjs +33 -0
  100. package/esm2022/core/error/error-state-matcher.mjs +9 -9
  101. package/esm2022/core/form-field/field-sizing-content.mjs +3 -3
  102. package/esm2022/core/formatters/date/formatter.mjs +3 -3
  103. package/esm2022/core/formatters/date/formatter.pipe.mjs +78 -78
  104. package/esm2022/core/formatters/filesize/formatter.mjs +3 -3
  105. package/esm2022/core/formatters/index.mjs +4 -4
  106. package/esm2022/core/formatters/number/formatter.mjs +12 -12
  107. package/esm2022/core/forms/forms-module.mjs +4 -4
  108. package/esm2022/core/forms/forms.directive.mjs +6 -6
  109. package/esm2022/core/highlight/highlight.pipe.mjs +3 -3
  110. package/esm2022/core/highlight/index.mjs +4 -4
  111. package/esm2022/core/line/line.mjs +7 -7
  112. package/esm2022/core/locales/en-US.mjs +105 -1
  113. package/esm2022/core/locales/es-LA.mjs +105 -1
  114. package/esm2022/core/locales/fa-IR.mjs +75 -1
  115. package/esm2022/core/locales/locale-service.mjs +3 -3
  116. package/esm2022/core/locales/locale-service.module.mjs +4 -4
  117. package/esm2022/core/locales/pt-BR.mjs +105 -1
  118. package/esm2022/core/locales/ru-RU.mjs +119 -1
  119. package/esm2022/core/locales/tk-TM.mjs +105 -1
  120. package/esm2022/core/locales/types.mjs +1 -1
  121. package/esm2022/core/locales/zh-CN.mjs +63 -1
  122. package/esm2022/core/navbar/rectangle-item.mjs +7 -6
  123. package/esm2022/core/option/action-container.mjs +3 -3
  124. package/esm2022/core/option/action.mjs +4 -4
  125. package/esm2022/core/option/optgroup.mjs +3 -3
  126. package/esm2022/core/option/option-module.mjs +4 -4
  127. package/esm2022/core/option/option.mjs +4 -4
  128. package/esm2022/core/pop-up/constants.mjs +2 -1
  129. package/esm2022/core/pop-up/pop-up-trigger.mjs +6 -6
  130. package/esm2022/core/pop-up/pop-up.mjs +4 -4
  131. package/esm2022/core/select/common.mjs +27 -17
  132. package/esm2022/core/select/constants.mjs +6 -1
  133. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
  134. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  135. package/esm2022/core/services/measure-scrollbar.service.mjs +3 -3
  136. package/esm2022/core/services/theme.service.mjs +3 -3
  137. package/esm2022/core/utils/dom.mjs +2 -8
  138. package/esm2022/core/version.mjs +2 -2
  139. package/esm2022/datepicker/calendar-body.component.mjs +3 -3
  140. package/esm2022/datepicker/calendar-header.component.mjs +3 -3
  141. package/esm2022/datepicker/calendar.component.mjs +3 -3
  142. package/esm2022/datepicker/datepicker-input.directive.mjs +6 -6
  143. package/esm2022/datepicker/datepicker-intl.mjs +3 -3
  144. package/esm2022/datepicker/datepicker-module.mjs +4 -4
  145. package/esm2022/datepicker/datepicker-toggle.component.mjs +9 -9
  146. package/esm2022/datepicker/datepicker.component.mjs +6 -6
  147. package/esm2022/datepicker/month-view.component.mjs +3 -3
  148. package/esm2022/divider/divider.component.mjs +4 -4
  149. package/esm2022/divider/divider.module.mjs +4 -4
  150. package/esm2022/dl/dl.component.mjs +9 -9
  151. package/esm2022/dl/dl.module.mjs +4 -4
  152. package/esm2022/dropdown/dropdown-content.directive.mjs +3 -3
  153. package/esm2022/dropdown/dropdown-item.component.mjs +3 -3
  154. package/esm2022/dropdown/dropdown-trigger.directive.mjs +5 -5
  155. package/esm2022/dropdown/dropdown.component.mjs +18 -8
  156. package/esm2022/dropdown/dropdown.module.mjs +14 -10
  157. package/esm2022/dynamic-translation/dynamic-translation.mjs +9 -9
  158. package/esm2022/dynamic-translation/module.mjs +4 -4
  159. package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +7 -7
  160. package/esm2022/empty-state/empty-state.component.mjs +15 -15
  161. package/esm2022/empty-state/empty-state.module.mjs +4 -4
  162. package/esm2022/file-upload/file-drop.mjs +3 -3
  163. package/esm2022/file-upload/file-upload.mjs +1 -1
  164. package/esm2022/file-upload/file-upload.module.mjs +4 -4
  165. package/esm2022/file-upload/multiple-file-upload.component.mjs +19 -8
  166. package/esm2022/file-upload/single-file-upload.component.mjs +13 -5
  167. package/esm2022/filter-bar/filter-bar-button.mjs +3 -3
  168. package/esm2022/filter-bar/filter-bar.mjs +3 -3
  169. package/esm2022/filter-bar/filter-bar.module.mjs +4 -4
  170. package/esm2022/filter-bar/filter-refresher.mjs +3 -3
  171. package/esm2022/filter-bar/filter-reset.mjs +3 -3
  172. package/esm2022/filter-bar/filter-search.mjs +3 -3
  173. package/esm2022/filter-bar/filters.mjs +4 -4
  174. package/esm2022/filter-bar/pipe-add.mjs +5 -5
  175. package/esm2022/filter-bar/pipe.directive.mjs +3 -3
  176. package/esm2022/filter-bar/pipes/base-pipe.mjs +7 -7
  177. package/esm2022/filter-bar/pipes/pipe-button.mjs +3 -3
  178. package/esm2022/filter-bar/pipes/pipe-date.mjs +6 -6
  179. package/esm2022/filter-bar/pipes/pipe-datetime.mjs +6 -6
  180. package/esm2022/filter-bar/pipes/pipe-multi-select.mjs +12 -7
  181. package/esm2022/filter-bar/pipes/pipe-multi-tree-select.mjs +12 -7
  182. package/esm2022/filter-bar/pipes/pipe-readonly.mjs +6 -6
  183. package/esm2022/filter-bar/pipes/pipe-select.mjs +6 -6
  184. package/esm2022/filter-bar/pipes/pipe-state.mjs +3 -3
  185. package/esm2022/filter-bar/pipes/pipe-text.mjs +6 -6
  186. package/esm2022/filter-bar/pipes/pipe-title.mjs +3 -3
  187. package/esm2022/filter-bar/pipes/pipe-tree-select.mjs +6 -6
  188. package/esm2022/form-field/cleaner.mjs +3 -3
  189. package/esm2022/form-field/error.mjs +3 -3
  190. package/esm2022/form-field/fieldset.mjs +11 -11
  191. package/esm2022/form-field/form-field.mjs +11 -11
  192. package/esm2022/form-field/form-field.module.mjs +4 -4
  193. package/esm2022/form-field/hint.mjs +3 -3
  194. package/esm2022/form-field/label.mjs +3 -3
  195. package/esm2022/form-field/password-hint.mjs +3 -3
  196. package/esm2022/form-field/password-toggle.mjs +7 -7
  197. package/esm2022/form-field/prefix.mjs +3 -3
  198. package/esm2022/form-field/reactive-password-hint.mjs +3 -3
  199. package/esm2022/form-field/stepper.mjs +3 -3
  200. package/esm2022/form-field/suffix.mjs +3 -3
  201. package/esm2022/form-field/validate.directive.mjs +3 -3
  202. package/esm2022/icon/icon-button.component.mjs +3 -3
  203. package/esm2022/icon/icon-item.component.mjs +3 -3
  204. package/esm2022/icon/icon.component.mjs +4 -4
  205. package/esm2022/icon/icon.module.mjs +4 -4
  206. package/esm2022/inline-edit/index.mjs +3 -0
  207. package/esm2022/inline-edit/inline-edit.mjs +378 -0
  208. package/esm2022/inline-edit/koobiq-components-inline-edit.mjs +5 -0
  209. package/esm2022/inline-edit/module.mjs +25 -0
  210. package/esm2022/input/input-number-validators.mjs +6 -6
  211. package/esm2022/input/input-number.mjs +4 -4
  212. package/esm2022/input/input-password.mjs +4 -4
  213. package/esm2022/input/input.mjs +7 -7
  214. package/esm2022/input/input.module.mjs +4 -4
  215. package/esm2022/link/link.component.mjs +6 -6
  216. package/esm2022/link/link.module.mjs +4 -4
  217. package/esm2022/list/list-selection.component.mjs +10 -10
  218. package/esm2022/list/list.component.mjs +6 -6
  219. package/esm2022/list/list.module.mjs +4 -4
  220. package/esm2022/loader-overlay/loader-overlay.component.mjs +13 -13
  221. package/esm2022/loader-overlay/loader-overlay.module.mjs +4 -4
  222. package/esm2022/markdown/markdown.component.mjs +5 -5
  223. package/esm2022/markdown/markdown.module.mjs +4 -4
  224. package/esm2022/markdown/markdown.service.mjs +3 -3
  225. package/esm2022/modal/css-unit.pipe.mjs +3 -3
  226. package/esm2022/modal/modal-control.service.mjs +3 -3
  227. package/esm2022/modal/modal.component.mjs +4 -4
  228. package/esm2022/modal/modal.directive.mjs +12 -12
  229. package/esm2022/modal/modal.module.mjs +4 -4
  230. package/esm2022/modal/modal.service.mjs +3 -3
  231. package/esm2022/navbar/navbar-item.component.mjs +49 -38
  232. package/esm2022/navbar/navbar.component.mjs +10 -10
  233. package/esm2022/navbar/navbar.module.mjs +4 -4
  234. package/esm2022/navbar/vertical-navbar.component.mjs +4 -4
  235. package/esm2022/navbar-ic/navbar-ic-header.mjs +7 -7
  236. package/esm2022/navbar-ic/navbar-ic-item.mjs +30 -38
  237. package/esm2022/navbar-ic/navbar-ic.mjs +18 -13
  238. package/esm2022/navbar-ic/navbar-ic.module.mjs +4 -4
  239. package/esm2022/notification-center/index.mjs +2 -0
  240. package/esm2022/notification-center/koobiq-components-notification-center.mjs +5 -0
  241. package/esm2022/notification-center/notification-center-animations.mjs +18 -0
  242. package/esm2022/notification-center/notification-center.mjs +353 -0
  243. package/esm2022/notification-center/notification-center.module.mjs +38 -0
  244. package/esm2022/notification-center/notification-center.service.mjs +127 -0
  245. package/esm2022/notification-center/notification-item.mjs +70 -0
  246. package/esm2022/notification-center/public-api.mjs +5 -0
  247. package/esm2022/overflow-items/module.mjs +4 -4
  248. package/esm2022/overflow-items/overflow-items.mjs +95 -41
  249. package/esm2022/popover/popover-confirm.component.mjs +10 -10
  250. package/esm2022/popover/popover.component.mjs +18 -13
  251. package/esm2022/popover/popover.module.mjs +4 -4
  252. package/esm2022/progress-bar/progress-bar.component.mjs +9 -9
  253. package/esm2022/progress-bar/progress-bar.module.mjs +4 -4
  254. package/esm2022/progress-spinner/progress-spinner.component.mjs +9 -9
  255. package/esm2022/progress-spinner/progress-spinner.module.mjs +4 -4
  256. package/esm2022/radio/radio.component.mjs +6 -6
  257. package/esm2022/radio/radio.module.mjs +4 -4
  258. package/esm2022/risk-level/risk-level.component.mjs +3 -3
  259. package/esm2022/risk-level/risk-level.module.mjs +4 -4
  260. package/esm2022/scrollbar/scrollbar.component.mjs +3 -3
  261. package/esm2022/scrollbar/scrollbar.directive.mjs +3 -3
  262. package/esm2022/scrollbar/scrollbar.module.mjs +4 -4
  263. package/esm2022/search-expandable/index.mjs +2 -0
  264. package/esm2022/search-expandable/koobiq-components-search-expandable.mjs +5 -0
  265. package/esm2022/search-expandable/public-api.mjs +3 -0
  266. package/esm2022/search-expandable/search-expandable.mjs +177 -0
  267. package/esm2022/search-expandable/search-expandable.module.mjs +18 -0
  268. package/esm2022/select/select-option.directive.mjs +3 -3
  269. package/esm2022/select/select.component.mjs +37 -10
  270. package/esm2022/select/select.module.mjs +4 -4
  271. package/esm2022/sidebar/sidebar.component.mjs +9 -9
  272. package/esm2022/sidebar/sidebar.module.mjs +4 -4
  273. package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
  274. package/esm2022/sidepanel/sidepanel-directives.mjs +15 -15
  275. package/esm2022/sidepanel/sidepanel.module.mjs +4 -4
  276. package/esm2022/sidepanel/sidepanel.service.mjs +3 -3
  277. package/esm2022/split-button/index.mjs +2 -0
  278. package/esm2022/split-button/koobiq-components-split-button.mjs +5 -0
  279. package/esm2022/split-button/public-api.mjs +3 -0
  280. package/esm2022/split-button/split-button.mjs +92 -0
  281. package/esm2022/split-button/split-button.module.mjs +18 -0
  282. package/esm2022/splitter/splitter.component.mjs +13 -13
  283. package/esm2022/splitter/splitter.module.mjs +4 -4
  284. package/esm2022/table/table.component.mjs +6 -6
  285. package/esm2022/table/table.module.mjs +4 -4
  286. package/esm2022/tabs/paginated-tab-header.mjs +4 -4
  287. package/esm2022/tabs/tab-body.component.mjs +6 -6
  288. package/esm2022/tabs/tab-content.directive.mjs +3 -3
  289. package/esm2022/tabs/tab-group.component.mjs +15 -15
  290. package/esm2022/tabs/tab-header.component.mjs +4 -4
  291. package/esm2022/tabs/tab-label-wrapper.directive.mjs +4 -4
  292. package/esm2022/tabs/tab-label.directive.mjs +3 -3
  293. package/esm2022/tabs/tab-nav-bar.mjs +10 -10
  294. package/esm2022/tabs/tab.component.mjs +3 -3
  295. package/esm2022/tabs/tabs.module.mjs +4 -4
  296. package/esm2022/tags/tag-input.mjs +17 -11
  297. package/esm2022/tags/tag-list.component.mjs +236 -194
  298. package/esm2022/tags/tag.component.mjs +209 -138
  299. package/esm2022/tags/tag.module.mjs +4 -4
  300. package/esm2022/textarea/textarea.component.mjs +5 -5
  301. package/esm2022/textarea/textarea.module.mjs +4 -4
  302. package/esm2022/time-range/constants.mjs +21 -0
  303. package/esm2022/time-range/index.mjs +8 -0
  304. package/esm2022/time-range/koobiq-components-time-range.mjs +5 -0
  305. package/esm2022/time-range/module.mjs +36 -0
  306. package/esm2022/time-range/time-range-editor.mjs +219 -0
  307. package/esm2022/time-range/time-range-title-as-form-field.mjs +59 -0
  308. package/esm2022/time-range/time-range-title.mjs +112 -0
  309. package/esm2022/time-range/time-range.mjs +229 -0
  310. package/esm2022/time-range/time-range.service.mjs +189 -0
  311. package/esm2022/time-range/types.mjs +2 -0
  312. package/esm2022/timepicker/timepicker.directive.mjs +4 -4
  313. package/esm2022/timepicker/timepicker.module.mjs +4 -4
  314. package/esm2022/timezone/cities-by-filter.pipe.mjs +3 -3
  315. package/esm2022/timezone/timezone-option.component.mjs +3 -3
  316. package/esm2022/timezone/timezone-option.directive.mjs +3 -3
  317. package/esm2022/timezone/timezone-select.component.mjs +9 -9
  318. package/esm2022/timezone/timezone.module.mjs +4 -4
  319. package/esm2022/timezone/utc-offset.pipe.mjs +3 -3
  320. package/esm2022/title/title.directive.mjs +3 -3
  321. package/esm2022/title/title.module.mjs +4 -4
  322. package/esm2022/toast/toast-container.component.mjs +3 -3
  323. package/esm2022/toast/toast.component.mjs +20 -14
  324. package/esm2022/toast/toast.module.mjs +4 -4
  325. package/esm2022/toast/toast.service.mjs +5 -4
  326. package/esm2022/toast/toast.type.mjs +1 -1
  327. package/esm2022/toggle/toggle.component.mjs +3 -3
  328. package/esm2022/toggle/toggle.module.mjs +4 -4
  329. package/esm2022/tooltip/tooltip.component.mjs +19 -19
  330. package/esm2022/tooltip/tooltip.module.mjs +4 -4
  331. package/esm2022/top-bar/module.mjs +4 -4
  332. package/esm2022/top-bar/top-bar.mjs +9 -9
  333. package/esm2022/tree/node.mjs +3 -3
  334. package/esm2022/tree/outlet.mjs +3 -3
  335. package/esm2022/tree/padding.directive.mjs +3 -3
  336. package/esm2022/tree/toggle.mjs +16 -12
  337. package/esm2022/tree/tree-base.mjs +7 -7
  338. package/esm2022/tree/tree-option.component.mjs +5 -9
  339. package/esm2022/tree/tree-selection.component.mjs +4 -4
  340. package/esm2022/tree/tree.mjs +3 -3
  341. package/esm2022/tree/tree.module.mjs +4 -4
  342. package/esm2022/tree-select/tree-select.component.mjs +54 -14
  343. package/esm2022/tree-select/tree-select.module.mjs +4 -4
  344. package/esm2022/username/module.mjs +4 -4
  345. package/esm2022/username/username.mjs +15 -15
  346. package/esm2022/username/username.pipe.mjs +8 -8
  347. package/fesm2022/koobiq-components-accordion.mjs +20 -20
  348. package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
  349. package/fesm2022/koobiq-components-actions-panel.mjs +10 -10
  350. package/fesm2022/koobiq-components-alert.mjs +16 -16
  351. package/fesm2022/koobiq-components-app-switcher.mjs +704 -0
  352. package/fesm2022/koobiq-components-app-switcher.mjs.map +1 -0
  353. package/fesm2022/koobiq-components-autocomplete.mjs +13 -13
  354. package/fesm2022/koobiq-components-badge.mjs +14 -14
  355. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  356. package/fesm2022/koobiq-components-breadcrumbs.mjs +20 -20
  357. package/fesm2022/koobiq-components-breadcrumbs.mjs.map +1 -1
  358. package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
  359. package/fesm2022/koobiq-components-button.mjs +13 -13
  360. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  361. package/fesm2022/koobiq-components-checkbox.mjs +10 -10
  362. package/fesm2022/koobiq-components-clamped-text.mjs +7 -7
  363. package/fesm2022/koobiq-components-code-block.mjs +13 -13
  364. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  365. package/fesm2022/koobiq-components-content-panel.mjs +34 -34
  366. package/fesm2022/koobiq-components-core.mjs +1032 -263
  367. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  368. package/fesm2022/koobiq-components-datepicker.mjs +40 -40
  369. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  370. package/fesm2022/koobiq-components-divider.mjs +8 -8
  371. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  372. package/fesm2022/koobiq-components-dl.mjs +13 -13
  373. package/fesm2022/koobiq-components-dropdown.mjs +39 -25
  374. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  375. package/fesm2022/koobiq-components-dynamic-translation.mjs +13 -13
  376. package/fesm2022/koobiq-components-ellipsis-center.mjs +7 -7
  377. package/fesm2022/koobiq-components-empty-state.mjs +19 -19
  378. package/fesm2022/koobiq-components-file-upload.mjs +36 -18
  379. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  380. package/fesm2022/koobiq-components-filter-bar.mjs +96 -86
  381. package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
  382. package/fesm2022/koobiq-components-form-field.mjs +60 -60
  383. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  384. package/fesm2022/koobiq-components-icon.mjs +13 -13
  385. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  386. package/fesm2022/koobiq-components-inline-edit.mjs +407 -0
  387. package/fesm2022/koobiq-components-inline-edit.mjs.map +1 -0
  388. package/fesm2022/koobiq-components-input.mjs +22 -22
  389. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  390. package/fesm2022/koobiq-components-link.mjs +10 -10
  391. package/fesm2022/koobiq-components-link.mjs.map +1 -1
  392. package/fesm2022/koobiq-components-list.mjs +19 -19
  393. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  394. package/fesm2022/koobiq-components-loader-overlay.mjs +16 -16
  395. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  396. package/fesm2022/koobiq-components-markdown.mjs +12 -12
  397. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  398. package/fesm2022/koobiq-components-modal.mjs +28 -28
  399. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  400. package/fesm2022/koobiq-components-navbar-ic.mjs +53 -56
  401. package/fesm2022/koobiq-components-navbar-ic.mjs.map +1 -1
  402. package/fesm2022/koobiq-components-navbar.mjs +65 -54
  403. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  404. package/fesm2022/koobiq-components-notification-center.mjs +586 -0
  405. package/fesm2022/koobiq-components-notification-center.mjs.map +1 -0
  406. package/fesm2022/koobiq-components-overflow-items.mjs +98 -44
  407. package/fesm2022/koobiq-components-overflow-items.mjs.map +1 -1
  408. package/fesm2022/koobiq-components-popover.mjs +30 -25
  409. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  410. package/fesm2022/koobiq-components-progress-bar.mjs +13 -13
  411. package/fesm2022/koobiq-components-progress-spinner.mjs +13 -13
  412. package/fesm2022/koobiq-components-radio.mjs +10 -10
  413. package/fesm2022/koobiq-components-risk-level.mjs +7 -7
  414. package/fesm2022/koobiq-components-scrollbar.mjs +10 -10
  415. package/fesm2022/koobiq-components-search-expandable.mjs +199 -0
  416. package/fesm2022/koobiq-components-search-expandable.mjs.map +1 -0
  417. package/fesm2022/koobiq-components-select.mjs +43 -16
  418. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  419. package/fesm2022/koobiq-components-sidebar.mjs +13 -13
  420. package/fesm2022/koobiq-components-sidepanel.mjs +25 -25
  421. package/fesm2022/koobiq-components-split-button.mjs +114 -0
  422. package/fesm2022/koobiq-components-split-button.mjs.map +1 -0
  423. package/fesm2022/koobiq-components-splitter.mjs +16 -16
  424. package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
  425. package/fesm2022/koobiq-components-table.mjs +10 -10
  426. package/fesm2022/koobiq-components-tabs.mjs +52 -52
  427. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  428. package/fesm2022/koobiq-components-tags.mjs +461 -346
  429. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  430. package/fesm2022/koobiq-components-textarea.mjs +8 -8
  431. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  432. package/fesm2022/koobiq-components-time-range.mjs +840 -0
  433. package/fesm2022/koobiq-components-time-range.mjs.map +1 -0
  434. package/fesm2022/koobiq-components-timepicker.mjs +7 -7
  435. package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
  436. package/fesm2022/koobiq-components-timezone.mjs +24 -24
  437. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  438. package/fesm2022/koobiq-components-title.mjs +7 -7
  439. package/fesm2022/koobiq-components-toast.mjs +28 -21
  440. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  441. package/fesm2022/koobiq-components-toggle.mjs +7 -7
  442. package/fesm2022/koobiq-components-tooltip.mjs +22 -22
  443. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  444. package/fesm2022/koobiq-components-top-bar.mjs +13 -13
  445. package/fesm2022/koobiq-components-tree-select.mjs +57 -17
  446. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  447. package/fesm2022/koobiq-components-tree.mjs +44 -44
  448. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  449. package/fesm2022/koobiq-components-username.mjs +27 -27
  450. package/file-upload/_file-upload-theme.scss +1 -1
  451. package/file-upload/file-upload.d.ts +1 -1
  452. package/file-upload/multiple-file-upload.component.d.ts +1 -0
  453. package/file-upload/single-file-upload.component.d.ts +1 -0
  454. package/filter-bar/pipes/base-pipe.d.ts +1 -1
  455. package/filter-bar/pipes/base-pipe.scss +3 -3
  456. package/filter-bar/pipes/pipe-date.scss +1 -0
  457. package/form-field/fieldset-tokens.scss +1 -1
  458. package/form-field/form-field-tokens.scss +1 -1
  459. package/form-field/form-field.d.ts +1 -1
  460. package/form-field/form-field.scss +1 -9
  461. package/form-field/password-toggle.d.ts +1 -1
  462. package/icon/icon.component.d.ts +2 -2
  463. package/inline-edit/index.d.ts +2 -0
  464. package/inline-edit/inline-edit-tokens.scss +8 -0
  465. package/inline-edit/inline-edit.d.ts +136 -0
  466. package/inline-edit/inline-edit.scss +208 -0
  467. package/inline-edit/module.d.ts +7 -0
  468. package/input/input-number.d.ts +1 -1
  469. package/input/input-password.d.ts +2 -2
  470. package/input/input.d.ts +2 -2
  471. package/link/link.component.d.ts +3 -3
  472. package/list/list-selection.component.d.ts +1 -1
  473. package/loader-overlay/loader-overlay.component.d.ts +1 -1
  474. package/markdown/_markdown-theme.scss +1 -1
  475. package/markdown/markdown-tokens.scss +1 -0
  476. package/markdown/markdown.scss +8 -0
  477. package/modal/modal.component.d.ts +1 -1
  478. package/navbar/navbar-item.component.d.ts +3 -2
  479. package/navbar/navbar.component.d.ts +4 -4
  480. package/navbar/vertical-navbar.component.d.ts +2 -2
  481. package/navbar-ic/navbar-ic-header.d.ts +1 -1
  482. package/navbar-ic/navbar-ic-item.d.ts +2 -2
  483. package/navbar-ic/navbar-ic.d.ts +4 -2
  484. package/notification-center/_notification-center-theme.scss +27 -0
  485. package/notification-center/index.d.ts +1 -0
  486. package/notification-center/notification-center-animations.d.ts +5 -0
  487. package/notification-center/notification-center.d.ts +153 -0
  488. package/notification-center/notification-center.module.d.ts +7 -0
  489. package/notification-center/notification-center.scss +126 -0
  490. package/notification-center/notification-center.service.d.ts +72 -0
  491. package/notification-center/notification-item.d.ts +27 -0
  492. package/notification-center/notification-item.scss +157 -0
  493. package/notification-center/public-api.d.ts +4 -0
  494. package/overflow-items/overflow-items.d.ts +23 -9
  495. package/package.json +46 -10
  496. package/popover/popover.component.d.ts +5 -1
  497. package/popover/popover.scss +15 -7
  498. package/prebuilt-themes/dark-theme.css +1 -1
  499. package/prebuilt-themes/light-theme.css +1 -1
  500. package/prebuilt-themes/theme.css +1 -1
  501. package/schematics/ng-add/index.js +5 -5
  502. package/search-expandable/index.d.ts +1 -0
  503. package/search-expandable/public-api.d.ts +2 -0
  504. package/search-expandable/search-expandable.d.ts +70 -0
  505. package/search-expandable/search-expandable.module.d.ts +7 -0
  506. package/search-expandable/search-expandable.scss +21 -0
  507. package/select/select.component.d.ts +38 -3
  508. package/split-button/_split-button-theme.scss +59 -0
  509. package/split-button/index.d.ts +1 -0
  510. package/split-button/public-api.d.ts +2 -0
  511. package/split-button/split-button.d.ts +31 -0
  512. package/split-button/split-button.module.d.ts +7 -0
  513. package/split-button/split-button.scss +83 -0
  514. package/splitter/splitter.component.d.ts +5 -5
  515. package/tabs/paginated-tab-header.d.ts +1 -1
  516. package/tabs/tab-header.component.d.ts +2 -2
  517. package/tabs/tab-label-wrapper.directive.d.ts +2 -2
  518. package/tabs/tab-nav-bar.d.ts +3 -3
  519. package/tags/_tag-theme.scss +21 -15
  520. package/tags/tag-input.d.ts +2 -0
  521. package/tags/tag-list.component.d.ts +133 -45
  522. package/tags/tag-list.scss +11 -0
  523. package/tags/tag-tokens.scss +17 -1
  524. package/tags/tag.component.d.ts +79 -20
  525. package/tags/tag.scss +9 -0
  526. package/textarea/textarea.component.d.ts +2 -2
  527. package/time-range/constants.d.ts +8 -0
  528. package/time-range/index.d.ts +7 -0
  529. package/time-range/module.d.ts +10 -0
  530. package/time-range/time-range-editor.d.ts +67 -0
  531. package/time-range/time-range-title-as-form-field.d.ts +40 -0
  532. package/time-range/time-range-title.d.ts +18 -0
  533. package/time-range/time-range.d.ts +75 -0
  534. package/time-range/time-range.scss +66 -0
  535. package/time-range/time-range.service.d.ts +29 -0
  536. package/time-range/types.d.ts +43 -0
  537. package/timepicker/timepicker.directive.d.ts +2 -2
  538. package/toast/toast.component.d.ts +6 -4
  539. package/toast/toast.component.scss +11 -1
  540. package/toast/toast.service.d.ts +1 -0
  541. package/toast/toast.type.d.ts +1 -0
  542. package/tree/toggle.d.ts +1 -1
  543. package/tree/tree-base.d.ts +2 -2
  544. package/tree/tree-option.component.d.ts +1 -1
  545. package/tree/tree-selection.component.d.ts +1 -1
  546. package/tree-select/tree-select.component.d.ts +44 -3
@@ -0,0 +1,704 @@
1
+ import { coerceBooleanProperty } from '@angular/cdk/coercion';
2
+ import { Overlay } from '@angular/cdk/overlay';
3
+ import { NgTemplateOutlet, AsyncPipe, JsonPipe } from '@angular/common';
4
+ import * as i0 from '@angular/core';
5
+ import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, booleanAttribute, InjectionToken, ViewChild, EventEmitter, numberAttribute, Directive, Output, NgModule } from '@angular/core';
6
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
7
+ import * as i1$1 from '@angular/forms';
8
+ import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
9
+ import * as i1 from '@koobiq/components/badge';
10
+ import { KbqBadgeModule } from '@koobiq/components/badge';
11
+ import * as i9 from '@koobiq/components/core';
12
+ import { KbqAnimationCurves, KbqAnimationDurations, KBQ_TITLE_TEXT_REF, ruRULocaleData, KbqPopUp, KBQ_LOCALE_SERVICE, applyPopupMargins, KbqOptionModule, KbqPopUpTrigger, PopUpSizes, PopUpPlacements, PopUpTriggers, POSITION_TO_CSS_MAP, EmptyFocusTrapStrategy } from '@koobiq/components/core';
13
+ import * as i5 from '@koobiq/components/divider';
14
+ import { KbqDividerModule } from '@koobiq/components/divider';
15
+ import * as i7 from '@koobiq/components/dropdown';
16
+ import { KbqDropdownItem, KbqDropdownModule } from '@koobiq/components/dropdown';
17
+ import * as i2 from '@koobiq/components/form-field';
18
+ import { KbqFormFieldModule } from '@koobiq/components/form-field';
19
+ import * as i4 from '@koobiq/components/icon';
20
+ import { KbqIcon, KbqIconModule } from '@koobiq/components/icon';
21
+ import * as i3 from '@koobiq/components/input';
22
+ import { KbqInput, KbqInputModule } from '@koobiq/components/input';
23
+ import { defaultOffsetYWithArrow } from '@koobiq/components/popover';
24
+ import * as i8 from '@koobiq/components/scrollbar';
25
+ import { KbqScrollbarModule } from '@koobiq/components/scrollbar';
26
+ import { merge } from 'rxjs';
27
+ import { trigger, state, style, transition, animate } from '@angular/animations';
28
+ import { DomSanitizer } from '@angular/platform-browser';
29
+ import { FocusTrapFactory, ConfigurableFocusTrapFactory, FOCUS_TRAP_INERT_STRATEGY } from '@angular/cdk/a11y';
30
+
31
+ /** @docs-private */
32
+ const kbqAppSwitcherAnimations = {
33
+ /** Animation that transitions a tooltip in and out. */
34
+ state: trigger('state', [
35
+ state('initial', style({
36
+ opacity: 0,
37
+ transform: 'scale(1, 0.8)'
38
+ })),
39
+ transition('* => visible', animate(`120ms ${KbqAnimationCurves.DecelerationCurve}`, style({
40
+ opacity: 1,
41
+ transform: 'scale(1, 1)'
42
+ }))),
43
+ transition('* => hidden', animate(`${KbqAnimationDurations.Rapid} linear`, style({ opacity: 0 })))
44
+ ])
45
+ };
46
+
47
+ /** @docs-private */
48
+ class KbqAppSwitcherDropdownApp extends KbqDropdownItem {
49
+ constructor() {
50
+ super(...arguments);
51
+ this.sanitizer = inject(DomSanitizer);
52
+ }
53
+ getIcon(icon) {
54
+ return this.sanitizer.bypassSecurityTrustHtml(icon || '');
55
+ }
56
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherDropdownApp, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
57
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KbqAppSwitcherDropdownApp, isStandalone: true, selector: "[kbq-app-switcher-dropdown-app]", inputs: { app: ["kbq-app-switcher-dropdown-app", "app"] }, host: { properties: { "class.kbq-dropdown-item": "false" }, classAttribute: "kbq-app-switcher-dropdown-app" }, providers: [
58
+ { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqAppSwitcherDropdownApp },
59
+ { provide: KbqDropdownItem, useExisting: KbqAppSwitcherDropdownApp }
60
+ ], exportAs: ["kbqAppSwitcherDropdownApp"], usesInheritance: true, ngImport: i0, template: `
61
+ <i class="kbq kbq-icon" [className]=""></i>
62
+ <span class="kbq-app-switcher-dropdown-app__icon" [innerHtml]="getIcon(app.icon)"></span>
63
+
64
+ <div class="kbq-app-switcher-dropdown-app__container">
65
+ <div class="kbq-app-switcher-dropdown-app__name">
66
+ <span>{{ app.name }}</span>
67
+
68
+ @if (isNested) {
69
+ <i
70
+ kbq-icon="kbq-chevron-right-s_16"
71
+ class="kbq-app-switcher-dropdown-item-trigger__icon"
72
+ [color]="componentColors.ContrastFade"
73
+ ></i>
74
+ }
75
+ </div>
76
+ @if (app.caption) {
77
+ <div class="kbq-app-switcher-dropdown-app__caption">{{ app.caption }}</div>
78
+ }
79
+ </div>
80
+ `, isInline: true, 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-app-switcher-dropdown-app{display:flex;flex-direction:row;width:100%;min-height:50px;border-radius:var(--kbq-size-xs);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer;padding:var(--kbq-size-xxs) var(--kbq-size-m)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__icon{padding-top:var(--kbq-size-s);padding-right:var(--kbq-size-m)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__container{width:100%;align-self:center}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__container .kbq-app-switcher-dropdown-app__name{display:flex;flex-direction:row;justify-content:space-between}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__container .kbq-app-switcher-dropdown-app__caption{margin-left:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-app .kbq-dropdown-item__caption{padding-top:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-item-trigger__icon{margin-top:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-app{background:var(--kbq-list-default-container-background);color:var(--kbq-list-default-text-color)}.kbq-app-switcher-dropdown-app.kbq-dropdown-item_highlighted,.kbq-app-switcher-dropdown-app:hover{background:var(--kbq-states-background-transparent-active)}.kbq-app-switcher-dropdown-app.cdk-keyboard-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__caption{color:var(--kbq-dropdown-item-caption-color)}.kbq-app-switcher-dropdown-app{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
81
+ }
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherDropdownApp, decorators: [{
83
+ type: Component,
84
+ args: [{ standalone: true, selector: '[kbq-app-switcher-dropdown-app]', exportAs: 'kbqAppSwitcherDropdownApp', template: `
85
+ <i class="kbq kbq-icon" [className]=""></i>
86
+ <span class="kbq-app-switcher-dropdown-app__icon" [innerHtml]="getIcon(app.icon)"></span>
87
+
88
+ <div class="kbq-app-switcher-dropdown-app__container">
89
+ <div class="kbq-app-switcher-dropdown-app__name">
90
+ <span>{{ app.name }}</span>
91
+
92
+ @if (isNested) {
93
+ <i
94
+ kbq-icon="kbq-chevron-right-s_16"
95
+ class="kbq-app-switcher-dropdown-item-trigger__icon"
96
+ [color]="componentColors.ContrastFade"
97
+ ></i>
98
+ }
99
+ </div>
100
+ @if (app.caption) {
101
+ <div class="kbq-app-switcher-dropdown-app__caption">{{ app.caption }}</div>
102
+ }
103
+ </div>
104
+ `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
105
+ class: 'kbq-app-switcher-dropdown-app',
106
+ '[class.kbq-dropdown-item]': 'false'
107
+ }, imports: [KbqIcon], providers: [
108
+ { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqAppSwitcherDropdownApp },
109
+ { provide: KbqDropdownItem, useExisting: KbqAppSwitcherDropdownApp }
110
+ ], 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-app-switcher-dropdown-app{display:flex;flex-direction:row;width:100%;min-height:50px;border-radius:var(--kbq-size-xs);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer;padding:var(--kbq-size-xxs) var(--kbq-size-m)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__icon{padding-top:var(--kbq-size-s);padding-right:var(--kbq-size-m)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__container{width:100%;align-self:center}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__container .kbq-app-switcher-dropdown-app__name{display:flex;flex-direction:row;justify-content:space-between}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__container .kbq-app-switcher-dropdown-app__caption{margin-left:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-app .kbq-dropdown-item__caption{padding-top:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-item-trigger__icon{margin-top:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-app{background:var(--kbq-list-default-container-background);color:var(--kbq-list-default-text-color)}.kbq-app-switcher-dropdown-app.kbq-dropdown-item_highlighted,.kbq-app-switcher-dropdown-app:hover{background:var(--kbq-states-background-transparent-active)}.kbq-app-switcher-dropdown-app.cdk-keyboard-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__caption{color:var(--kbq-dropdown-item-caption-color)}.kbq-app-switcher-dropdown-app{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-app-switcher-dropdown-app .kbq-app-switcher-dropdown-app__caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n"] }]
111
+ }], propDecorators: { app: [{
112
+ type: Input,
113
+ args: ['kbq-app-switcher-dropdown-app']
114
+ }] } });
115
+
116
+ /** @docs-private */
117
+ class KbqAppSwitcherDropdownSite extends KbqDropdownItem {
118
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherDropdownSite, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
119
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KbqAppSwitcherDropdownSite, isStandalone: true, selector: "[kbq-app-switcher-dropdown-site]", inputs: { site: ["kbq-app-switcher-dropdown-site", "site"] }, host: { properties: { "class.kbq-dropdown-item": "false" }, classAttribute: "kbq-app-switcher-dropdown-site" }, providers: [
120
+ { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqAppSwitcherDropdownSite },
121
+ { provide: KbqDropdownItem, useExisting: KbqAppSwitcherDropdownSite }
122
+ ], exportAs: ["kbqAppSwitcherDropdownSite"], usesInheritance: true, ngImport: i0, template: `
123
+ <span class="kbq-app-switcher-dropdown-site__name">{{ site.name }}</span>
124
+
125
+ @if (site.status) {
126
+ <kbq-badge class="kbq-app-switcher-dropdown-site__badge" [compact]="true">{{ site.status }}</kbq-badge>
127
+ }
128
+
129
+ @if (isNested) {
130
+ <i
131
+ kbq-icon="kbq-chevron-right-s_16"
132
+ class="kbq-app-switcher-dropdown-item-trigger__icon"
133
+ [color]="componentColors.ContrastFade"
134
+ ></i>
135
+ }
136
+ `, isInline: true, 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-app-switcher-dropdown-site{justify-content:space-between;width:100%;min-height:var(--kbq-size-3xl);text-decoration:none;border-radius:var(--kbq-size-xs);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;padding:var(--kbq-size-xxs) calc(var(--kbq-size-m) - var(--kbq-size-3xs));padding:var(--kbq-size-xxs) var(--kbq-size-m)}.kbq-app-switcher-dropdown-site .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-app-switcher-dropdown-site .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-app-switcher-dropdown-site .kbq-list-text:empty{display:none}.kbq-app-switcher-dropdown-site .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-site .kbq-app-switcher-dropdown-item-trigger__icon,.kbq-app-switcher-dropdown-site .kbq-badge{margin-top:var(--kbq-size-3xs);align-self:flex-start}.kbq-app-switcher-dropdown-site{background:var(--kbq-list-default-container-background);color:var(--kbq-list-default-text-color)}.kbq-app-switcher-dropdown-site.kbq-dropdown-item_highlighted,.kbq-app-switcher-dropdown-site:hover{background:var(--kbq-states-background-transparent-active)}.kbq-app-switcher-dropdown-site.cdk-keyboard-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-app-switcher-dropdown-site{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqBadgeModule }, { kind: "component", type: i1.KbqBadge, selector: "kbq-badge", inputs: ["compact", "outline", "badgeColor"] }, { kind: "directive", type: i1.KbqBadgeCssStyler, selector: "kbq-badge" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
137
+ }
138
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherDropdownSite, decorators: [{
139
+ type: Component,
140
+ args: [{ standalone: true, selector: '[kbq-app-switcher-dropdown-site]', exportAs: 'kbqAppSwitcherDropdownSite', template: `
141
+ <span class="kbq-app-switcher-dropdown-site__name">{{ site.name }}</span>
142
+
143
+ @if (site.status) {
144
+ <kbq-badge class="kbq-app-switcher-dropdown-site__badge" [compact]="true">{{ site.status }}</kbq-badge>
145
+ }
146
+
147
+ @if (isNested) {
148
+ <i
149
+ kbq-icon="kbq-chevron-right-s_16"
150
+ class="kbq-app-switcher-dropdown-item-trigger__icon"
151
+ [color]="componentColors.ContrastFade"
152
+ ></i>
153
+ }
154
+ `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
155
+ class: 'kbq-app-switcher-dropdown-site',
156
+ '[class.kbq-dropdown-item]': 'false'
157
+ }, imports: [
158
+ KbqIcon,
159
+ KbqBadgeModule
160
+ ], providers: [
161
+ { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqAppSwitcherDropdownSite },
162
+ { provide: KbqDropdownItem, useExisting: KbqAppSwitcherDropdownSite }
163
+ ], 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-app-switcher-dropdown-site{justify-content:space-between;width:100%;min-height:var(--kbq-size-3xl);text-decoration:none;border-radius:var(--kbq-size-xs);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;padding:var(--kbq-size-xxs) calc(var(--kbq-size-m) - var(--kbq-size-3xs));padding:var(--kbq-size-xxs) var(--kbq-size-m)}.kbq-app-switcher-dropdown-site .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-app-switcher-dropdown-site .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-app-switcher-dropdown-site .kbq-list-text:empty{display:none}.kbq-app-switcher-dropdown-site .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-app-switcher-dropdown-site .kbq-app-switcher-dropdown-item-trigger__icon,.kbq-app-switcher-dropdown-site .kbq-badge{margin-top:var(--kbq-size-3xs);align-self:flex-start}.kbq-app-switcher-dropdown-site{background:var(--kbq-list-default-container-background);color:var(--kbq-list-default-text-color)}.kbq-app-switcher-dropdown-site.kbq-dropdown-item_highlighted,.kbq-app-switcher-dropdown-site:hover{background:var(--kbq-states-background-transparent-active)}.kbq-app-switcher-dropdown-site.cdk-keyboard-focused{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-app-switcher-dropdown-site{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n"] }]
164
+ }], propDecorators: { site: [{
165
+ type: Input,
166
+ args: ['kbq-app-switcher-dropdown-site']
167
+ }] } });
168
+
169
+ /** @docs-private */
170
+ class KbqAppSwitcherListItem extends KbqDropdownItem {
171
+ constructor() {
172
+ super(...arguments);
173
+ this.sanitizer = inject(DomSanitizer);
174
+ this.toggle = false;
175
+ this.collapsed = false;
176
+ }
177
+ clickHandler(event) {
178
+ if (this.toggle) {
179
+ event.stopPropagation();
180
+ event.preventDefault();
181
+ this.collapsed = !this.collapsed;
182
+ }
183
+ }
184
+ getIcon(icon) {
185
+ return this.sanitizer.bypassSecurityTrustHtml(icon || '');
186
+ }
187
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherListItem, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
188
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KbqAppSwitcherListItem, isStandalone: true, selector: "[kbq-app-switcher-list-item]", inputs: { app: "app", toggle: ["toggle", "toggle", booleanAttribute], collapsed: ["collapsed", "collapsed", booleanAttribute] }, host: { listeners: { "click": "clickHandler($event)" }, properties: { "class.kbq-dropdown-item": "false" }, classAttribute: "kbq-app-switcher-list-item" }, providers: [
189
+ { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqAppSwitcherListItem },
190
+ { provide: KbqDropdownItem, useExisting: KbqAppSwitcherListItem }
191
+ ], exportAs: ["kbqAppSwitcherApp"], usesInheritance: true, ngImport: i0, template: `
192
+ <span class="kbq-app-switcher-list-item__icon" [innerHtml]="getIcon(app.icon)"></span>
193
+
194
+ <div class="kbq-app-switcher-list-item__container">
195
+ <div class="kbq-app-switcher-list-item__name">{{ app.name }}</div>
196
+ @if (app.caption) {
197
+ <div class="kbq-app-switcher-list-item__caption">{{ app.caption }}</div>
198
+ }
199
+ </div>
200
+
201
+ @if (toggle) {
202
+ <div class="kbq-app-switcher-list-item__toggle" [class.kbq-expanded]="!collapsed">
203
+ <i kbq-icon="kbq-chevron-down-s_16" [color]="'contrast-fade'"></i>
204
+ </div>
205
+ }
206
+ `, isInline: true, 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-app-switcher-list-item{position:relative;display:flex;flex-direction:row;max-width:100%;min-height:38px;border-radius:var(--kbq-size-s);padding:var(--kbq-size-xxs) var(--kbq-size-m) var(--kbq-size-xs) var(--kbq-size-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested{margin-left:var(--kbq-size-xxl);border-top-left-radius:unset;border-bottom-left-radius:unset}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:after{content:\"\";position:absolute;left:-1px;top:0;height:100%;border-left-width:1px;border-left-style:solid}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:has(+:not(.kbq-app-switcher-site_nested)),.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:last-child{border-bottom-left-radius:var(--kbq-size-s)}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:has(+:not(.kbq-app-switcher-site_nested)):after,.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:last-child:after{top:0;width:var(--kbq-size-m);height:var(--kbq-size-xxl);border-bottom-left-radius:var(--kbq-size-s);border-bottom-width:1px;border-bottom-style:solid}.kbq-app-switcher-list-item__toggle{position:absolute;display:none;align-items:center;justify-content:center;top:var(--kbq-size-m);left:var(--kbq-size-m);width:var(--kbq-size-xxl);height:var(--kbq-size-xxl);border-radius:var(--kbq-size-xxs)}.kbq-app-switcher-list-item__toggle .kbq-icon{transform:rotate(0)}.kbq-app-switcher-list-item__toggle.kbq-expanded .kbq-icon{transform:rotate(180deg)}.kbq-app-switcher-list-item__icon{padding-top:var(--kbq-size-s);padding-right:var(--kbq-size-m)}.kbq-app-switcher-list-item__container{max-width:100%;min-width:0;align-self:center}.kbq-app-switcher-list-item__container .kbq-app-switcher-list-item__name,.kbq-app-switcher-list-item__container .kbq-app-switcher-list-item__caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-app-switcher-site_nested:after{border-left-color:var(--kbq-line-contrast-less);border-bottom-color:var(--kbq-line-contrast-less)}.kbq-app-switcher-list-item__caption{color:var(--kbq-foreground-contrast-secondary)}.kbq-app-switcher-list-item{background:var(--kbq-list-default-container-background);color:var(--kbq-list-default-text-color)}.kbq-app-switcher-list-item:hover:has(.kbq-app-switcher-list-item__toggle) .kbq-app-switcher-list-item__icon,.kbq-app-switcher-list-item.kbq-hover:has(.kbq-app-switcher-list-item__toggle) .kbq-app-switcher-list-item__icon,.kbq-app-switcher-list-item.kbq-focused:has(.kbq-app-switcher-list-item__toggle) .kbq-app-switcher-list-item__icon{visibility:hidden}.kbq-app-switcher-list-item:hover .kbq-app-switcher-list-item__toggle,.kbq-app-switcher-list-item.kbq-hover .kbq-app-switcher-list-item__toggle,.kbq-app-switcher-list-item.kbq-focused .kbq-app-switcher-list-item__toggle{display:flex}.kbq-app-switcher-list-item:hover,.kbq-app-switcher-list-item.kbq-hover,.kbq-app-switcher-list-item:hover .kbq-app-switcher-list-item__toggle,.kbq-app-switcher-list-item.kbq-hover .kbq-app-switcher-list-item__toggle{background:var(--kbq-states-background-transparent-hover)}.kbq-app-switcher-list-item:active,.kbq-app-switcher-list-item.kbq-active{background:var(--kbq-states-background-transparent-active)}.kbq-app-switcher-list-item.kbq-selected{background:var(--kbq-background-theme-less)}.kbq-app-switcher-list-item.kbq-selected:hover,.kbq-app-switcher-list-item.kbq-selected.kbq-hover{background:var(--kbq-states-background-theme-less-hover)}.kbq-app-switcher-list-item.kbq-selected:active,.kbq-app-switcher-list-item.kbq-selected.kbq-active{background:var(--kbq-states-background-theme-less-active)}.kbq-app-switcher-list-item.cdk-keyboard-focused{outline:none;border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-app-switcher-list-item__name{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-app-switcher-list-item__caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
207
+ }
208
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherListItem, decorators: [{
209
+ type: Component,
210
+ args: [{ standalone: true, selector: '[kbq-app-switcher-list-item]', exportAs: 'kbqAppSwitcherApp', template: `
211
+ <span class="kbq-app-switcher-list-item__icon" [innerHtml]="getIcon(app.icon)"></span>
212
+
213
+ <div class="kbq-app-switcher-list-item__container">
214
+ <div class="kbq-app-switcher-list-item__name">{{ app.name }}</div>
215
+ @if (app.caption) {
216
+ <div class="kbq-app-switcher-list-item__caption">{{ app.caption }}</div>
217
+ }
218
+ </div>
219
+
220
+ @if (toggle) {
221
+ <div class="kbq-app-switcher-list-item__toggle" [class.kbq-expanded]="!collapsed">
222
+ <i kbq-icon="kbq-chevron-down-s_16" [color]="'contrast-fade'"></i>
223
+ </div>
224
+ }
225
+ `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
226
+ class: 'kbq-app-switcher-list-item',
227
+ '[class.kbq-dropdown-item]': 'false',
228
+ '(click)': 'clickHandler($event)'
229
+ }, imports: [
230
+ KbqIcon,
231
+ NgTemplateOutlet
232
+ ], providers: [
233
+ { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqAppSwitcherListItem },
234
+ { provide: KbqDropdownItem, useExisting: KbqAppSwitcherListItem }
235
+ ], 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-app-switcher-list-item{position:relative;display:flex;flex-direction:row;max-width:100%;min-height:38px;border-radius:var(--kbq-size-s);padding:var(--kbq-size-xxs) var(--kbq-size-m) var(--kbq-size-xs) var(--kbq-size-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested{margin-left:var(--kbq-size-xxl);border-top-left-radius:unset;border-bottom-left-radius:unset}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:after{content:\"\";position:absolute;left:-1px;top:0;height:100%;border-left-width:1px;border-left-style:solid}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:has(+:not(.kbq-app-switcher-site_nested)),.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:last-child{border-bottom-left-radius:var(--kbq-size-s)}.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:has(+:not(.kbq-app-switcher-site_nested)):after,.kbq-app-switcher-list-item.kbq-app-switcher-site_nested:last-child:after{top:0;width:var(--kbq-size-m);height:var(--kbq-size-xxl);border-bottom-left-radius:var(--kbq-size-s);border-bottom-width:1px;border-bottom-style:solid}.kbq-app-switcher-list-item__toggle{position:absolute;display:none;align-items:center;justify-content:center;top:var(--kbq-size-m);left:var(--kbq-size-m);width:var(--kbq-size-xxl);height:var(--kbq-size-xxl);border-radius:var(--kbq-size-xxs)}.kbq-app-switcher-list-item__toggle .kbq-icon{transform:rotate(0)}.kbq-app-switcher-list-item__toggle.kbq-expanded .kbq-icon{transform:rotate(180deg)}.kbq-app-switcher-list-item__icon{padding-top:var(--kbq-size-s);padding-right:var(--kbq-size-m)}.kbq-app-switcher-list-item__container{max-width:100%;min-width:0;align-self:center}.kbq-app-switcher-list-item__container .kbq-app-switcher-list-item__name,.kbq-app-switcher-list-item__container .kbq-app-switcher-list-item__caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-app-switcher-site_nested:after{border-left-color:var(--kbq-line-contrast-less);border-bottom-color:var(--kbq-line-contrast-less)}.kbq-app-switcher-list-item__caption{color:var(--kbq-foreground-contrast-secondary)}.kbq-app-switcher-list-item{background:var(--kbq-list-default-container-background);color:var(--kbq-list-default-text-color)}.kbq-app-switcher-list-item:hover:has(.kbq-app-switcher-list-item__toggle) .kbq-app-switcher-list-item__icon,.kbq-app-switcher-list-item.kbq-hover:has(.kbq-app-switcher-list-item__toggle) .kbq-app-switcher-list-item__icon,.kbq-app-switcher-list-item.kbq-focused:has(.kbq-app-switcher-list-item__toggle) .kbq-app-switcher-list-item__icon{visibility:hidden}.kbq-app-switcher-list-item:hover .kbq-app-switcher-list-item__toggle,.kbq-app-switcher-list-item.kbq-hover .kbq-app-switcher-list-item__toggle,.kbq-app-switcher-list-item.kbq-focused .kbq-app-switcher-list-item__toggle{display:flex}.kbq-app-switcher-list-item:hover,.kbq-app-switcher-list-item.kbq-hover,.kbq-app-switcher-list-item:hover .kbq-app-switcher-list-item__toggle,.kbq-app-switcher-list-item.kbq-hover .kbq-app-switcher-list-item__toggle{background:var(--kbq-states-background-transparent-hover)}.kbq-app-switcher-list-item:active,.kbq-app-switcher-list-item.kbq-active{background:var(--kbq-states-background-transparent-active)}.kbq-app-switcher-list-item.kbq-selected{background:var(--kbq-background-theme-less)}.kbq-app-switcher-list-item.kbq-selected:hover,.kbq-app-switcher-list-item.kbq-selected.kbq-hover{background:var(--kbq-states-background-theme-less-hover)}.kbq-app-switcher-list-item.kbq-selected:active,.kbq-app-switcher-list-item.kbq-selected.kbq-active{background:var(--kbq-states-background-theme-less-active)}.kbq-app-switcher-list-item.cdk-keyboard-focused{outline:none;border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-app-switcher-list-item__name{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-app-switcher-list-item__caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n"] }]
236
+ }], propDecorators: { app: [{
237
+ type: Input
238
+ }], toggle: [{
239
+ type: Input,
240
+ args: [{ transform: booleanAttribute }]
241
+ }], collapsed: [{
242
+ type: Input,
243
+ args: [{ transform: booleanAttribute }]
244
+ }] } });
245
+
246
+ /** @docs-private */
247
+ function defaultGroupBy(app, groups, untyped) {
248
+ if (!app.type) {
249
+ untyped.push(app);
250
+ }
251
+ else {
252
+ const appType = app.type.toString();
253
+ if (groups[appType]) {
254
+ groups[appType].aliases.push(app);
255
+ }
256
+ else {
257
+ groups[appType] = {
258
+ name: appType,
259
+ aliases: [app],
260
+ icon: app.icon,
261
+ id: ''
262
+ };
263
+ }
264
+ }
265
+ }
266
+ const KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_SEARCH = 7;
267
+ const KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_GROUPING = 3;
268
+ /** @docs-private */
269
+ const KBQ_APP_SWITCHER_SCROLL_STRATEGY = new InjectionToken('kbq-app-switcher-scroll-strategy');
270
+ /** @docs-private */
271
+ function kbqAppSwitcherScrollStrategyFactory(overlay) {
272
+ return () => overlay.scrollStrategies.reposition({ scrollThrottle: 20 });
273
+ }
274
+ /** @docs-private */
275
+ const KBQ_APP_SWITCHER_SCROLL_STRATEGY_FACTORY_PROVIDER = {
276
+ provide: KBQ_APP_SWITCHER_SCROLL_STRATEGY,
277
+ deps: [Overlay],
278
+ useFactory: kbqAppSwitcherScrollStrategyFactory
279
+ };
280
+ /** default configuration of app-switcher */
281
+ /** @docs-private */
282
+ const KBQ_APP_SWITCHER_DEFAULT_CONFIGURATION = ruRULocaleData.appSwitcher;
283
+ /** Injection Token for providing configuration of app-switcher */
284
+ /** @docs-private */
285
+ const KBQ_APP_SWITCHER_CONFIGURATION = new InjectionToken('KbqAppSwitcherConfiguration');
286
+ /** @docs-private */
287
+ class KbqAppSwitcherComponent extends KbqPopUp {
288
+ /** localized data
289
+ * @docs-private */
290
+ get localeData() {
291
+ return this.configuration;
292
+ }
293
+ constructor() {
294
+ super();
295
+ /** @docs-private */
296
+ this.localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });
297
+ this.externalConfiguration = inject(KBQ_APP_SWITCHER_CONFIGURATION, { optional: true });
298
+ /** @docs-private */
299
+ this.searchControl = new FormControl('');
300
+ /** @docs-private */
301
+ this.prefix = 'kbq-app-switcher';
302
+ /** @docs-private */
303
+ this.isTrapFocus = false;
304
+ this.updateLocaleParams = () => {
305
+ this.configuration = this.externalConfiguration || this.localeService?.getParams('appSwitcher');
306
+ this.changeDetectorRef.markForCheck();
307
+ };
308
+ this.localeService?.changes.pipe(takeUntilDestroyed()).subscribe(this.updateLocaleParams);
309
+ if (!this.localeService) {
310
+ this.initDefaultParams();
311
+ }
312
+ }
313
+ ngAfterViewInit() {
314
+ if (this.input) {
315
+ this.input.focus();
316
+ }
317
+ this.visibleChange.subscribe((state) => {
318
+ if (this.offset !== null && state) {
319
+ applyPopupMargins(this.renderer, this.elementRef.nativeElement, this.prefix, `${this.offset.toString()}px`);
320
+ }
321
+ });
322
+ this.searchControl.valueChanges.subscribe((value) => (this.filteredSites = this.filterSites(value)));
323
+ }
324
+ /** @docs-private */
325
+ updateClassMap(placement, customClass, size) {
326
+ super.updateClassMap(placement, customClass, { [`${this.prefix}_${size}`]: !!size });
327
+ }
328
+ /** @docs-private */
329
+ updateTrapFocus(isTrapFocus) {
330
+ this.isTrapFocus = isTrapFocus;
331
+ }
332
+ /** @docs-private */
333
+ escapeHandler() {
334
+ this.hide(0);
335
+ }
336
+ /** @docs-private */
337
+ selectAppInSite(site, app) {
338
+ this.trigger.selectedSite = site;
339
+ this.trigger.selectedApp = app;
340
+ this.trigger.selectedSiteChange.emit(site);
341
+ this.trigger.selectedAppChange.emit(app);
342
+ }
343
+ filterSites(query) {
344
+ const filteredSites = structuredClone(this.trigger.originalSites);
345
+ return query
346
+ ? filteredSites.filter((site) => {
347
+ const filteredApps = site.apps.filter((app) => app.name.toLowerCase().includes(query.toLowerCase()));
348
+ if (filteredApps.length) {
349
+ site.apps = filteredApps;
350
+ return true;
351
+ }
352
+ return false;
353
+ })
354
+ : filteredSites;
355
+ }
356
+ initDefaultParams() {
357
+ this.configuration = KBQ_APP_SWITCHER_DEFAULT_CONFIGURATION;
358
+ }
359
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
360
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KbqAppSwitcherComponent, isStandalone: true, selector: "kbq-app-switcher", host: { classAttribute: "kbq-app-switcher" }, viewQueries: [{ propertyName: "input", first: true, predicate: KbqInput, descendants: true }, { propertyName: "otherSites", first: true, predicate: ["otherSites"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (trigger.withSearch) {\n <div class=\"kbq-app-switcher__search-container\" (mouseenter)=\"otherSites?.close()\">\n <kbq-form-field noBorders>\n <i kbq-icon=\"kbq-magnifying-glass_16\" kbqPrefix></i>\n <input\n autocomplete=\"off\"\n kbqInput\n placeholder=\"{{ localeData.searchPlaceholder }}\"\n [formControl]=\"searchControl\"\n (keydown.escape)=\"escapeHandler()\"\n />\n <kbq-cleaner />\n </kbq-form-field>\n </div>\n\n <kbq-divider />\n}\n\n<div kbq-scrollbar>\n @if (!searchControl.getRawValue()) {\n <div class=\"kbq-app-switcher__app-container\" (mouseenter)=\"otherSites?.close()\">\n @if (trigger.sitesMode) {\n <div class=\"kbq-app-switcher-group-header\">\n <div class=\"kbq-app-switcher-group-header__text\">{{ trigger.selectedSite?.name }}</div>\n @if (trigger.selectedSite?.status) {\n <kbq-badge class=\"kbq-app-switcher-group-header__badge\" [compact]=\"true\">\n {{ trigger.selectedSite.status }}\n </kbq-badge>\n }\n </div>\n }\n\n <kbq-dropdown [class]=\"'kbq-app-switcher-sites'\">\n <div kbqDropdownStaticContent class=\"kbq-app-switcher-site\">\n @for (app of trigger.currentApps; track app) {\n @if (!app.aliases) {\n <a\n kbq-app-switcher-list-item\n href=\"{{ app.link }}\"\n [class.kbq-selected]=\"app.id === trigger.selectedApp?.id\"\n [app]=\"app\"\n [toggle]=\"!!app.aliases\"\n ></a>\n } @else {\n <div\n #appSwitcherApp=\"kbqAppSwitcherApp\"\n kbq-app-switcher-list-item\n [app]=\"app\"\n [toggle]=\"!!app.aliases\"\n ></div>\n\n @if (!appSwitcherApp.collapsed) {\n @for (alias of app.aliases; track alias) {\n <a\n class=\"kbq-app-switcher-site_nested\"\n kbq-app-switcher-list-item\n href=\"{{ alias.link }}\"\n [class.kbq-selected]=\"alias.id === trigger.selectedApp?.id\"\n [app]=\"alias\"\n ></a>\n }\n }\n }\n }\n </div>\n </kbq-dropdown>\n </div>\n\n @if (trigger.sitesMode) {\n <kbq-divider />\n\n <div class=\"kbq-app-switcher__sites-container\">\n <div class=\"kbq-app-switcher-group-header\">\n <div class=\"kbq-app-switcher-group-header__text\">{{ localeData.sitesHeader }}</div>\n </div>\n\n <kbq-dropdown #otherSites=\"kbqDropdown\">\n <div kbqDropdownStaticContent class=\"kbq-app-switcher-sites\">\n @for (site of trigger.sites; track site) {\n @if (site.id !== trigger.selectedSite?.id) {\n <div\n [kbq-app-switcher-dropdown-site]=\"site\"\n [kbqDropdownTriggerFor]=\"dropdownWithSelectedSite\"\n [offsetX]=\"0\"\n (mouseenter)=\"activeSite = site\"\n ></div>\n }\n }\n </div>\n </kbq-dropdown>\n </div>\n\n <kbq-dropdown #dropdownWithSelectedSite=\"kbqDropdown\" [class]=\"'kbq-app-switcher-sites'\">\n @for (app of activeSite?.apps; track app) {\n @if (app.aliases) {\n <div\n #dropdownWithGroupedAppsTrigger=\"kbqDropdownTrigger\"\n [kbq-app-switcher-dropdown-app]=\"app\"\n [kbqDropdownTriggerFor]=\"dropdownWithGroupedApps\"\n [offsetX]=\"0\"\n [class.kbq-pressed]=\"dropdownWithGroupedAppsTrigger.opened\"\n (mouseenter)=\"activeApp = app\"\n ></div>\n } @else {\n <a\n href=\"{{ app.link }}\"\n [kbq-app-switcher-dropdown-app]=\"app\"\n (click)=\"selectAppInSite(activeSite, app)\"\n ></a>\n }\n }\n </kbq-dropdown>\n\n <kbq-dropdown #dropdownWithGroupedApps=\"kbqDropdown\" [class]=\"'kbq-app-switcher-sites'\">\n @for (alias of activeApp?.aliases; track alias) {\n <a\n href=\"{{ alias.link }}\"\n [kbq-app-switcher-dropdown-app]=\"alias\"\n (click)=\"selectAppInSite(activeSite, alias)\"\n ></a>\n }\n </kbq-dropdown>\n }\n } @else {\n <div class=\"kbq-app-switcher__search-result\">\n <kbq-dropdown [class]=\"'kbq-app-switcher-sites'\">\n <div kbqDropdownStaticContent class=\"kbq-app-switcher-site\">\n @for (site of filteredSites; track site) {\n @if (site.apps) {\n <kbq-optgroup label=\"{{ site.name }}\" />\n }\n\n @for (app of site.apps; track app) {\n <a kbq-app-switcher-list-item href=\"{{ app.link }}\" [app]=\"app\"></a>\n }\n } @empty {\n <div class=\"kbq-app-switcher__empty-search-result\">{{ localeData.searchEmptyResult }}</div>\n }\n </div>\n </kbq-dropdown>\n </div>\n }\n</div>\n", styles: [".kbq-app-switcher{position:relative;display:flex;flex-direction:column;margin-top:var(--kbq-size-xxs);margin-bottom:var(--kbq-size-xxs);width:320px;border-radius:var(--kbq-size-xs);box-shadow:var(--kbq-shadow-popup);box-sizing:border-box;z-index:1}.kbq-app-switcher__search-container{padding-top:var(--kbq-size-xxs)}.kbq-app-switcher__search-result{max-width:320px;min-height:0;padding:var(--kbq-size-s) var(--kbq-size-xxs)}.kbq-app-switcher__empty-search-result{display:flex;justify-content:center;align-items:center;height:96px}.kbq-app-switcher__app-container{display:flex;flex-direction:column;min-height:0;padding:var(--kbq-size-s) var(--kbq-size-xxs)}.kbq-app-switcher-group-header{padding:var(--kbq-size-s) var(--kbq-size-m);display:flex;flex-direction:row;justify-content:space-between}.kbq-app-switcher__sites-container{padding:var(--kbq-size-xxs)}.kbq-app-switcher{background:var(--kbq-background-card)}.kbq-app-switcher .kbq-app-switcher-group-header,.kbq-app-switcher__empty-search-result{color:var(--kbq-foreground-contrast-secondary)}.kbq-app-switcher,.kbq-app-switcher__empty-search-result{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-app-switcher-group-header__text{font-size:var(--kbq-typography-caps-compact-strong-font-size);font-style:var(--kbq-typography-caps-compact-strong-font-style);font-weight:var(--kbq-typography-caps-compact-strong-font-weight);line-height:var(--kbq-typography-caps-compact-strong-line-height);font-family:var(--kbq-typography-caps-compact-strong-font-family);text-transform:var(--kbq-typography-caps-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-caps-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-caps-compact-strong-letter-spacing)}.kbq-app-switcher-group-header__badge{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-app-switch-tree-option__text{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: KbqFormFieldModule }, { kind: "component", type: i2.KbqCleaner, selector: "kbq-cleaner", exportAs: ["kbqCleaner"] }, { kind: "component", type: i2.KbqFormField, selector: "kbq-form-field", inputs: ["noBorders"], exportAs: ["kbqFormField"] }, { kind: "directive", type: i2.KbqPrefix, selector: "[kbqPrefix]", exportAs: ["kbqPrefix"] }, { kind: "directive", type: i2.KbqValidateDirective, selector: " input[kbqInput], input[kbqNumberInput], input[kbqInputPassword], input[kbqTimepicker], input[kbqDatepicker], textarea[kbqTextarea], kbq-select, kbq-tree-select, kbq-tag-list ", exportAs: ["KbqValidate"] }, { kind: "directive", type: i2.KbqTrim, selector: "[kbqInput], [kbqTextarea]", exportAs: ["KbqTrim"] }, { kind: "ngmodule", type: KbqInputModule }, { kind: "directive", type: i3.KbqInput, selector: "input[kbqInput],input[kbqNumberInput]", inputs: ["errorStateMatcher", "placeholder", "disabled", "id", "required", "type", "value"], exportAs: ["kbqInput"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqDividerModule }, { kind: "component", type: i5.KbqDivider, selector: "kbq-divider", inputs: ["vertical", "inset", "paddings"] }, { kind: "ngmodule", type: KbqBadgeModule }, { kind: "component", type: i1.KbqBadge, selector: "kbq-badge", inputs: ["compact", "outline", "badgeColor"] }, { kind: "directive", type: i1.KbqBadgeCssStyler, selector: "kbq-badge" }, { kind: "ngmodule", type: KbqDropdownModule }, { kind: "component", type: i7.KbqDropdown, selector: "kbq-dropdown", inputs: ["navigationWithWrap", "xPosition", "yPosition", "overlapTriggerY", "overlapTriggerX", "hasBackdrop", "class", "backdropClass"], outputs: ["closed"], exportAs: ["kbqDropdown"] }, { kind: "directive", type: i7.KbqDropdownTrigger, selector: "[kbqDropdownTriggerFor]", inputs: ["offsetX", "offsetY", "kbqDropdownTriggerData", "openByArrowDown", "kbqDropdownTriggerRestoreFocus", "kbqDropdownTriggerFor"], outputs: ["dropdownOpened", "dropdownClosed"], exportAs: ["kbqDropdownTrigger"] }, { kind: "directive", type: i7.KbqDropdownStaticContent, selector: "[kbqDropdownStaticContent]" }, { kind: "ngmodule", type: KbqScrollbarModule }, { kind: "component", type: i8.KbqScrollbar, selector: "kbq-scrollbar, [kbq-scrollbar]", inputs: ["initializationTarget", "options", "events", "defer"], outputs: ["onInitialize", "onUpdate", "onDestroy", "onScroll"], exportAs: ["kbqScrollbar"] }, { kind: "ngmodule", type: KbqOptionModule }, { kind: "component", type: i9.KbqOptgroup, selector: "kbq-optgroup", inputs: ["label", "disabled"], exportAs: ["kbqOptgroup"] }, { kind: "component", type: KbqAppSwitcherDropdownApp, selector: "[kbq-app-switcher-dropdown-app]", inputs: ["kbq-app-switcher-dropdown-app"], exportAs: ["kbqAppSwitcherDropdownApp"] }, { kind: "component", type: KbqAppSwitcherDropdownSite, selector: "[kbq-app-switcher-dropdown-site]", inputs: ["kbq-app-switcher-dropdown-site"], exportAs: ["kbqAppSwitcherDropdownSite"] }, { kind: "component", type: KbqAppSwitcherListItem, selector: "[kbq-app-switcher-list-item]", inputs: ["app", "toggle", "collapsed"], exportAs: ["kbqAppSwitcherApp"] }], animations: [kbqAppSwitcherAnimations.state], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
361
+ }
362
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherComponent, decorators: [{
363
+ type: Component,
364
+ args: [{ standalone: true, selector: 'kbq-app-switcher', preserveWhitespaces: false, host: {
365
+ class: 'kbq-app-switcher'
366
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
367
+ AsyncPipe,
368
+ FormsModule,
369
+ ReactiveFormsModule,
370
+ KbqFormFieldModule,
371
+ KbqInputModule,
372
+ KbqIconModule,
373
+ KbqDividerModule,
374
+ KbqBadgeModule,
375
+ KbqDropdownModule,
376
+ KbqScrollbarModule,
377
+ KbqOptionModule,
378
+ KbqAppSwitcherDropdownApp,
379
+ KbqAppSwitcherDropdownSite,
380
+ KbqAppSwitcherListItem,
381
+ JsonPipe
382
+ ], animations: [kbqAppSwitcherAnimations.state], template: "@if (trigger.withSearch) {\n <div class=\"kbq-app-switcher__search-container\" (mouseenter)=\"otherSites?.close()\">\n <kbq-form-field noBorders>\n <i kbq-icon=\"kbq-magnifying-glass_16\" kbqPrefix></i>\n <input\n autocomplete=\"off\"\n kbqInput\n placeholder=\"{{ localeData.searchPlaceholder }}\"\n [formControl]=\"searchControl\"\n (keydown.escape)=\"escapeHandler()\"\n />\n <kbq-cleaner />\n </kbq-form-field>\n </div>\n\n <kbq-divider />\n}\n\n<div kbq-scrollbar>\n @if (!searchControl.getRawValue()) {\n <div class=\"kbq-app-switcher__app-container\" (mouseenter)=\"otherSites?.close()\">\n @if (trigger.sitesMode) {\n <div class=\"kbq-app-switcher-group-header\">\n <div class=\"kbq-app-switcher-group-header__text\">{{ trigger.selectedSite?.name }}</div>\n @if (trigger.selectedSite?.status) {\n <kbq-badge class=\"kbq-app-switcher-group-header__badge\" [compact]=\"true\">\n {{ trigger.selectedSite.status }}\n </kbq-badge>\n }\n </div>\n }\n\n <kbq-dropdown [class]=\"'kbq-app-switcher-sites'\">\n <div kbqDropdownStaticContent class=\"kbq-app-switcher-site\">\n @for (app of trigger.currentApps; track app) {\n @if (!app.aliases) {\n <a\n kbq-app-switcher-list-item\n href=\"{{ app.link }}\"\n [class.kbq-selected]=\"app.id === trigger.selectedApp?.id\"\n [app]=\"app\"\n [toggle]=\"!!app.aliases\"\n ></a>\n } @else {\n <div\n #appSwitcherApp=\"kbqAppSwitcherApp\"\n kbq-app-switcher-list-item\n [app]=\"app\"\n [toggle]=\"!!app.aliases\"\n ></div>\n\n @if (!appSwitcherApp.collapsed) {\n @for (alias of app.aliases; track alias) {\n <a\n class=\"kbq-app-switcher-site_nested\"\n kbq-app-switcher-list-item\n href=\"{{ alias.link }}\"\n [class.kbq-selected]=\"alias.id === trigger.selectedApp?.id\"\n [app]=\"alias\"\n ></a>\n }\n }\n }\n }\n </div>\n </kbq-dropdown>\n </div>\n\n @if (trigger.sitesMode) {\n <kbq-divider />\n\n <div class=\"kbq-app-switcher__sites-container\">\n <div class=\"kbq-app-switcher-group-header\">\n <div class=\"kbq-app-switcher-group-header__text\">{{ localeData.sitesHeader }}</div>\n </div>\n\n <kbq-dropdown #otherSites=\"kbqDropdown\">\n <div kbqDropdownStaticContent class=\"kbq-app-switcher-sites\">\n @for (site of trigger.sites; track site) {\n @if (site.id !== trigger.selectedSite?.id) {\n <div\n [kbq-app-switcher-dropdown-site]=\"site\"\n [kbqDropdownTriggerFor]=\"dropdownWithSelectedSite\"\n [offsetX]=\"0\"\n (mouseenter)=\"activeSite = site\"\n ></div>\n }\n }\n </div>\n </kbq-dropdown>\n </div>\n\n <kbq-dropdown #dropdownWithSelectedSite=\"kbqDropdown\" [class]=\"'kbq-app-switcher-sites'\">\n @for (app of activeSite?.apps; track app) {\n @if (app.aliases) {\n <div\n #dropdownWithGroupedAppsTrigger=\"kbqDropdownTrigger\"\n [kbq-app-switcher-dropdown-app]=\"app\"\n [kbqDropdownTriggerFor]=\"dropdownWithGroupedApps\"\n [offsetX]=\"0\"\n [class.kbq-pressed]=\"dropdownWithGroupedAppsTrigger.opened\"\n (mouseenter)=\"activeApp = app\"\n ></div>\n } @else {\n <a\n href=\"{{ app.link }}\"\n [kbq-app-switcher-dropdown-app]=\"app\"\n (click)=\"selectAppInSite(activeSite, app)\"\n ></a>\n }\n }\n </kbq-dropdown>\n\n <kbq-dropdown #dropdownWithGroupedApps=\"kbqDropdown\" [class]=\"'kbq-app-switcher-sites'\">\n @for (alias of activeApp?.aliases; track alias) {\n <a\n href=\"{{ alias.link }}\"\n [kbq-app-switcher-dropdown-app]=\"alias\"\n (click)=\"selectAppInSite(activeSite, alias)\"\n ></a>\n }\n </kbq-dropdown>\n }\n } @else {\n <div class=\"kbq-app-switcher__search-result\">\n <kbq-dropdown [class]=\"'kbq-app-switcher-sites'\">\n <div kbqDropdownStaticContent class=\"kbq-app-switcher-site\">\n @for (site of filteredSites; track site) {\n @if (site.apps) {\n <kbq-optgroup label=\"{{ site.name }}\" />\n }\n\n @for (app of site.apps; track app) {\n <a kbq-app-switcher-list-item href=\"{{ app.link }}\" [app]=\"app\"></a>\n }\n } @empty {\n <div class=\"kbq-app-switcher__empty-search-result\">{{ localeData.searchEmptyResult }}</div>\n }\n </div>\n </kbq-dropdown>\n </div>\n }\n</div>\n", styles: [".kbq-app-switcher{position:relative;display:flex;flex-direction:column;margin-top:var(--kbq-size-xxs);margin-bottom:var(--kbq-size-xxs);width:320px;border-radius:var(--kbq-size-xs);box-shadow:var(--kbq-shadow-popup);box-sizing:border-box;z-index:1}.kbq-app-switcher__search-container{padding-top:var(--kbq-size-xxs)}.kbq-app-switcher__search-result{max-width:320px;min-height:0;padding:var(--kbq-size-s) var(--kbq-size-xxs)}.kbq-app-switcher__empty-search-result{display:flex;justify-content:center;align-items:center;height:96px}.kbq-app-switcher__app-container{display:flex;flex-direction:column;min-height:0;padding:var(--kbq-size-s) var(--kbq-size-xxs)}.kbq-app-switcher-group-header{padding:var(--kbq-size-s) var(--kbq-size-m);display:flex;flex-direction:row;justify-content:space-between}.kbq-app-switcher__sites-container{padding:var(--kbq-size-xxs)}.kbq-app-switcher{background:var(--kbq-background-card)}.kbq-app-switcher .kbq-app-switcher-group-header,.kbq-app-switcher__empty-search-result{color:var(--kbq-foreground-contrast-secondary)}.kbq-app-switcher,.kbq-app-switcher__empty-search-result{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-app-switcher-group-header__text{font-size:var(--kbq-typography-caps-compact-strong-font-size);font-style:var(--kbq-typography-caps-compact-strong-font-style);font-weight:var(--kbq-typography-caps-compact-strong-font-weight);line-height:var(--kbq-typography-caps-compact-strong-line-height);font-family:var(--kbq-typography-caps-compact-strong-font-family);text-transform:var(--kbq-typography-caps-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-caps-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-caps-compact-strong-letter-spacing)}.kbq-app-switcher-group-header__badge{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-app-switch-tree-option__text{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}\n"] }]
383
+ }], ctorParameters: () => [], propDecorators: { input: [{
384
+ type: ViewChild,
385
+ args: [KbqInput]
386
+ }], otherSites: [{
387
+ type: ViewChild,
388
+ args: ['otherSites']
389
+ }] } });
390
+ class KbqAppSwitcherTrigger extends KbqPopUpTrigger {
391
+ constructor() {
392
+ super(...arguments);
393
+ /** @docs-private */
394
+ this.scrollStrategy = inject(KBQ_APP_SWITCHER_SCROLL_STRATEGY);
395
+ // not used
396
+ /** @docs-private */
397
+ this.arrow = false;
398
+ /** @docs-private */
399
+ this.hasBackdrop = false;
400
+ /** @docs-private */
401
+ this.size = PopUpSizes.Medium;
402
+ /** Placement of popUp */
403
+ this.placement = PopUpPlacements.BottomLeft;
404
+ /** Class that will be used in the background */
405
+ this.backdropClass = 'cdk-overlay-transparent-backdrop';
406
+ /** Offset of popUp */
407
+ this.offset = defaultOffsetYWithArrow;
408
+ this._groupBy = defaultGroupBy;
409
+ /** Emits a change event whenever the placement state changes. */
410
+ this.placementChange = new EventEmitter();
411
+ /** Emits a change event whenever the visible state changes. */
412
+ this.visibleChange = new EventEmitter();
413
+ /** @docs-private */
414
+ this.selectedSiteChange = new EventEmitter();
415
+ /** @docs-private */
416
+ this.selectedAppChange = new EventEmitter();
417
+ /** @docs-private */
418
+ this.trigger = `${PopUpTriggers.Click}, ${PopUpTriggers.Keydown}`;
419
+ /** @docs-private */
420
+ this.originSelector = '.kbq-app-switcher';
421
+ this.hideIfNotInViewPort = () => {
422
+ if (!this.scrollable)
423
+ return;
424
+ const rect = this.elementRef.nativeElement.getBoundingClientRect();
425
+ const containerRect = this.scrollable.getElementRef().nativeElement.getBoundingClientRect();
426
+ if (!(rect.bottom >= containerRect.top &&
427
+ rect.right >= containerRect.left &&
428
+ rect.top <= containerRect.bottom &&
429
+ rect.left <= containerRect.right)) {
430
+ this.hide();
431
+ }
432
+ };
433
+ }
434
+ /** Whether search is used or not */
435
+ get withSearch() {
436
+ return this.appsCount > KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_SEARCH;
437
+ }
438
+ /** Number of applications to choose from
439
+ * @docs-private */
440
+ get appsCount() {
441
+ if (this.sitesMode) {
442
+ return this.originalSites.reduce((acc, site) => acc + site.apps.length, 0);
443
+ }
444
+ return this.originalApps.length;
445
+ }
446
+ /** Whether the sites are used or not
447
+ * @docs-private */
448
+ get sitesMode() {
449
+ return this.originalSites?.length > 0;
450
+ }
451
+ /** Whether the sites are used or not
452
+ * @docs-private */
453
+ get currentApps() {
454
+ return this.sitesMode ? this.selectedSite.apps : this._parsedApps;
455
+ }
456
+ /** Array of sites */
457
+ get sites() {
458
+ return this._parsedSites;
459
+ }
460
+ set sites(value) {
461
+ this.originalSites = value;
462
+ this._parsedSites = [];
463
+ value.forEach((site) => {
464
+ const newSite = { ...site, apps: [] };
465
+ newSite.apps = this.makeGroupsForApps(site.apps, KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_GROUPING);
466
+ this._parsedSites.push(newSite);
467
+ });
468
+ }
469
+ /** Array of applications */
470
+ get apps() {
471
+ return this._parsedApps;
472
+ }
473
+ set apps(apps) {
474
+ this.originalApps = apps;
475
+ this._parsedApps = this.makeGroupsForApps(this.originalApps, KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_GROUPING);
476
+ }
477
+ makeGroupsForApps(apps, minAppsForGrouping) {
478
+ const groups = {};
479
+ const untyped = [];
480
+ const groupedApps = [];
481
+ apps.forEach((app) => {
482
+ this.groupBy(app, groups, untyped);
483
+ });
484
+ Object.values(groups).forEach((group) => {
485
+ if (group.aliases && group.aliases.length > minAppsForGrouping) {
486
+ groupedApps.push(group);
487
+ }
488
+ else {
489
+ untyped.push(...group.aliases);
490
+ }
491
+ });
492
+ groupedApps.push(...untyped);
493
+ return groupedApps;
494
+ }
495
+ /** Function to group the apps by type. The first argument is an app object with type.
496
+ * The second is a groups object and third is an array for untyped apps */
497
+ get groupBy() {
498
+ return this._groupBy;
499
+ }
500
+ set groupBy(fn) {
501
+ if (typeof fn !== 'function') {
502
+ throw new Error('The argument must be a function');
503
+ }
504
+ this._groupBy = fn;
505
+ }
506
+ /** Selected site */
507
+ get selectedSite() {
508
+ return this._parsedSelectedSite;
509
+ }
510
+ set selectedSite(value) {
511
+ const originValue = this.originalSites.find((site) => value.id === site.id);
512
+ const newSite = { ...originValue, apps: [] };
513
+ newSite.apps = this.makeGroupsForApps(originValue.apps, KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_GROUPING);
514
+ this._parsedSelectedSite = newSite;
515
+ }
516
+ /** Whether the trigger is disabled. */
517
+ get disabled() {
518
+ return this._disabled;
519
+ }
520
+ set disabled(value) {
521
+ this._disabled = coerceBooleanProperty(value);
522
+ if (this._disabled) {
523
+ this.hide();
524
+ }
525
+ }
526
+ /** @docs-private */
527
+ get hasClickTrigger() {
528
+ return this.trigger.includes(PopUpTriggers.Click);
529
+ }
530
+ /** @docs-private */
531
+ get overlayConfig() {
532
+ return {
533
+ panelClass: 'kbq-app-switcher__panel',
534
+ hasBackdrop: this.hasBackdrop,
535
+ backdropClass: this.backdropClass
536
+ };
537
+ }
538
+ ngOnInit() {
539
+ super.ngOnInit();
540
+ this.scrollable
541
+ ?.elementScrolled()
542
+ .pipe(takeUntilDestroyed(this.destroyRef))
543
+ .subscribe(this.hideIfNotInViewPort);
544
+ }
545
+ ngAfterContentInit() {
546
+ if (this.closeOnScroll === null) {
547
+ this.scrollDispatcher.scrolled().subscribe((scrollable) => {
548
+ if (!scrollable?.getElementRef().nativeElement.classList.contains('kbq-hide-nested-popup'))
549
+ return;
550
+ const parentRects = scrollable.getElementRef().nativeElement.getBoundingClientRect();
551
+ const childRects = this.elementRef.nativeElement.getBoundingClientRect();
552
+ if (childRects.bottom < parentRects.top || childRects.top > parentRects.bottom) {
553
+ this.hide();
554
+ }
555
+ });
556
+ }
557
+ this.visibleChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((visible) => {
558
+ if (visible) {
559
+ // eslint-disable-next-line rxjs/no-nested-subscribe
560
+ this.preventClosingByInnerScrollSubscription = this.closingActions().subscribe((event) => {
561
+ if (event['scrollDispatcher']) {
562
+ event['kbqPopoverPreventHide'] = true;
563
+ event['type'] = 'click';
564
+ }
565
+ });
566
+ }
567
+ else {
568
+ this.preventClosingByInnerScrollSubscription.unsubscribe();
569
+ this.focus();
570
+ }
571
+ });
572
+ }
573
+ /** @docs-private */
574
+ updateData() {
575
+ if (!this.instance)
576
+ return;
577
+ this.instance.header = this.header;
578
+ this.instance.content = this.content;
579
+ this.instance.arrow = this.arrow;
580
+ this.instance.offset = this.offset;
581
+ this.instance.footer = this.footer;
582
+ this.instance.updateTrapFocus(this.trigger !== PopUpTriggers.Focus);
583
+ if (this.isOpen) {
584
+ this.updatePosition(true);
585
+ }
586
+ }
587
+ /** Updates the current position.
588
+ * @docs-private */
589
+ updatePosition(reapplyPosition = false) {
590
+ this.overlayRef = this.createOverlay();
591
+ const position = this.overlayRef.getConfig().positionStrategy
592
+ .withPositions(this.getAdjustedPositions())
593
+ .withPush(true);
594
+ if (reapplyPosition) {
595
+ setTimeout(() => position.reapplyLastPosition());
596
+ }
597
+ }
598
+ /** @docs-private */
599
+ getOverlayHandleComponentType() {
600
+ return KbqAppSwitcherComponent;
601
+ }
602
+ /** @docs-private */
603
+ updateClassMap(newPlacement = this.placement) {
604
+ if (!this.instance)
605
+ return;
606
+ this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], this.customClass, this.size);
607
+ this.instance.markForCheck();
608
+ }
609
+ /** @docs-private */
610
+ closingActions() {
611
+ return merge(this.overlayRef.outsidePointerEvents(), this.overlayRef.backdropClick(), this.scrollDispatcher.scrolled());
612
+ }
613
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherTrigger, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
614
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.14", type: KbqAppSwitcherTrigger, isStandalone: true, selector: "[kbqAppSwitcher]", inputs: { selectedApp: "selectedApp", placement: ["kbqAppSwitcherPlacement", "placement"], backdropClass: "backdropClass", offset: ["offset", "offset", numberAttribute], sites: "sites", apps: "apps", groupBy: "groupBy", selectedSite: "selectedSite", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { placementChange: "kbqPlacementChange", visibleChange: "kbqVisibleChange", selectedSiteChange: "selectedSiteChange", selectedAppChange: "selectedAppChange" }, host: { listeners: { "keydown": "keydownHandler($event)", "touchend": "touchendHandler()" }, properties: { "class.kbq-app-switcher_open": "isOpen", "class.kbq-active": "hasClickTrigger && isOpen" } }, exportAs: ["kbqAppSwitcher"], usesInheritance: true, ngImport: i0 }); }
615
+ }
616
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherTrigger, decorators: [{
617
+ type: Directive,
618
+ args: [{
619
+ standalone: true,
620
+ selector: '[kbqAppSwitcher]',
621
+ exportAs: 'kbqAppSwitcher',
622
+ host: {
623
+ '[class.kbq-app-switcher_open]': 'isOpen',
624
+ '[class.kbq-active]': 'hasClickTrigger && isOpen',
625
+ '(keydown)': 'keydownHandler($event)',
626
+ '(touchend)': 'touchendHandler()'
627
+ }
628
+ }]
629
+ }], propDecorators: { selectedApp: [{
630
+ type: Input
631
+ }], placement: [{
632
+ type: Input,
633
+ args: ['kbqAppSwitcherPlacement']
634
+ }], backdropClass: [{
635
+ type: Input
636
+ }], offset: [{
637
+ type: Input,
638
+ args: [{ transform: numberAttribute }]
639
+ }], sites: [{
640
+ type: Input
641
+ }], apps: [{
642
+ type: Input
643
+ }], groupBy: [{
644
+ type: Input
645
+ }], selectedSite: [{
646
+ type: Input
647
+ }], disabled: [{
648
+ type: Input,
649
+ args: [{ transform: booleanAttribute }]
650
+ }], placementChange: [{
651
+ type: Output,
652
+ args: ['kbqPlacementChange']
653
+ }], visibleChange: [{
654
+ type: Output,
655
+ args: ['kbqVisibleChange']
656
+ }], selectedSiteChange: [{
657
+ type: Output
658
+ }], selectedAppChange: [{
659
+ type: Output
660
+ }] } });
661
+
662
+ class KbqAppSwitcherModule {
663
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
664
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherModule, imports: [KbqAppSwitcherComponent,
665
+ KbqAppSwitcherTrigger,
666
+ KbqAppSwitcherListItem,
667
+ KbqAppSwitcherDropdownApp,
668
+ KbqAppSwitcherDropdownSite], exports: [KbqAppSwitcherTrigger] }); }
669
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherModule, providers: [
670
+ KBQ_APP_SWITCHER_SCROLL_STRATEGY_FACTORY_PROVIDER,
671
+ { provide: FocusTrapFactory, useClass: ConfigurableFocusTrapFactory },
672
+ { provide: FOCUS_TRAP_INERT_STRATEGY, useClass: EmptyFocusTrapStrategy }
673
+ ], imports: [KbqAppSwitcherComponent,
674
+ KbqAppSwitcherListItem,
675
+ KbqAppSwitcherDropdownApp,
676
+ KbqAppSwitcherDropdownSite] }); }
677
+ }
678
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAppSwitcherModule, decorators: [{
679
+ type: NgModule,
680
+ args: [{
681
+ imports: [
682
+ KbqAppSwitcherComponent,
683
+ KbqAppSwitcherTrigger,
684
+ KbqAppSwitcherListItem,
685
+ KbqAppSwitcherDropdownApp,
686
+ KbqAppSwitcherDropdownSite
687
+ ],
688
+ exports: [
689
+ KbqAppSwitcherTrigger
690
+ ],
691
+ providers: [
692
+ KBQ_APP_SWITCHER_SCROLL_STRATEGY_FACTORY_PROVIDER,
693
+ { provide: FocusTrapFactory, useClass: ConfigurableFocusTrapFactory },
694
+ { provide: FOCUS_TRAP_INERT_STRATEGY, useClass: EmptyFocusTrapStrategy }
695
+ ]
696
+ }]
697
+ }] });
698
+
699
+ /**
700
+ * Generated bundle index. Do not edit.
701
+ */
702
+
703
+ export { KBQ_APP_SWITCHER_CONFIGURATION, KBQ_APP_SWITCHER_DEFAULT_CONFIGURATION, KBQ_APP_SWITCHER_SCROLL_STRATEGY, KBQ_APP_SWITCHER_SCROLL_STRATEGY_FACTORY_PROVIDER, KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_GROUPING, KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_SEARCH, KbqAppSwitcherComponent, KbqAppSwitcherDropdownApp, KbqAppSwitcherDropdownSite, KbqAppSwitcherListItem, KbqAppSwitcherModule, KbqAppSwitcherTrigger, defaultGroupBy, kbqAppSwitcherAnimations, kbqAppSwitcherScrollStrategyFactory };
704
+ //# sourceMappingURL=koobiq-components-app-switcher.mjs.map