@koobiq/components 17.8.1 → 18.0.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 (337) hide show
  1. package/alert/alert-tokens.scss +117 -118
  2. package/autocomplete/autocomplete-tokens.scss +8 -7
  3. package/badge/badge-tokens.scss +168 -166
  4. package/button/button-tokens.scss +238 -225
  5. package/button/button.scss +5 -9
  6. package/button-toggle/button-toggle-tokens.scss +69 -68
  7. package/checkbox/checkbox-tokens.scss +122 -124
  8. package/code-block/code-block-tokens.scss +92 -86
  9. package/core/common-behaviors/index.d.ts +1 -1
  10. package/core/forms/forms-tokens.scss +30 -30
  11. package/core/option/optgroup-tokens.scss +9 -23
  12. package/core/option/option-action-tokens.scss +3 -19
  13. package/core/option/option-tokens.scss +93 -101
  14. package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +122 -124
  15. package/core/styles/_koobiq-theme.scss +3 -7
  16. package/core/styles/theming/_theming.scss +4 -6
  17. package/core/styles/theming/scrollbar-tokens.scss +16 -14
  18. package/core/styles/typography/_typography.scss +1 -0
  19. package/datepicker/datepicker-tokens.scss +42 -44
  20. package/divider/divider-tokens.scss +6 -4
  21. package/dl/dl-tokens.scss +26 -24
  22. package/dropdown/dropdown-tokens.scss +91 -96
  23. package/empty-state/empty-state-tokens.scss +50 -58
  24. package/esm2022/alert/alert.component.mjs +13 -13
  25. package/esm2022/alert/alert.module.mjs +4 -4
  26. package/esm2022/autocomplete/autocomplete-origin.directive.mjs +3 -3
  27. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  28. package/esm2022/autocomplete/autocomplete.component.mjs +5 -5
  29. package/esm2022/autocomplete/autocomplete.module.mjs +4 -4
  30. package/esm2022/badge/badge.component.mjs +10 -10
  31. package/esm2022/badge/badge.module.mjs +4 -4
  32. package/esm2022/button/button.component.mjs +8 -8
  33. package/esm2022/button/button.module.mjs +4 -4
  34. package/esm2022/button-toggle/button-toggle.component.mjs +8 -8
  35. package/esm2022/button-toggle/button-toggle.module.mjs +4 -4
  36. package/esm2022/checkbox/checkbox-module.mjs +4 -4
  37. package/esm2022/checkbox/checkbox-required-validator.mjs +3 -3
  38. package/esm2022/checkbox/checkbox.mjs +5 -5
  39. package/esm2022/code-block/actionbar.component.mjs +5 -5
  40. package/esm2022/code-block/code-block.component.mjs +5 -5
  41. package/esm2022/code-block/code-block.module.mjs +4 -4
  42. package/esm2022/core/common-behaviors/common-module.mjs +4 -4
  43. package/esm2022/core/common-behaviors/index.mjs +2 -2
  44. package/esm2022/core/error/error-options.mjs +6 -6
  45. package/esm2022/core/formatters/date/formatter.mjs +3 -3
  46. package/esm2022/core/formatters/date/formatter.pipe.mjs +39 -39
  47. package/esm2022/core/formatters/index.mjs +4 -4
  48. package/esm2022/core/formatters/number/formatter.mjs +12 -12
  49. package/esm2022/core/forms/forms-module.mjs +4 -4
  50. package/esm2022/core/forms/forms.directive.mjs +6 -6
  51. package/esm2022/core/highlight/highlight.pipe.mjs +3 -3
  52. package/esm2022/core/highlight/index.mjs +4 -4
  53. package/esm2022/core/line/line.mjs +7 -7
  54. package/esm2022/core/locales/locale-service.mjs +3 -3
  55. package/esm2022/core/locales/locale-service.module.mjs +4 -4
  56. package/esm2022/core/option/action.mjs +8 -8
  57. package/esm2022/core/option/optgroup.mjs +4 -4
  58. package/esm2022/core/option/option-module.mjs +4 -4
  59. package/esm2022/core/option/option.mjs +5 -5
  60. package/esm2022/core/pop-up/pop-up-trigger.mjs +3 -3
  61. package/esm2022/core/pop-up/pop-up.mjs +3 -3
  62. package/esm2022/core/select/common.mjs +15 -15
  63. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +5 -5
  64. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  65. package/esm2022/core/services/measure-scrollbar.service.mjs +3 -3
  66. package/esm2022/core/services/theme.service.mjs +3 -3
  67. package/esm2022/core/utils/data-size/data-size.pipe.mjs +3 -3
  68. package/esm2022/core/version.mjs +2 -2
  69. package/esm2022/datepicker/calendar-body.component.mjs +3 -3
  70. package/esm2022/datepicker/calendar-header.component.mjs +5 -5
  71. package/esm2022/datepicker/calendar.component.mjs +3 -3
  72. package/esm2022/datepicker/datepicker-input.directive.mjs +3 -3
  73. package/esm2022/datepicker/datepicker-intl.mjs +3 -3
  74. package/esm2022/datepicker/datepicker-module.mjs +4 -4
  75. package/esm2022/datepicker/datepicker-toggle.component.mjs +8 -8
  76. package/esm2022/datepicker/datepicker.component.mjs +8 -8
  77. package/esm2022/datepicker/month-view.component.mjs +3 -3
  78. package/esm2022/divider/divider.component.mjs +4 -4
  79. package/esm2022/divider/divider.module.mjs +4 -4
  80. package/esm2022/dl/dl.component.mjs +10 -10
  81. package/esm2022/dl/dl.module.mjs +4 -4
  82. package/esm2022/dropdown/dropdown-content.directive.mjs +3 -3
  83. package/esm2022/dropdown/dropdown-item.component.mjs +6 -6
  84. package/esm2022/dropdown/dropdown-trigger.directive.mjs +3 -3
  85. package/esm2022/dropdown/dropdown.component.mjs +6 -6
  86. package/esm2022/dropdown/dropdown.module.mjs +4 -4
  87. package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +7 -7
  88. package/esm2022/empty-state/empty-state.component.mjs +16 -16
  89. package/esm2022/empty-state/empty-state.module.mjs +4 -4
  90. package/esm2022/file-upload/file-drop.mjs +3 -3
  91. package/esm2022/file-upload/file-upload.module.mjs +4 -4
  92. package/esm2022/file-upload/multiple-file-upload.component.mjs +5 -5
  93. package/esm2022/file-upload/single-file-upload.component.mjs +5 -5
  94. package/esm2022/form-field/cleaner.mjs +6 -6
  95. package/esm2022/form-field/form-field.mjs +11 -11
  96. package/esm2022/form-field/form-field.module.mjs +4 -4
  97. package/esm2022/form-field/hint.mjs +5 -5
  98. package/esm2022/form-field/password-hint.mjs +5 -5
  99. package/esm2022/form-field/password-toggle.mjs +5 -5
  100. package/esm2022/form-field/prefix.mjs +3 -3
  101. package/esm2022/form-field/stepper.mjs +8 -8
  102. package/esm2022/form-field/suffix.mjs +3 -3
  103. package/esm2022/form-field/validate.directive.mjs +3 -3
  104. package/esm2022/icon/icon-button.component.mjs +6 -6
  105. package/esm2022/icon/icon-item.component.mjs +6 -6
  106. package/esm2022/icon/icon.component.mjs +6 -6
  107. package/esm2022/icon/icon.module.mjs +4 -4
  108. package/esm2022/input/input-number-validators.mjs +6 -6
  109. package/esm2022/input/input-number.mjs +3 -3
  110. package/esm2022/input/input-password.mjs +3 -3
  111. package/esm2022/input/input.mjs +6 -6
  112. package/esm2022/input/input.module.mjs +4 -4
  113. package/esm2022/link/link.component.mjs +3 -3
  114. package/esm2022/link/link.module.mjs +4 -4
  115. package/esm2022/list/list-selection.component.mjs +11 -11
  116. package/esm2022/list/list.component.mjs +7 -7
  117. package/esm2022/list/list.module.mjs +4 -4
  118. package/esm2022/loader-overlay/loader-overlay.component.mjs +13 -13
  119. package/esm2022/loader-overlay/loader-overlay.module.mjs +4 -4
  120. package/esm2022/markdown/markdown.component.mjs +5 -5
  121. package/esm2022/markdown/markdown.module.mjs +4 -4
  122. package/esm2022/markdown/markdown.service.mjs +3 -3
  123. package/esm2022/modal/css-unit.pipe.mjs +3 -3
  124. package/esm2022/modal/modal-control.service.mjs +3 -3
  125. package/esm2022/modal/modal.component.mjs +5 -5
  126. package/esm2022/modal/modal.directive.mjs +12 -12
  127. package/esm2022/modal/modal.module.mjs +4 -4
  128. package/esm2022/modal/modal.service.mjs +3 -3
  129. package/esm2022/navbar/navbar-item.component.mjs +33 -33
  130. package/esm2022/navbar/navbar.component.mjs +11 -11
  131. package/esm2022/navbar/navbar.module.mjs +4 -4
  132. package/esm2022/navbar/vertical-navbar.component.mjs +5 -5
  133. package/esm2022/popover/popover-confirm.component.mjs +8 -8
  134. package/esm2022/popover/popover.component.mjs +8 -8
  135. package/esm2022/popover/popover.module.mjs +4 -4
  136. package/esm2022/progress-bar/progress-bar.component.mjs +10 -10
  137. package/esm2022/progress-bar/progress-bar.module.mjs +4 -4
  138. package/esm2022/progress-spinner/progress-spinner.component.mjs +10 -10
  139. package/esm2022/progress-spinner/progress-spinner.module.mjs +4 -4
  140. package/esm2022/radio/radio.component.mjs +7 -7
  141. package/esm2022/radio/radio.module.mjs +4 -4
  142. package/esm2022/risk-level/risk-level.component.mjs +4 -4
  143. package/esm2022/risk-level/risk-level.module.mjs +4 -4
  144. package/esm2022/scrollbar/scrollbar.component.mjs +10 -8
  145. package/esm2022/scrollbar/scrollbar.directive.mjs +8 -4
  146. package/esm2022/scrollbar/scrollbar.module.mjs +13 -8
  147. package/esm2022/select/select-option.directive.mjs +3 -3
  148. package/esm2022/select/select.component.mjs +6 -6
  149. package/esm2022/select/select.module.mjs +4 -4
  150. package/esm2022/sidebar/sidebar.component.mjs +9 -9
  151. package/esm2022/sidebar/sidebar.module.mjs +4 -4
  152. package/esm2022/sidepanel/sidepanel-container.component.mjs +5 -5
  153. package/esm2022/sidepanel/sidepanel-directives.mjs +18 -18
  154. package/esm2022/sidepanel/sidepanel.module.mjs +4 -4
  155. package/esm2022/sidepanel/sidepanel.service.mjs +3 -3
  156. package/esm2022/splitter/splitter.component.mjs +14 -14
  157. package/esm2022/splitter/splitter.module.mjs +4 -4
  158. package/esm2022/table/table.component.mjs +7 -7
  159. package/esm2022/table/table.module.mjs +4 -4
  160. package/esm2022/tabs/paginated-tab-header.mjs +3 -3
  161. package/esm2022/tabs/tab-body.component.mjs +6 -6
  162. package/esm2022/tabs/tab-content.directive.mjs +3 -3
  163. package/esm2022/tabs/tab-group.component.mjs +16 -16
  164. package/esm2022/tabs/tab-header.component.mjs +5 -5
  165. package/esm2022/tabs/tab-label-wrapper.directive.mjs +3 -3
  166. package/esm2022/tabs/tab-label.directive.mjs +3 -3
  167. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
  168. package/esm2022/tabs/tab.component.mjs +3 -3
  169. package/esm2022/tabs/tabs.module.mjs +4 -4
  170. package/esm2022/tags/tag-input.mjs +3 -3
  171. package/esm2022/tags/tag-list.component.mjs +4 -4
  172. package/esm2022/tags/tag.component.mjs +12 -12
  173. package/esm2022/tags/tag.module.mjs +4 -4
  174. package/esm2022/textarea/textarea.component.mjs +3 -3
  175. package/esm2022/textarea/textarea.module.mjs +4 -4
  176. package/esm2022/timepicker/timepicker.directive.mjs +3 -3
  177. package/esm2022/timepicker/timepicker.module.mjs +4 -4
  178. package/esm2022/timezone/cities-by-filter.pipe.mjs +3 -3
  179. package/esm2022/timezone/timezone-option.component.mjs +5 -5
  180. package/esm2022/timezone/timezone-option.directive.mjs +3 -3
  181. package/esm2022/timezone/timezone-select.component.mjs +9 -9
  182. package/esm2022/timezone/timezone.module.mjs +4 -4
  183. package/esm2022/timezone/utc-offset.pipe.mjs +3 -3
  184. package/esm2022/title/title.directive.mjs +3 -3
  185. package/esm2022/title/title.module.mjs +4 -4
  186. package/esm2022/toast/toast-container.component.mjs +3 -3
  187. package/esm2022/toast/toast.component.mjs +8 -8
  188. package/esm2022/toast/toast.module.mjs +4 -4
  189. package/esm2022/toast/toast.service.mjs +3 -3
  190. package/esm2022/toggle/toggle.component.mjs +6 -6
  191. package/esm2022/toggle/toggle.module.mjs +4 -4
  192. package/esm2022/tooltip/tooltip.component.mjs +14 -14
  193. package/esm2022/tooltip/tooltip.module.mjs +4 -4
  194. package/esm2022/tree/node.mjs +3 -3
  195. package/esm2022/tree/outlet.mjs +3 -3
  196. package/esm2022/tree/padding.directive.mjs +3 -3
  197. package/esm2022/tree/toggle.mjs +14 -14
  198. package/esm2022/tree/tree-base.mjs +6 -6
  199. package/esm2022/tree/tree-option.component.mjs +5 -5
  200. package/esm2022/tree/tree-selection.component.mjs +5 -5
  201. package/esm2022/tree/tree.mjs +5 -5
  202. package/esm2022/tree/tree.module.mjs +4 -4
  203. package/esm2022/tree-select/tree-select.component.mjs +6 -6
  204. package/esm2022/tree-select/tree-select.module.mjs +4 -4
  205. package/fesm2022/koobiq-components-alert.mjs +17 -17
  206. package/fesm2022/koobiq-components-alert.mjs.map +1 -1
  207. package/fesm2022/koobiq-components-autocomplete.mjs +15 -15
  208. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  209. package/fesm2022/koobiq-components-badge.mjs +14 -14
  210. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  211. package/fesm2022/koobiq-components-button-toggle.mjs +12 -12
  212. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  213. package/fesm2022/koobiq-components-button.mjs +12 -12
  214. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  215. package/fesm2022/koobiq-components-checkbox.mjs +11 -11
  216. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  217. package/fesm2022/koobiq-components-code-block.mjs +12 -12
  218. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  219. package/fesm2022/koobiq-components-core.mjs +158 -158
  220. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  221. package/fesm2022/koobiq-components-datepicker.mjs +37 -37
  222. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  223. package/fesm2022/koobiq-components-divider.mjs +8 -8
  224. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  225. package/fesm2022/koobiq-components-dl.mjs +14 -14
  226. package/fesm2022/koobiq-components-dl.mjs.map +1 -1
  227. package/fesm2022/koobiq-components-dropdown.mjs +20 -20
  228. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  229. package/fesm2022/koobiq-components-ellipsis-center.mjs +7 -7
  230. package/fesm2022/koobiq-components-empty-state.mjs +20 -20
  231. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  232. package/fesm2022/koobiq-components-file-upload.mjs +15 -15
  233. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  234. package/fesm2022/koobiq-components-form-field.mjs +49 -49
  235. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  236. package/fesm2022/koobiq-components-icon.mjs +19 -19
  237. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  238. package/fesm2022/koobiq-components-input.mjs +22 -22
  239. package/fesm2022/koobiq-components-link.mjs +7 -7
  240. package/fesm2022/koobiq-components-list.mjs +22 -22
  241. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  242. package/fesm2022/koobiq-components-loader-overlay.mjs +17 -17
  243. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  244. package/fesm2022/koobiq-components-markdown.mjs +12 -12
  245. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  246. package/fesm2022/koobiq-components-modal.mjs +29 -29
  247. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  248. package/fesm2022/koobiq-components-navbar.mjs +52 -52
  249. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  250. package/fesm2022/koobiq-components-popover.mjs +18 -18
  251. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  252. package/fesm2022/koobiq-components-progress-bar.mjs +14 -14
  253. package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
  254. package/fesm2022/koobiq-components-progress-spinner.mjs +14 -14
  255. package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
  256. package/fesm2022/koobiq-components-radio.mjs +11 -11
  257. package/fesm2022/koobiq-components-radio.mjs.map +1 -1
  258. package/fesm2022/koobiq-components-risk-level.mjs +8 -8
  259. package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
  260. package/fesm2022/koobiq-components-scrollbar.mjs +28 -16
  261. package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
  262. package/fesm2022/koobiq-components-select.mjs +12 -12
  263. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  264. package/fesm2022/koobiq-components-sidebar.mjs +13 -13
  265. package/fesm2022/koobiq-components-sidepanel.mjs +28 -28
  266. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  267. package/fesm2022/koobiq-components-splitter.mjs +17 -17
  268. package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
  269. package/fesm2022/koobiq-components-table.mjs +11 -11
  270. package/fesm2022/koobiq-components-table.mjs.map +1 -1
  271. package/fesm2022/koobiq-components-tabs.mjs +52 -52
  272. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  273. package/fesm2022/koobiq-components-tags.mjs +23 -23
  274. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  275. package/fesm2022/koobiq-components-textarea.mjs +7 -7
  276. package/fesm2022/koobiq-components-timepicker.mjs +7 -7
  277. package/fesm2022/koobiq-components-timezone.mjs +26 -26
  278. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  279. package/fesm2022/koobiq-components-title.mjs +7 -7
  280. package/fesm2022/koobiq-components-toast.mjs +17 -17
  281. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  282. package/fesm2022/koobiq-components-toggle.mjs +9 -9
  283. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  284. package/fesm2022/koobiq-components-tooltip.mjs +17 -17
  285. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  286. package/fesm2022/koobiq-components-tree-select.mjs +9 -9
  287. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  288. package/fesm2022/koobiq-components-tree.mjs +47 -47
  289. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  290. package/file-upload/file-upload-tokens.scss +147 -146
  291. package/file-upload/multiple-file-upload.component.scss +2 -8
  292. package/form-field/form-field-tokens.scss +72 -72
  293. package/form-field/hint-tokens.scss +51 -51
  294. package/icon/icon-button-tokens.scss +54 -56
  295. package/icon/icon-item-tokens.scss +46 -44
  296. package/icon/icon-tokens.scss +14 -12
  297. package/input/input-tokens.scss +11 -10
  298. package/link/link-tokens.scss +56 -57
  299. package/list/list-tokens.scss +84 -86
  300. package/loader-overlay/loader-overlay-tokens.scss +54 -50
  301. package/markdown/markdown-tokens.scss +214 -235
  302. package/modal/modal-tokens.scss +40 -41
  303. package/navbar/navbar-tokens.scss +50 -71
  304. package/navbar/vertical-navbar.scss +5 -0
  305. package/package.json +13 -10
  306. package/popover/popover-tokens.scss +40 -45
  307. package/prebuilt-themes/dark-theme.css +1 -1
  308. package/prebuilt-themes/light-theme.css +1 -1
  309. package/prebuilt-themes/theme.css +1 -0
  310. package/progress-bar/progress-bar-tokens.scss +28 -28
  311. package/progress-spinner/progress-spinner-tokens.scss +28 -28
  312. package/radio/radio-tokens.scss +119 -127
  313. package/risk-level/risk-level-tokens.scss +57 -56
  314. package/schematics/collection.json +5 -0
  315. package/schematics/new-icons-pack/data.js +2303 -0
  316. package/schematics/new-icons-pack/index.js +120 -0
  317. package/schematics/new-icons-pack/schema.json +25 -0
  318. package/schematics/ng-add/index.js +14 -40
  319. package/schematics/utils/package-config.js +65 -0
  320. package/scrollbar/scrollbar-tokens.scss +16 -14
  321. package/scrollbar/scrollbar.component.d.ts +4 -1
  322. package/scrollbar/scrollbar.directive.d.ts +5 -25
  323. package/scrollbar/scrollbar.module.d.ts +1 -1
  324. package/select/select-tokens.scss +31 -48
  325. package/sidepanel/sidepanel-tokens.scss +36 -37
  326. package/splitter/splitter-tokens.scss +1 -7
  327. package/table/table-tokens.scss +18 -34
  328. package/tabs/tabs-tokens.scss +168 -107
  329. package/tags/tag-input-tokens.scss +13 -12
  330. package/tags/tag-tokens.scss +141 -141
  331. package/textarea/textarea-tokens.scss +11 -10
  332. package/timezone/timezone-option-tokens.scss +40 -38
  333. package/toast/toast-tokens.scss +61 -65
  334. package/toggle/toggle-tokens.scss +124 -128
  335. package/tooltip/tooltip-tokens.scss +50 -54
  336. package/tree/tree-tokens.scss +80 -80
  337. package/tree-select/tree-select-tokens.scss +14 -50
package/fesm2022/koobiq-components-progress-bar.mjs CHANGED
@@ -15,10 +15,10 @@ class KbqProgressBarBase {
15
15
  /** @docs-private */
16
16
  const KbqProgressBarMixinBase = mixinColor(KbqProgressBarBase, KbqComponentColors.Theme);
17
17
  class KbqProgressBarText {
18
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
19
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqProgressBarText, selector: "[kbq-progress-bar-text]", host: { classAttribute: "kbq-progress-bar-text" }, ngImport: i0 }); }
18
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
19
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressBarText, selector: "[kbq-progress-bar-text]", host: { classAttribute: "kbq-progress-bar-text" }, ngImport: i0 }); }
20
20
  }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarText, decorators: [{
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarText, decorators: [{
22
22
  type: Directive,
23
23
  args: [{
24
24
  selector: '[kbq-progress-bar-text]',
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
28
28
  }]
29
29
  }] });
30
30
  class KbqProgressBarCaption {
31
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
32
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqProgressBarCaption, selector: "[kbq-progress-bar-caption]", host: { classAttribute: "kbq-progress-bar-caption" }, ngImport: i0 }); }
31
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
32
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressBarCaption, selector: "[kbq-progress-bar-caption]", host: { classAttribute: "kbq-progress-bar-caption" }, ngImport: i0 }); }
33
33
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarCaption, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarCaption, decorators: [{
35
35
  type: Directive,
36
36
  args: [{
37
37
  selector: '[kbq-progress-bar-caption]',
@@ -50,17 +50,17 @@ class KbqProgressBar extends KbqProgressBarMixinBase {
50
50
  get percentage() {
51
51
  return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value));
52
52
  }
53
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
54
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqProgressBar, selector: "kbq-progress-bar", inputs: { color: "color", id: "id", value: "value", mode: "mode" }, host: { properties: { "attr.id": "id", "class.kbq-progress-bar_determinate": "mode === \"determinate\"", "class.kbq-progress-bar_indeterminate": "mode === \"indeterminate\"" }, classAttribute: "kbq-progress-bar" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n>\n @switch (mode) {\n @case ('indeterminate') {\n <div class=\"kbq-progress-bar__line kbq-progress-bar__line_indeterminate\"></div>\n }\n @default {\n <div\n class=\"kbq-progress-bar__line kbq-progress-bar__line_determinate\"\n [style.width.%]=\"percentage\"\n ></div>\n }\n }\n</div>\n\n<ng-content select=\"[kbq-progress-bar-caption]\" />\n", styles: ["@keyframes kbq-progress-bar-indeterminate{0%{width:25%;transform:translate(-150%)}to{width:40%;transform:translate(250%)}}.kbq-progress-bar{display:block;overflow:hidden}.kbq-progress-bar .kbq-progress-bar-text{margin-bottom:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar-caption{margin-top:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar__inner{overflow:hidden;height:var(--kbq-progress-bar-size-bar-height, 4px);border-radius:var(--kbq-progress-bar-size-container-border-radius, 2px)}.kbq-progress-bar .kbq-progress-bar__line{height:100%;transform-origin:top left;border-radius:var(--kbq-progress-bar-size-bar-border-radius, 2px)}.kbq-progress-bar.kbq-progress-bar_determinate .kbq-progress-bar__line{transition:width .3s}.kbq-progress-bar.kbq-progress-bar_indeterminate .kbq-progress-bar__line{animation:kbq-progress-bar-indeterminate 2.1s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-bar.kbq-theme .kbq-progress-bar__inner{background-color:var(--kbq-progress-bar-bar-background, )}.kbq-progress-bar.kbq-theme .kbq-progress-bar__line{background-color:var(--kbq-progress-bar-bar-foreground, )}.kbq-progress-bar-text{color:var(--kbq-progress-bar-text-color, )}.kbq-progress-bar-caption{color:var(--kbq-progress-bar-caption-color, )}.kbq-progress-bar-text{font-size:var(--kbq-progress-bar-font-label-font-size, 14px);font-weight:var(--kbq-progress-bar-font-label-font-weight, normal);line-height:var(--kbq-progress-bar-font-label-line-height, 20px);font-family:var(--kbq-progress-bar-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-label-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-label-letter-spacing, -.006em)}.kbq-progress-bar-caption{font-size:var(--kbq-progress-bar-font-caption-font-size, 12px);font-weight:var(--kbq-progress-bar-font-caption-font-weight, normal);line-height:var(--kbq-progress-bar-font-caption-line-height, 16px);font-family:var(--kbq-progress-bar-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-caption-letter-spacing, normal)}\n", ".kbq-progress-bar{--kbq-progress-bar-size-container-content-gap: 8px;--kbq-progress-bar-size-container-border-radius: 2px;--kbq-progress-bar-size-bar-height: 4px;--kbq-progress-bar-size-bar-border-radius: 2px;--kbq-progress-bar-font-label-font-size: 14px;--kbq-progress-bar-font-label-line-height: 20px;--kbq-progress-bar-font-label-letter-spacing: -.006em;--kbq-progress-bar-font-label-font-weight: normal;--kbq-progress-bar-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-bar-font-label-text-transform: null;--kbq-progress-bar-font-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-progress-bar-font-caption-font-size: 12px;--kbq-progress-bar-font-caption-line-height: 16px;--kbq-progress-bar-font-caption-letter-spacing: normal;--kbq-progress-bar-font-caption-font-weight: normal;--kbq-progress-bar-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-bar-font-caption-text-transform: null;--kbq-progress-bar-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-bar-bar-background: hsla(229, 15%, 92%, 100%);--kbq-progress-bar-bar-foreground: hsla(216, 100%, 50%, 100%);--kbq-progress-bar-text-color: hsla(229, 15%, 15%, 100%);--kbq-progress-bar-caption-color: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-bar-bar-background: hsla(229, 15%, 25%, 100%);--kbq-progress-bar-bar-foreground: hsla(216, 100%, 65%, 100%);--kbq-progress-bar-text-color: hsla(229, 15%, 80%, 100%);--kbq-progress-bar-caption-color: hsla(229, 15%, 60%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
53
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
54
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqProgressBar, selector: "kbq-progress-bar", inputs: { color: "color", id: "id", value: "value", mode: "mode" }, host: { properties: { "attr.id": "id", "class.kbq-progress-bar_determinate": "mode === \"determinate\"", "class.kbq-progress-bar_indeterminate": "mode === \"indeterminate\"" }, classAttribute: "kbq-progress-bar" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n>\n @switch (mode) {\n @case ('indeterminate') {\n <div class=\"kbq-progress-bar__line kbq-progress-bar__line_indeterminate\"></div>\n }\n @default {\n <div\n class=\"kbq-progress-bar__line kbq-progress-bar__line_determinate\"\n [style.width.%]=\"percentage\"\n ></div>\n }\n }\n</div>\n\n<ng-content select=\"[kbq-progress-bar-caption]\" />\n", styles: ["@keyframes kbq-progress-bar-indeterminate{0%{width:25%;transform:translate(-150%)}to{width:40%;transform:translate(250%)}}.kbq-progress-bar{display:block;overflow:hidden}.kbq-progress-bar .kbq-progress-bar-text{margin-bottom:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar-caption{margin-top:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar__inner{overflow:hidden;height:var(--kbq-progress-bar-size-bar-height, 4px);border-radius:var(--kbq-progress-bar-size-container-border-radius, 2px)}.kbq-progress-bar .kbq-progress-bar__line{height:100%;transform-origin:top left;border-radius:var(--kbq-progress-bar-size-bar-border-radius, 2px)}.kbq-progress-bar.kbq-progress-bar_determinate .kbq-progress-bar__line{transition:width .3s}.kbq-progress-bar.kbq-progress-bar_indeterminate .kbq-progress-bar__line{animation:kbq-progress-bar-indeterminate 2.1s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-bar.kbq-theme .kbq-progress-bar__inner{background-color:var(--kbq-progress-bar-bar-background, )}.kbq-progress-bar.kbq-theme .kbq-progress-bar__line{background-color:var(--kbq-progress-bar-bar-foreground, )}.kbq-progress-bar-text{color:var(--kbq-progress-bar-text-color, )}.kbq-progress-bar-caption{color:var(--kbq-progress-bar-caption-color, )}.kbq-progress-bar-text{font-size:var(--kbq-progress-bar-font-label-font-size, 14px);font-weight:var(--kbq-progress-bar-font-label-font-weight, normal);line-height:var(--kbq-progress-bar-font-label-line-height, 20px);font-family:var(--kbq-progress-bar-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-label-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-label-letter-spacing, -.006em)}.kbq-progress-bar-caption{font-size:var(--kbq-progress-bar-font-caption-font-size, 12px);font-weight:var(--kbq-progress-bar-font-caption-font-weight, normal);line-height:var(--kbq-progress-bar-font-caption-line-height, 16px);font-family:var(--kbq-progress-bar-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-caption-letter-spacing, normal)}\n", ".kbq-progress-bar{--kbq-progress-bar-size-container-content-gap: var(--kbq-size-s);--kbq-progress-bar-size-container-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-size-bar-height: var(--kbq-size-xxs);--kbq-progress-bar-size-bar-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-bar-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-bar-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-bar-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-bar-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-bar-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-bar-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-bar-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-bar-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-bar-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-bar-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-bar-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-bar-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-bar-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
55
55
  }
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBar, decorators: [{
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBar, decorators: [{
57
57
  type: Component,
58
58
  args: [{ selector: 'kbq-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
59
59
  '[attr.id]': 'id',
60
60
  class: 'kbq-progress-bar',
61
61
  '[class.kbq-progress-bar_determinate]': 'mode === "determinate"',
62
62
  '[class.kbq-progress-bar_indeterminate]': 'mode === "indeterminate"'
63
- }, template: "<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n>\n @switch (mode) {\n @case ('indeterminate') {\n <div class=\"kbq-progress-bar__line kbq-progress-bar__line_indeterminate\"></div>\n }\n @default {\n <div\n class=\"kbq-progress-bar__line kbq-progress-bar__line_determinate\"\n [style.width.%]=\"percentage\"\n ></div>\n }\n }\n</div>\n\n<ng-content select=\"[kbq-progress-bar-caption]\" />\n", styles: ["@keyframes kbq-progress-bar-indeterminate{0%{width:25%;transform:translate(-150%)}to{width:40%;transform:translate(250%)}}.kbq-progress-bar{display:block;overflow:hidden}.kbq-progress-bar .kbq-progress-bar-text{margin-bottom:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar-caption{margin-top:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar__inner{overflow:hidden;height:var(--kbq-progress-bar-size-bar-height, 4px);border-radius:var(--kbq-progress-bar-size-container-border-radius, 2px)}.kbq-progress-bar .kbq-progress-bar__line{height:100%;transform-origin:top left;border-radius:var(--kbq-progress-bar-size-bar-border-radius, 2px)}.kbq-progress-bar.kbq-progress-bar_determinate .kbq-progress-bar__line{transition:width .3s}.kbq-progress-bar.kbq-progress-bar_indeterminate .kbq-progress-bar__line{animation:kbq-progress-bar-indeterminate 2.1s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-bar.kbq-theme .kbq-progress-bar__inner{background-color:var(--kbq-progress-bar-bar-background, )}.kbq-progress-bar.kbq-theme .kbq-progress-bar__line{background-color:var(--kbq-progress-bar-bar-foreground, )}.kbq-progress-bar-text{color:var(--kbq-progress-bar-text-color, )}.kbq-progress-bar-caption{color:var(--kbq-progress-bar-caption-color, )}.kbq-progress-bar-text{font-size:var(--kbq-progress-bar-font-label-font-size, 14px);font-weight:var(--kbq-progress-bar-font-label-font-weight, normal);line-height:var(--kbq-progress-bar-font-label-line-height, 20px);font-family:var(--kbq-progress-bar-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-label-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-label-letter-spacing, -.006em)}.kbq-progress-bar-caption{font-size:var(--kbq-progress-bar-font-caption-font-size, 12px);font-weight:var(--kbq-progress-bar-font-caption-font-weight, normal);line-height:var(--kbq-progress-bar-font-caption-line-height, 16px);font-family:var(--kbq-progress-bar-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-caption-letter-spacing, normal)}\n", ".kbq-progress-bar{--kbq-progress-bar-size-container-content-gap: 8px;--kbq-progress-bar-size-container-border-radius: 2px;--kbq-progress-bar-size-bar-height: 4px;--kbq-progress-bar-size-bar-border-radius: 2px;--kbq-progress-bar-font-label-font-size: 14px;--kbq-progress-bar-font-label-line-height: 20px;--kbq-progress-bar-font-label-letter-spacing: -.006em;--kbq-progress-bar-font-label-font-weight: normal;--kbq-progress-bar-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-bar-font-label-text-transform: null;--kbq-progress-bar-font-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-progress-bar-font-caption-font-size: 12px;--kbq-progress-bar-font-caption-line-height: 16px;--kbq-progress-bar-font-caption-letter-spacing: normal;--kbq-progress-bar-font-caption-font-weight: normal;--kbq-progress-bar-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-bar-font-caption-text-transform: null;--kbq-progress-bar-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-bar-bar-background: hsla(229, 15%, 92%, 100%);--kbq-progress-bar-bar-foreground: hsla(216, 100%, 50%, 100%);--kbq-progress-bar-text-color: hsla(229, 15%, 15%, 100%);--kbq-progress-bar-caption-color: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-bar-bar-background: hsla(229, 15%, 25%, 100%);--kbq-progress-bar-bar-foreground: hsla(216, 100%, 65%, 100%);--kbq-progress-bar-text-color: hsla(229, 15%, 80%, 100%);--kbq-progress-bar-caption-color: hsla(229, 15%, 60%, 100%)}\n"] }]
63
+ }, template: "<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n>\n @switch (mode) {\n @case ('indeterminate') {\n <div class=\"kbq-progress-bar__line kbq-progress-bar__line_indeterminate\"></div>\n }\n @default {\n <div\n class=\"kbq-progress-bar__line kbq-progress-bar__line_determinate\"\n [style.width.%]=\"percentage\"\n ></div>\n }\n }\n</div>\n\n<ng-content select=\"[kbq-progress-bar-caption]\" />\n", styles: ["@keyframes kbq-progress-bar-indeterminate{0%{width:25%;transform:translate(-150%)}to{width:40%;transform:translate(250%)}}.kbq-progress-bar{display:block;overflow:hidden}.kbq-progress-bar .kbq-progress-bar-text{margin-bottom:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar-caption{margin-top:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar__inner{overflow:hidden;height:var(--kbq-progress-bar-size-bar-height, 4px);border-radius:var(--kbq-progress-bar-size-container-border-radius, 2px)}.kbq-progress-bar .kbq-progress-bar__line{height:100%;transform-origin:top left;border-radius:var(--kbq-progress-bar-size-bar-border-radius, 2px)}.kbq-progress-bar.kbq-progress-bar_determinate .kbq-progress-bar__line{transition:width .3s}.kbq-progress-bar.kbq-progress-bar_indeterminate .kbq-progress-bar__line{animation:kbq-progress-bar-indeterminate 2.1s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-bar.kbq-theme .kbq-progress-bar__inner{background-color:var(--kbq-progress-bar-bar-background, )}.kbq-progress-bar.kbq-theme .kbq-progress-bar__line{background-color:var(--kbq-progress-bar-bar-foreground, )}.kbq-progress-bar-text{color:var(--kbq-progress-bar-text-color, )}.kbq-progress-bar-caption{color:var(--kbq-progress-bar-caption-color, )}.kbq-progress-bar-text{font-size:var(--kbq-progress-bar-font-label-font-size, 14px);font-weight:var(--kbq-progress-bar-font-label-font-weight, normal);line-height:var(--kbq-progress-bar-font-label-line-height, 20px);font-family:var(--kbq-progress-bar-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-label-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-label-letter-spacing, -.006em)}.kbq-progress-bar-caption{font-size:var(--kbq-progress-bar-font-caption-font-size, 12px);font-weight:var(--kbq-progress-bar-font-caption-font-weight, normal);line-height:var(--kbq-progress-bar-font-caption-line-height, 16px);font-family:var(--kbq-progress-bar-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-caption-letter-spacing, normal)}\n", ".kbq-progress-bar{--kbq-progress-bar-size-container-content-gap: var(--kbq-size-s);--kbq-progress-bar-size-container-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-size-bar-height: var(--kbq-size-xxs);--kbq-progress-bar-size-bar-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-bar-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-bar-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-bar-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-bar-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-bar-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-bar-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-bar-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-bar-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-bar-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-bar-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-bar-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-bar-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-bar-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}\n"] }]
64
64
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
65
65
  type: Input
66
66
  }], value: [{
@@ -70,15 +70,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
70
70
  }] } });
71
71
 
72
72
  class KbqProgressBarModule {
73
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
74
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarModule, declarations: [KbqProgressBar,
73
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
74
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, declarations: [KbqProgressBar,
75
75
  KbqProgressBarText,
76
76
  KbqProgressBarCaption], imports: [PlatformModule], exports: [KbqProgressBar,
77
77
  KbqProgressBarText,
78
78
  KbqProgressBarCaption] }); }
79
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarModule, imports: [PlatformModule] }); }
79
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, imports: [PlatformModule] }); }
80
80
  }
81
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressBarModule, decorators: [{
81
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, decorators: [{
82
82
  type: NgModule,
83
83
  args: [{
84
84
  imports: [
package/fesm2022/koobiq-components-progress-bar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"koobiq-components-progress-bar.mjs","sources":["../../../packages/components/progress-bar/progress-bar.component.ts","../../../packages/components/progress-bar/progress-bar.component.html","../../../packages/components/progress-bar/progress-bar.module.ts","../../../packages/components/progress-bar/koobiq-components-progress-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressBarMode = 'determinate' | 'indeterminate';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n/** @docs-private */\nexport class KbqProgressBarBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressBarMixinBase: CanColorCtor & typeof KbqProgressBarBase = mixinColor(\n KbqProgressBarBase,\n KbqComponentColors.Theme\n);\n\n@Directive({\n selector: '[kbq-progress-bar-text]',\n host: {\n class: 'kbq-progress-bar-text'\n }\n})\nexport class KbqProgressBarText {}\n\n@Directive({\n selector: '[kbq-progress-bar-caption]',\n host: {\n class: 'kbq-progress-bar-caption'\n }\n})\nexport class KbqProgressBarCaption {}\n\n@Component({\n selector: 'kbq-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.scss', './progress-bar-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n '[attr.id]': 'id',\n class: 'kbq-progress-bar',\n '[class.kbq-progress-bar_determinate]': 'mode === \"determinate\"',\n '[class.kbq-progress-bar_indeterminate]': 'mode === \"indeterminate\"'\n }\n})\nexport class KbqProgressBar extends KbqProgressBarMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-bar-${idIterator++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressBarMode = 'determinate';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value));\n }\n}\n","<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n>\n @switch (mode) {\n @case ('indeterminate') {\n <div class=\"kbq-progress-bar__line kbq-progress-bar__line_indeterminate\"></div>\n }\n @default {\n <div\n class=\"kbq-progress-bar__line kbq-progress-bar__line_determinate\"\n [style.width.%]=\"percentage\"\n ></div>\n }\n }\n</div>\n\n<ng-content select=\"[kbq-progress-bar-caption]\" />\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressBar, KbqProgressBarCaption, KbqProgressBarText } from './progress-bar.component';\n\n@NgModule({\n imports: [\n PlatformModule\n ],\n declarations: [\n KbqProgressBar,\n KbqProgressBarText,\n KbqProgressBarCaption\n ],\n exports: [\n KbqProgressBar,\n KbqProgressBarText,\n KbqProgressBarCaption\n ]\n})\nexport class KbqProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"koobiq-components-progress-bar.mjs","sources":["../../../packages/components/progress-bar/progress-bar.component.ts","../../../packages/components/progress-bar/progress-bar.component.html","../../../packages/components/progress-bar/progress-bar.module.ts","../../../packages/components/progress-bar/koobiq-components-progress-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressBarMode = 'determinate' | 'indeterminate';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n/** @docs-private */\nexport class KbqProgressBarBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressBarMixinBase: CanColorCtor & typeof KbqProgressBarBase = mixinColor(\n KbqProgressBarBase,\n KbqComponentColors.Theme\n);\n\n@Directive({\n selector: '[kbq-progress-bar-text]',\n host: {\n class: 'kbq-progress-bar-text'\n }\n})\nexport class KbqProgressBarText {}\n\n@Directive({\n selector: '[kbq-progress-bar-caption]',\n host: {\n class: 'kbq-progress-bar-caption'\n }\n})\nexport class KbqProgressBarCaption {}\n\n@Component({\n selector: 'kbq-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.scss', './progress-bar-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n '[attr.id]': 'id',\n class: 'kbq-progress-bar',\n '[class.kbq-progress-bar_determinate]': 'mode === \"determinate\"',\n '[class.kbq-progress-bar_indeterminate]': 'mode === \"indeterminate\"'\n }\n})\nexport class KbqProgressBar extends KbqProgressBarMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-bar-${idIterator++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressBarMode = 'determinate';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value));\n }\n}\n","<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n>\n @switch (mode) {\n @case ('indeterminate') {\n <div class=\"kbq-progress-bar__line kbq-progress-bar__line_indeterminate\"></div>\n }\n @default {\n <div\n class=\"kbq-progress-bar__line kbq-progress-bar__line_determinate\"\n [style.width.%]=\"percentage\"\n ></div>\n }\n }\n</div>\n\n<ng-content select=\"[kbq-progress-bar-caption]\" />\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressBar, KbqProgressBarCaption, KbqProgressBarText } from './progress-bar.component';\n\n@NgModule({\n imports: [\n PlatformModule\n ],\n declarations: [\n KbqProgressBar,\n KbqProgressBarText,\n KbqProgressBarCaption\n ],\n exports: [\n KbqProgressBar,\n KbqProgressBarText,\n KbqProgressBarCaption\n ]\n})\nexport class KbqProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/koobiq-components-progress-spinner.mjs CHANGED
@@ -9,10 +9,10 @@ let id = 0;
9
9
  const MIN_PERCENT = 0;
10
10
  const MAX_PERCENT = 100;
11
11
  class KbqProgressSpinnerText {
12
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
13
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqProgressSpinnerText, selector: "[kbq-progress-spinner-text]", host: { classAttribute: "kbq-progress-spinner-text" }, ngImport: i0 }); }
12
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
13
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressSpinnerText, selector: "[kbq-progress-spinner-text]", host: { classAttribute: "kbq-progress-spinner-text" }, ngImport: i0 }); }
14
14
  }
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerText, decorators: [{
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerText, decorators: [{
16
16
  type: Directive,
17
17
  args: [{
18
18
  selector: '[kbq-progress-spinner-text]',
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
22
22
  }]
23
23
  }] });
24
24
  class KbqProgressSpinnerCaption {
25
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
26
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqProgressSpinnerCaption, selector: "[kbq-progress-spinner-caption]", host: { classAttribute: "kbq-progress-spinner-caption" }, ngImport: i0 }); }
25
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
26
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressSpinnerCaption, selector: "[kbq-progress-spinner-caption]", host: { classAttribute: "kbq-progress-spinner-caption" }, ngImport: i0 }); }
27
27
  }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerCaption, decorators: [{
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerCaption, decorators: [{
29
29
  type: Directive,
30
30
  args: [{
31
31
  selector: '[kbq-progress-spinner-caption]',
@@ -65,17 +65,17 @@ class KbqProgressSpinner extends KbqProgressSpinnerMixinBase {
65
65
  get dashOffsetPercent() {
66
66
  return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;
67
67
  }
68
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
69
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: { color: "color", id: "id", value: "value", mode: "mode", size: "size" }, host: { properties: { "class.kbq-progress-spinner_big": "size === 'big'", "class.kbq-progress-spinner_indeterminate": "mode === 'indeterminate'", "attr.id": "id" }, classAttribute: "kbq-progress-spinner" }, usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}.kbq-progress-spinner .kbq-progress-spinner__circle{stroke:var(--kbq-progress-spinner-circle-background, )}.kbq-progress-spinner-text{color:var(--kbq-progress-spinner-text-color, )}.kbq-progress-spinner-caption{color:var(--kbq-progress-spinner-caption-color, )}.kbq-progress-spinner-text{font-size:var(--kbq-progress-spinner-font-label-font-size, 14px);font-weight:var(--kbq-progress-spinner-font-label-font-weight, normal);line-height:var(--kbq-progress-spinner-font-label-line-height, 20px);font-family:var(--kbq-progress-spinner-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-label-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-label-letter-spacing, -.006em)}.kbq-progress-spinner-caption{font-size:var(--kbq-progress-spinner-font-caption-font-size, 12px);font-weight:var(--kbq-progress-spinner-font-caption-font-weight, normal);line-height:var(--kbq-progress-spinner-font-caption-line-height, 16px);font-family:var(--kbq-progress-spinner-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-caption-letter-spacing, normal)}\n", ".kbq-progress-spinner{--kbq-progress-spinner-size-compact-size: 16px;--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: 2px;--kbq-progress-spinner-size-compact-content-gap-horizontal: 8px;--kbq-progress-spinner-size-big-size: 48px;--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: 2px;--kbq-progress-spinner-size-big-content-gap-horizontal: 8px;--kbq-progress-spinner-font-label-font-size: 14px;--kbq-progress-spinner-font-label-line-height: 20px;--kbq-progress-spinner-font-label-letter-spacing: -.006em;--kbq-progress-spinner-font-label-font-weight: normal;--kbq-progress-spinner-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-label-text-transform: null;--kbq-progress-spinner-font-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-progress-spinner-font-caption-font-size: 12px;--kbq-progress-spinner-font-caption-line-height: 16px;--kbq-progress-spinner-font-caption-letter-spacing: normal;--kbq-progress-spinner-font-caption-font-weight: normal;--kbq-progress-spinner-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-caption-text-transform: null;--kbq-progress-spinner-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: hsla(216, 100%, 50%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 15%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: hsla(216, 100%, 65%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 80%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 60%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
68
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
69
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: { color: "color", id: "id", value: "value", mode: "mode", size: "size" }, host: { properties: { "class.kbq-progress-spinner_big": "size === 'big'", "class.kbq-progress-spinner_indeterminate": "mode === 'indeterminate'", "attr.id": "id" }, classAttribute: "kbq-progress-spinner" }, usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}.kbq-progress-spinner .kbq-progress-spinner__circle{stroke:var(--kbq-progress-spinner-circle-background, )}.kbq-progress-spinner-text{color:var(--kbq-progress-spinner-text-color, )}.kbq-progress-spinner-caption{color:var(--kbq-progress-spinner-caption-color, )}.kbq-progress-spinner-text{font-size:var(--kbq-progress-spinner-font-label-font-size, 14px);font-weight:var(--kbq-progress-spinner-font-label-font-weight, normal);line-height:var(--kbq-progress-spinner-font-label-line-height, 20px);font-family:var(--kbq-progress-spinner-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-label-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-label-letter-spacing, -.006em)}.kbq-progress-spinner-caption{font-size:var(--kbq-progress-spinner-font-caption-font-size, 12px);font-weight:var(--kbq-progress-spinner-font-caption-font-weight, normal);line-height:var(--kbq-progress-spinner-font-caption-line-height, 16px);font-family:var(--kbq-progress-spinner-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-caption-letter-spacing, normal)}\n", ".kbq-progress-spinner{--kbq-progress-spinner-size-compact-size: var(--kbq-size-l);--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-compact-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-size-big-size: var(--kbq-size-5xl);--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-big-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-spinner-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-spinner-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-spinner-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-spinner-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-spinner-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-spinner-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-spinner-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-spinner-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-spinner-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-spinner-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-spinner-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-spinner-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-spinner-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
70
70
  }
71
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinner, decorators: [{
71
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinner, decorators: [{
72
72
  type: Component,
73
73
  args: [{ selector: 'kbq-progress-spinner', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
74
74
  class: 'kbq-progress-spinner',
75
75
  '[class.kbq-progress-spinner_big]': `size === 'big'`,
76
76
  '[class.kbq-progress-spinner_indeterminate]': `mode === 'indeterminate'`,
77
77
  '[attr.id]': 'id'
78
- }, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}.kbq-progress-spinner .kbq-progress-spinner__circle{stroke:var(--kbq-progress-spinner-circle-background, )}.kbq-progress-spinner-text{color:var(--kbq-progress-spinner-text-color, )}.kbq-progress-spinner-caption{color:var(--kbq-progress-spinner-caption-color, )}.kbq-progress-spinner-text{font-size:var(--kbq-progress-spinner-font-label-font-size, 14px);font-weight:var(--kbq-progress-spinner-font-label-font-weight, normal);line-height:var(--kbq-progress-spinner-font-label-line-height, 20px);font-family:var(--kbq-progress-spinner-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-label-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-label-letter-spacing, -.006em)}.kbq-progress-spinner-caption{font-size:var(--kbq-progress-spinner-font-caption-font-size, 12px);font-weight:var(--kbq-progress-spinner-font-caption-font-weight, normal);line-height:var(--kbq-progress-spinner-font-caption-line-height, 16px);font-family:var(--kbq-progress-spinner-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-caption-letter-spacing, normal)}\n", ".kbq-progress-spinner{--kbq-progress-spinner-size-compact-size: 16px;--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: 2px;--kbq-progress-spinner-size-compact-content-gap-horizontal: 8px;--kbq-progress-spinner-size-big-size: 48px;--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: 2px;--kbq-progress-spinner-size-big-content-gap-horizontal: 8px;--kbq-progress-spinner-font-label-font-size: 14px;--kbq-progress-spinner-font-label-line-height: 20px;--kbq-progress-spinner-font-label-letter-spacing: -.006em;--kbq-progress-spinner-font-label-font-weight: normal;--kbq-progress-spinner-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-label-text-transform: null;--kbq-progress-spinner-font-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-progress-spinner-font-caption-font-size: 12px;--kbq-progress-spinner-font-caption-line-height: 16px;--kbq-progress-spinner-font-caption-letter-spacing: normal;--kbq-progress-spinner-font-caption-font-weight: normal;--kbq-progress-spinner-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-caption-text-transform: null;--kbq-progress-spinner-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: hsla(216, 100%, 50%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 15%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: hsla(216, 100%, 65%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 80%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 60%, 100%)}\n"] }]
78
+ }, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}.kbq-progress-spinner .kbq-progress-spinner__circle{stroke:var(--kbq-progress-spinner-circle-background, )}.kbq-progress-spinner-text{color:var(--kbq-progress-spinner-text-color, )}.kbq-progress-spinner-caption{color:var(--kbq-progress-spinner-caption-color, )}.kbq-progress-spinner-text{font-size:var(--kbq-progress-spinner-font-label-font-size, 14px);font-weight:var(--kbq-progress-spinner-font-label-font-weight, normal);line-height:var(--kbq-progress-spinner-font-label-line-height, 20px);font-family:var(--kbq-progress-spinner-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-label-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-label-letter-spacing, -.006em)}.kbq-progress-spinner-caption{font-size:var(--kbq-progress-spinner-font-caption-font-size, 12px);font-weight:var(--kbq-progress-spinner-font-caption-font-weight, normal);line-height:var(--kbq-progress-spinner-font-caption-line-height, 16px);font-family:var(--kbq-progress-spinner-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-caption-letter-spacing, normal)}\n", ".kbq-progress-spinner{--kbq-progress-spinner-size-compact-size: var(--kbq-size-l);--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-compact-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-size-big-size: var(--kbq-size-5xl);--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-big-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-spinner-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-spinner-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-spinner-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-spinner-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-spinner-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-spinner-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-spinner-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-spinner-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-spinner-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-spinner-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-spinner-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-spinner-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-spinner-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}\n"] }]
79
79
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
80
80
  type: Input
81
81
  }], value: [{
@@ -87,16 +87,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
87
87
  }] } });
88
88
 
89
89
  class KbqProgressSpinnerModule {
90
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
91
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, declarations: [KbqProgressSpinner,
90
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
91
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, declarations: [KbqProgressSpinner,
92
92
  KbqProgressSpinnerText,
93
93
  KbqProgressSpinnerCaption], imports: [PlatformModule,
94
94
  NgStyle], exports: [KbqProgressSpinner,
95
95
  KbqProgressSpinnerText,
96
96
  KbqProgressSpinnerCaption] }); }
97
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, imports: [PlatformModule] }); }
97
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, imports: [PlatformModule] }); }
98
98
  }
99
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, decorators: [{
99
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, decorators: [{
100
100
  type: NgModule,
101
101
  args: [{
102
102
  imports: [
package/fesm2022/koobiq-components-progress-spinner.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"koobiq-components-progress-spinner.mjs","sources":["../../../packages/components/progress-spinner/progress-spinner.component.ts","../../../packages/components/progress-spinner/progress-spinner.component.html","../../../packages/components/progress-spinner/progress-spinner.module.ts","../../../packages/components/progress-spinner/koobiq-components-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressSpinnerMode = 'determinate' | 'indeterminate';\n\nexport type ProgressSpinnerSize = 'compact' | 'big';\n\nlet id = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n@Directive({\n selector: '[kbq-progress-spinner-text]',\n host: {\n class: 'kbq-progress-spinner-text'\n }\n})\nexport class KbqProgressSpinnerText {}\n\n@Directive({\n selector: '[kbq-progress-spinner-caption]',\n host: {\n class: 'kbq-progress-spinner-caption'\n }\n})\nexport class KbqProgressSpinnerCaption {}\n\n/** @docs-private */\nexport class KbqProgressSpinnerBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressSpinnerMixinBase: CanColorCtor & typeof KbqProgressSpinnerBase = mixinColor(\n KbqProgressSpinnerBase,\n KbqComponentColors.Theme\n);\n\nconst MAX_DASH_ARRAY = 295;\n\n@Component({\n selector: 'kbq-progress-spinner',\n templateUrl: './progress-spinner.component.html',\n styleUrls: ['./progress-spinner.scss', './progress-spinner-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n class: 'kbq-progress-spinner',\n '[class.kbq-progress-spinner_big]': `size === 'big'`,\n '[class.kbq-progress-spinner_indeterminate]': `mode === 'indeterminate'`,\n '[attr.id]': 'id'\n }\n})\nexport class KbqProgressSpinner extends KbqProgressSpinnerMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-spinner-${id++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressSpinnerMode = 'determinate';\n\n @Input()\n get size(): ProgressSpinnerSize | string {\n return this._size;\n }\n\n set size(value: ProgressSpinnerSize | string) {\n this._size = value;\n\n this.svgCircleRadius = value === 'big' ? '47%' : '42.5%';\n }\n\n private _size: ProgressSpinnerSize | string = 'compact';\n\n svgCircleRadius: string = '42.5%';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;\n }\n\n get dashOffsetPercent(): string {\n return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;\n }\n}\n","<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { NgStyle } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressSpinner, KbqProgressSpinnerCaption, KbqProgressSpinnerText } from './progress-spinner.component';\n\n@NgModule({\n imports: [\n PlatformModule,\n NgStyle\n ],\n declarations: [\n KbqProgressSpinner,\n KbqProgressSpinnerText,\n KbqProgressSpinnerCaption\n ],\n exports: [\n KbqProgressSpinner,\n KbqProgressSpinnerText,\n KbqProgressSpinnerCaption\n ]\n})\nexport class KbqProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"koobiq-components-progress-spinner.mjs","sources":["../../../packages/components/progress-spinner/progress-spinner.component.ts","../../../packages/components/progress-spinner/progress-spinner.component.html","../../../packages/components/progress-spinner/progress-spinner.module.ts","../../../packages/components/progress-spinner/koobiq-components-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressSpinnerMode = 'determinate' | 'indeterminate';\n\nexport type ProgressSpinnerSize = 'compact' | 'big';\n\nlet id = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n@Directive({\n selector: '[kbq-progress-spinner-text]',\n host: {\n class: 'kbq-progress-spinner-text'\n }\n})\nexport class KbqProgressSpinnerText {}\n\n@Directive({\n selector: '[kbq-progress-spinner-caption]',\n host: {\n class: 'kbq-progress-spinner-caption'\n }\n})\nexport class KbqProgressSpinnerCaption {}\n\n/** @docs-private */\nexport class KbqProgressSpinnerBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressSpinnerMixinBase: CanColorCtor & typeof KbqProgressSpinnerBase = mixinColor(\n KbqProgressSpinnerBase,\n KbqComponentColors.Theme\n);\n\nconst MAX_DASH_ARRAY = 295;\n\n@Component({\n selector: 'kbq-progress-spinner',\n templateUrl: './progress-spinner.component.html',\n styleUrls: ['./progress-spinner.scss', './progress-spinner-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n class: 'kbq-progress-spinner',\n '[class.kbq-progress-spinner_big]': `size === 'big'`,\n '[class.kbq-progress-spinner_indeterminate]': `mode === 'indeterminate'`,\n '[attr.id]': 'id'\n }\n})\nexport class KbqProgressSpinner extends KbqProgressSpinnerMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-spinner-${id++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressSpinnerMode = 'determinate';\n\n @Input()\n get size(): ProgressSpinnerSize | string {\n return this._size;\n }\n\n set size(value: ProgressSpinnerSize | string) {\n this._size = value;\n\n this.svgCircleRadius = value === 'big' ? '47%' : '42.5%';\n }\n\n private _size: ProgressSpinnerSize | string = 'compact';\n\n svgCircleRadius: string = '42.5%';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;\n }\n\n get dashOffsetPercent(): string {\n return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;\n }\n}\n","<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { NgStyle } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressSpinner, KbqProgressSpinnerCaption, KbqProgressSpinnerText } from './progress-spinner.component';\n\n@NgModule({\n imports: [\n PlatformModule,\n NgStyle\n ],\n declarations: [\n KbqProgressSpinner,\n KbqProgressSpinnerText,\n KbqProgressSpinnerCaption\n ],\n exports: [\n KbqProgressSpinner,\n KbqProgressSpinnerText,\n KbqProgressSpinnerCaption\n ]\n})\nexport class KbqProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}