@koobiq/components 18.0.0 → 18.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (269) hide show
  1. package/alert/alert-tokens.scss +2 -2
  2. package/core/pop-up/pop-up-trigger.d.ts +5 -1
  3. package/core/styles/typography/_typography.scss +15 -0
  4. package/esm2022/alert/alert.component.mjs +13 -13
  5. package/esm2022/alert/alert.module.mjs +4 -4
  6. package/esm2022/autocomplete/autocomplete-origin.directive.mjs +3 -3
  7. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  8. package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
  9. package/esm2022/autocomplete/autocomplete.module.mjs +4 -4
  10. package/esm2022/badge/badge.component.mjs +9 -9
  11. package/esm2022/badge/badge.module.mjs +4 -4
  12. package/esm2022/button/button.component.mjs +6 -6
  13. package/esm2022/button/button.module.mjs +4 -4
  14. package/esm2022/button-toggle/button-toggle.component.mjs +6 -6
  15. package/esm2022/button-toggle/button-toggle.module.mjs +4 -4
  16. package/esm2022/checkbox/checkbox-module.mjs +4 -4
  17. package/esm2022/checkbox/checkbox-required-validator.mjs +3 -3
  18. package/esm2022/checkbox/checkbox.mjs +3 -3
  19. package/esm2022/code-block/actionbar.component.mjs +3 -3
  20. package/esm2022/code-block/code-block.component.mjs +3 -3
  21. package/esm2022/code-block/code-block.module.mjs +4 -4
  22. package/esm2022/core/common-behaviors/common-module.mjs +4 -4
  23. package/esm2022/core/error/error-options.mjs +6 -6
  24. package/esm2022/core/formatters/date/formatter.mjs +3 -3
  25. package/esm2022/core/formatters/date/formatter.pipe.mjs +39 -39
  26. package/esm2022/core/formatters/index.mjs +4 -4
  27. package/esm2022/core/formatters/number/formatter.mjs +12 -12
  28. package/esm2022/core/forms/forms-module.mjs +4 -4
  29. package/esm2022/core/forms/forms.directive.mjs +6 -6
  30. package/esm2022/core/highlight/highlight.pipe.mjs +3 -3
  31. package/esm2022/core/highlight/index.mjs +4 -4
  32. package/esm2022/core/line/line.mjs +7 -7
  33. package/esm2022/core/locales/locale-service.mjs +3 -3
  34. package/esm2022/core/locales/locale-service.module.mjs +4 -4
  35. package/esm2022/core/option/action.mjs +3 -3
  36. package/esm2022/core/option/optgroup.mjs +3 -3
  37. package/esm2022/core/option/option-module.mjs +4 -4
  38. package/esm2022/core/option/option.mjs +3 -3
  39. package/esm2022/core/pop-up/pop-up-trigger.mjs +17 -8
  40. package/esm2022/core/pop-up/pop-up.mjs +3 -3
  41. package/esm2022/core/select/common.mjs +15 -15
  42. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
  43. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  44. package/esm2022/core/services/measure-scrollbar.service.mjs +3 -3
  45. package/esm2022/core/services/theme.service.mjs +3 -3
  46. package/esm2022/core/utils/data-size/data-size.pipe.mjs +3 -3
  47. package/esm2022/core/version.mjs +2 -2
  48. package/esm2022/datepicker/calendar-body.component.mjs +3 -3
  49. package/esm2022/datepicker/calendar-header.component.mjs +3 -3
  50. package/esm2022/datepicker/calendar.component.mjs +3 -3
  51. package/esm2022/datepicker/datepicker-input.directive.mjs +3 -3
  52. package/esm2022/datepicker/datepicker-intl.mjs +3 -3
  53. package/esm2022/datepicker/datepicker-module.mjs +4 -4
  54. package/esm2022/datepicker/datepicker-toggle.component.mjs +6 -6
  55. package/esm2022/datepicker/datepicker.component.mjs +6 -6
  56. package/esm2022/datepicker/month-view.component.mjs +3 -3
  57. package/esm2022/divider/divider.component.mjs +3 -3
  58. package/esm2022/divider/divider.module.mjs +4 -4
  59. package/esm2022/dl/dl.component.mjs +9 -9
  60. package/esm2022/dl/dl.module.mjs +4 -4
  61. package/esm2022/dropdown/dropdown-content.directive.mjs +3 -3
  62. package/esm2022/dropdown/dropdown-item.component.mjs +3 -3
  63. package/esm2022/dropdown/dropdown-trigger.directive.mjs +3 -3
  64. package/esm2022/dropdown/dropdown.component.mjs +3 -3
  65. package/esm2022/dropdown/dropdown.module.mjs +4 -4
  66. package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +7 -7
  67. package/esm2022/empty-state/empty-state.component.mjs +15 -15
  68. package/esm2022/empty-state/empty-state.module.mjs +4 -4
  69. package/esm2022/file-upload/file-drop.mjs +3 -3
  70. package/esm2022/file-upload/file-upload.module.mjs +4 -4
  71. package/esm2022/file-upload/multiple-file-upload.component.mjs +4 -4
  72. package/esm2022/file-upload/single-file-upload.component.mjs +4 -4
  73. package/esm2022/form-field/cleaner.mjs +3 -3
  74. package/esm2022/form-field/form-field.mjs +9 -9
  75. package/esm2022/form-field/form-field.module.mjs +4 -4
  76. package/esm2022/form-field/hint.mjs +3 -3
  77. package/esm2022/form-field/password-hint.mjs +6 -6
  78. package/esm2022/form-field/password-toggle.mjs +3 -3
  79. package/esm2022/form-field/prefix.mjs +3 -3
  80. package/esm2022/form-field/stepper.mjs +3 -3
  81. package/esm2022/form-field/suffix.mjs +3 -3
  82. package/esm2022/form-field/validate.directive.mjs +3 -3
  83. package/esm2022/icon/icon-button.component.mjs +5 -5
  84. package/esm2022/icon/icon-item.component.mjs +5 -5
  85. package/esm2022/icon/icon.component.mjs +5 -5
  86. package/esm2022/icon/icon.module.mjs +13 -24
  87. package/esm2022/input/input-number-validators.mjs +6 -6
  88. package/esm2022/input/input-number.mjs +5 -5
  89. package/esm2022/input/input-password.mjs +3 -3
  90. package/esm2022/input/input.mjs +8 -8
  91. package/esm2022/input/input.module.mjs +4 -4
  92. package/esm2022/link/link.component.mjs +3 -3
  93. package/esm2022/link/link.module.mjs +4 -4
  94. package/esm2022/list/list-selection.component.mjs +9 -9
  95. package/esm2022/list/list.component.mjs +6 -6
  96. package/esm2022/list/list.module.mjs +4 -4
  97. package/esm2022/loader-overlay/loader-overlay.component.mjs +12 -12
  98. package/esm2022/loader-overlay/loader-overlay.module.mjs +4 -4
  99. package/esm2022/markdown/markdown.component.mjs +5 -5
  100. package/esm2022/markdown/markdown.module.mjs +4 -4
  101. package/esm2022/markdown/markdown.service.mjs +3 -3
  102. package/esm2022/modal/css-unit.pipe.mjs +3 -3
  103. package/esm2022/modal/modal-control.service.mjs +3 -3
  104. package/esm2022/modal/modal.component.mjs +3 -3
  105. package/esm2022/modal/modal.directive.mjs +53 -17
  106. package/esm2022/modal/modal.module.mjs +4 -4
  107. package/esm2022/modal/modal.service.mjs +3 -3
  108. package/esm2022/navbar/navbar-item.component.mjs +27 -27
  109. package/esm2022/navbar/navbar.component.mjs +9 -9
  110. package/esm2022/navbar/navbar.module.mjs +4 -4
  111. package/esm2022/navbar/vertical-navbar.component.mjs +3 -3
  112. package/esm2022/popover/popover-confirm.component.mjs +6 -6
  113. package/esm2022/popover/popover.component.mjs +6 -6
  114. package/esm2022/popover/popover.module.mjs +4 -4
  115. package/esm2022/progress-bar/progress-bar.component.mjs +9 -9
  116. package/esm2022/progress-bar/progress-bar.module.mjs +4 -4
  117. package/esm2022/progress-spinner/progress-spinner.component.mjs +9 -9
  118. package/esm2022/progress-spinner/progress-spinner.module.mjs +4 -4
  119. package/esm2022/radio/radio.component.mjs +6 -6
  120. package/esm2022/radio/radio.module.mjs +4 -4
  121. package/esm2022/risk-level/risk-level.component.mjs +3 -3
  122. package/esm2022/risk-level/risk-level.module.mjs +4 -4
  123. package/esm2022/scrollbar/scrollbar.component.mjs +3 -3
  124. package/esm2022/scrollbar/scrollbar.directive.mjs +3 -3
  125. package/esm2022/scrollbar/scrollbar.module.mjs +4 -4
  126. package/esm2022/select/select-option.directive.mjs +3 -3
  127. package/esm2022/select/select.component.mjs +3 -3
  128. package/esm2022/select/select.module.mjs +4 -4
  129. package/esm2022/sidebar/sidebar.component.mjs +9 -9
  130. package/esm2022/sidebar/sidebar.module.mjs +4 -4
  131. package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
  132. package/esm2022/sidepanel/sidepanel-directives.mjs +15 -15
  133. package/esm2022/sidepanel/sidepanel.module.mjs +4 -4
  134. package/esm2022/sidepanel/sidepanel.service.mjs +3 -3
  135. package/esm2022/splitter/splitter.component.mjs +12 -12
  136. package/esm2022/splitter/splitter.module.mjs +4 -4
  137. package/esm2022/table/table.component.mjs +6 -6
  138. package/esm2022/table/table.module.mjs +4 -4
  139. package/esm2022/tabs/paginated-tab-header.mjs +3 -3
  140. package/esm2022/tabs/tab-body.component.mjs +6 -6
  141. package/esm2022/tabs/tab-content.directive.mjs +3 -3
  142. package/esm2022/tabs/tab-group.component.mjs +33 -18
  143. package/esm2022/tabs/tab-header.component.mjs +16 -5
  144. package/esm2022/tabs/tab-label-wrapper.directive.mjs +8 -4
  145. package/esm2022/tabs/tab-label.directive.mjs +3 -3
  146. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
  147. package/esm2022/tabs/tab.component.mjs +3 -3
  148. package/esm2022/tabs/tabs.module.mjs +15 -8
  149. package/esm2022/tags/tag-input.mjs +3 -3
  150. package/esm2022/tags/tag-list.component.mjs +3 -3
  151. package/esm2022/tags/tag.component.mjs +12 -12
  152. package/esm2022/tags/tag.module.mjs +4 -4
  153. package/esm2022/textarea/textarea.component.mjs +3 -3
  154. package/esm2022/textarea/textarea.module.mjs +4 -4
  155. package/esm2022/timepicker/timepicker.directive.mjs +3 -3
  156. package/esm2022/timepicker/timepicker.module.mjs +4 -4
  157. package/esm2022/timezone/cities-by-filter.pipe.mjs +3 -3
  158. package/esm2022/timezone/timezone-option.component.mjs +5 -5
  159. package/esm2022/timezone/timezone-option.directive.mjs +3 -3
  160. package/esm2022/timezone/timezone-select.component.mjs +8 -8
  161. package/esm2022/timezone/timezone.module.mjs +4 -4
  162. package/esm2022/timezone/utc-offset.pipe.mjs +3 -3
  163. package/esm2022/title/title.directive.mjs +3 -3
  164. package/esm2022/title/title.module.mjs +4 -4
  165. package/esm2022/toast/toast-container.component.mjs +3 -3
  166. package/esm2022/toast/toast.component.mjs +6 -6
  167. package/esm2022/toast/toast.module.mjs +4 -4
  168. package/esm2022/toast/toast.service.mjs +3 -3
  169. package/esm2022/toggle/toggle.component.mjs +3 -3
  170. package/esm2022/toggle/toggle.module.mjs +4 -4
  171. package/esm2022/tooltip/tooltip.component.mjs +52 -15
  172. package/esm2022/tooltip/tooltip.module.mjs +15 -28
  173. package/esm2022/tree/node.mjs +3 -3
  174. package/esm2022/tree/outlet.mjs +3 -3
  175. package/esm2022/tree/padding.directive.mjs +3 -3
  176. package/esm2022/tree/toggle.mjs +9 -9
  177. package/esm2022/tree/tree-base.mjs +6 -6
  178. package/esm2022/tree/tree-option.component.mjs +6 -5
  179. package/esm2022/tree/tree-selection.component.mjs +3 -3
  180. package/esm2022/tree/tree.mjs +3 -3
  181. package/esm2022/tree/tree.module.mjs +4 -4
  182. package/esm2022/tree-select/tree-select.component.mjs +13 -6
  183. package/esm2022/tree-select/tree-select.module.mjs +4 -4
  184. package/fesm2022/koobiq-components-alert.mjs +17 -17
  185. package/fesm2022/koobiq-components-alert.mjs.map +1 -1
  186. package/fesm2022/koobiq-components-autocomplete.mjs +13 -13
  187. package/fesm2022/koobiq-components-badge.mjs +13 -13
  188. package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
  189. package/fesm2022/koobiq-components-button.mjs +10 -10
  190. package/fesm2022/koobiq-components-checkbox.mjs +10 -10
  191. package/fesm2022/koobiq-components-code-block.mjs +10 -10
  192. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  193. package/fesm2022/koobiq-components-core.mjs +163 -154
  194. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  195. package/fesm2022/koobiq-components-datepicker.mjs +34 -34
  196. package/fesm2022/koobiq-components-divider.mjs +7 -7
  197. package/fesm2022/koobiq-components-dl.mjs +13 -13
  198. package/fesm2022/koobiq-components-dropdown.mjs +16 -16
  199. package/fesm2022/koobiq-components-ellipsis-center.mjs +7 -7
  200. package/fesm2022/koobiq-components-empty-state.mjs +19 -19
  201. package/fesm2022/koobiq-components-file-upload.mjs +15 -15
  202. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  203. package/fesm2022/koobiq-components-form-field.mjs +39 -39
  204. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  205. package/fesm2022/koobiq-components-icon.mjs +24 -35
  206. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  207. package/fesm2022/koobiq-components-input.mjs +24 -24
  208. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  209. package/fesm2022/koobiq-components-link.mjs +7 -7
  210. package/fesm2022/koobiq-components-list.mjs +19 -19
  211. package/fesm2022/koobiq-components-loader-overlay.mjs +16 -16
  212. package/fesm2022/koobiq-components-markdown.mjs +12 -12
  213. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  214. package/fesm2022/koobiq-components-modal.mjs +63 -31
  215. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  216. package/fesm2022/koobiq-components-navbar.mjs +43 -43
  217. package/fesm2022/koobiq-components-popover.mjs +16 -16
  218. package/fesm2022/koobiq-components-progress-bar.mjs +13 -13
  219. package/fesm2022/koobiq-components-progress-spinner.mjs +13 -13
  220. package/fesm2022/koobiq-components-radio.mjs +10 -10
  221. package/fesm2022/koobiq-components-risk-level.mjs +7 -7
  222. package/fesm2022/koobiq-components-scrollbar.mjs +10 -10
  223. package/fesm2022/koobiq-components-select.mjs +10 -10
  224. package/fesm2022/koobiq-components-sidebar.mjs +13 -13
  225. package/fesm2022/koobiq-components-sidepanel.mjs +25 -25
  226. package/fesm2022/koobiq-components-splitter.mjs +16 -16
  227. package/fesm2022/koobiq-components-table.mjs +10 -10
  228. package/fesm2022/koobiq-components-tabs.mjs +93 -56
  229. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  230. package/fesm2022/koobiq-components-tags.mjs +22 -22
  231. package/fesm2022/koobiq-components-textarea.mjs +7 -7
  232. package/fesm2022/koobiq-components-timepicker.mjs +7 -7
  233. package/fesm2022/koobiq-components-timezone.mjs +26 -26
  234. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  235. package/fesm2022/koobiq-components-title.mjs +7 -7
  236. package/fesm2022/koobiq-components-toast.mjs +16 -16
  237. package/fesm2022/koobiq-components-toggle.mjs +7 -7
  238. package/fesm2022/koobiq-components-tooltip.mjs +67 -42
  239. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  240. package/fesm2022/koobiq-components-tree-select.mjs +16 -9
  241. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  242. package/fesm2022/koobiq-components-tree.mjs +39 -38
  243. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  244. package/file-upload/file-upload-tokens.scss +1 -1
  245. package/icon/icon-button.component.d.ts +1 -1
  246. package/icon/icon-item.component.d.ts +1 -1
  247. package/icon/icon.component.d.ts +1 -1
  248. package/icon/icon.module.d.ts +1 -3
  249. package/input/input-number.d.ts +1 -1
  250. package/input/input.d.ts +1 -1
  251. package/link/link-tokens.scss +2 -2
  252. package/markdown/markdown-tokens.scss +2 -2
  253. package/modal/modal.directive.d.ts +3 -0
  254. package/package.json +4 -4
  255. package/prebuilt-themes/dark-theme.css +1 -1
  256. package/prebuilt-themes/light-theme.css +1 -1
  257. package/prebuilt-themes/theme.css +1 -1
  258. package/schematics/ng-add/index.js +3 -3
  259. package/tabs/_tabs-common.scss +29 -0
  260. package/tabs/_tabs-theme.scss +12 -0
  261. package/tabs/tab-group.component.d.ts +7 -2
  262. package/tabs/tab-header.component.d.ts +4 -1
  263. package/tabs/tab-header.scss +28 -0
  264. package/tabs/tabs.module.d.ts +2 -1
  265. package/timezone/timezone-option-tokens.scss +24 -0
  266. package/tooltip/tooltip.component.d.ts +11 -4
  267. package/tooltip/tooltip.module.d.ts +1 -3
  268. package/tree/tree-option.component.d.ts +1 -0
  269. package/tree-select/tree-select.component.d.ts +2 -0
package/fesm2022/koobiq-components-radio.mjs CHANGED
@@ -212,10 +212,10 @@ class KbqRadioGroup extends KbqRadioGroupMixinBase {
212
212
  });
213
213
  }
214
214
  }
215
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioGroup, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
216
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.5", type: KbqRadioGroup, selector: "kbq-radio-group", inputs: { big: "big", name: "name", labelPosition: "labelPosition", value: "value", selected: "selected", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, outputs: { change: "change" }, host: { attributes: { "role": "radiogroup" }, properties: { "class.kbq-radio-group_normal": "!big", "class.kbq-radio-group_big": "big" }, classAttribute: "kbq-radio-group" }, providers: [KBQ_RADIO_GROUP_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => KbqRadioButton), descendants: true }], exportAs: ["kbqRadioGroup"], usesInheritance: true, ngImport: i0 }); }
215
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioGroup, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
216
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.6", type: KbqRadioGroup, selector: "kbq-radio-group", inputs: { big: "big", name: "name", labelPosition: "labelPosition", value: "value", selected: "selected", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, outputs: { change: "change" }, host: { attributes: { "role": "radiogroup" }, properties: { "class.kbq-radio-group_normal": "!big", "class.kbq-radio-group_big": "big" }, classAttribute: "kbq-radio-group" }, providers: [KBQ_RADIO_GROUP_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => KbqRadioButton), descendants: true }], exportAs: ["kbqRadioGroup"], usesInheritance: true, ngImport: i0 }); }
217
217
  }
218
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioGroup, decorators: [{
218
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioGroup, decorators: [{
219
219
  type: Directive,
220
220
  args: [{
221
221
  selector: 'kbq-radio-group',
@@ -419,10 +419,10 @@ class KbqRadioButton extends KbqRadioButtonMixinBase {
419
419
  emitChangeEvent() {
420
420
  this.change.emit(new KbqRadioChange(this, this._value));
421
421
  }
422
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioButton, deps: [{ token: KbqRadioGroup, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: i2.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
423
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.5", type: KbqRadioButton, selector: "kbq-radio-button", inputs: { color: "color", tabIndex: "tabIndex", checked: ["checked", "checked", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], labelPosition: "labelPosition", name: "name", isFocused: "isFocused", id: "id" }, outputs: { change: "change" }, host: { properties: { "attr.id": "id", "class.kbq-radio-button_big": "radioGroup?.big", "class.kbq-selected": "checked", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-radio-button" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqRadioButton"], usesInheritance: true, ngImport: i0, template: "<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n", styles: [".kbq-radio-group{display:inline-flex;flex-direction:column}.kbq-radio-group.kbq-radio-group_normal{gap:var(--kbq-radio-size-normal-vertical-gap, 12px)}.kbq-radio-group.kbq-radio-group_big{gap:var(--kbq-radio-size-big-vertical-gap, 12px)}.kbq-radio-button{display:inline-block}.kbq-radio-label{display:inline-flex;align-items:center;vertical-align:middle;cursor:pointer;white-space:nowrap;width:100%}.kbq-radio-label-content{display:inline-block;position:relative;order:0;line-height:inherit;padding-left:calc(var(--kbq-radio-size-normal-outer-size, 16px) + var(--kbq-radio-size-normal-horizontal-content-padding, 8px));padding-right:0}.kbq-radio-label-content .kbq-radio-button__outer-circle,.kbq-radio-label-content .kbq-radio-button__inner-circle{box-sizing:content-box;position:absolute;display:flex;content:\"\";border-style:solid;border-radius:50%}.kbq-radio-label-content .kbq-radio-button__outer-circle{border-width:1px;left:0;top:calc((var(--kbq-radio-font-normal-label-line-height, 20px) - var(--kbq-radio-size-normal-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-normal-outer-size, 16px);height:var(--kbq-radio-size-normal-outer-size, 16px)}.kbq-radio-label-content .kbq-radio-button__inner-circle{position:relative;margin:auto;width:var(--kbq-radio-size-normal-inner-size, 6px);height:var(--kbq-radio-size-normal-inner-size, 6px)}.kbq-radio-label-content .kbq-radio__text-container{display:flex;flex-direction:column}.kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-normal-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-label-content{padding-right:var(--kbq-radio-size-normal-horizontal-content-padding, 8px);padding-left:0}.kbq-radio-input{position:absolute;outline:none;opacity:0}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-left:calc(var(--kbq-radio-size-big-outer-size, 16px) + var(--kbq-radio-size-big-horizontal-content-padding, 8px))}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__outer-circle{top:calc((var(--kbq-radio-font-big-label-line-height, 24px) - var(--kbq-radio-size-big-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-big-outer-size, 16px);height:var(--kbq-radio-size-big-outer-size, 16px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__inner-circle{width:var(--kbq-radio-size-big-inner-size, 6px);height:var(--kbq-radio-size-big-inner-size, 6px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-big-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-right:var(--kbq-radio-size-big-horizontal-content-padding, 8px)}.kbq-radio-button{color:var(--kbq-foreground-contrast, )}.kbq-radio-button .kbq-radio-button__inner-circle{border-width:0!important}.kbq-radio-button .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-default-outer-circle-border, );background:var(--kbq-radio-theme-default-outer-circle-background, );box-shadow:var(--kbq-radio-theme-default-outer-circle-shadow, )}.kbq-radio-button .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-default-inner-circle-background, )}.kbq-radio-button .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-default-caption, )}.kbq-radio-button:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-hover-outer-circle-border, );background:var(--kbq-radio-theme-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-hover-outer-circle-shadow, )}.kbq-radio-button:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-hover-inner-circle-background, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-focused-outer-circle-border, );background:var(--kbq-radio-theme-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-focused-outer-circle-shadow, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-error{color:var(--kbq-foreground-contrast, )}.kbq-radio-button.kbq-error .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-default-outer-circle-border, );background:var(--kbq-radio-error-default-outer-circle-background, );box-shadow:var(--kbq-radio-error-default-outer-circle-shadow, )}.kbq-radio-button.kbq-error .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-default-inner-circle-background, )}.kbq-radio-button.kbq-error .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-default-caption, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-hover-outer-circle-border, );background:var(--kbq-radio-error-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-hover-outer-circle-shadow, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-hover-inner-circle-background, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-focused-outer-circle-border, );background:var(--kbq-radio-error-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-focused-outer-circle-shadow, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-outer-circle-border, );background:var(--kbq-radio-error-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button{font-size:var(--kbq-radio-font-normal-label-font-size, 14px);font-weight:var(--kbq-radio-font-normal-label-font-weight, normal);line-height:var(--kbq-radio-font-normal-label-line-height, 20px);font-family:var(--kbq-radio-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-label-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-label-letter-spacing, -.006em)}.kbq-radio-button .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-normal-caption-font-size, 12px);font-weight:var(--kbq-radio-font-normal-caption-font-weight, normal);line-height:var(--kbq-radio-font-normal-caption-line-height, 16px);font-family:var(--kbq-radio-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-caption-letter-spacing, normal)}.kbq-radio-button.kbq-radio-button_big{font-size:var(--kbq-radio-font-big-label-font-size, 16px);font-weight:var(--kbq-radio-font-big-label-font-weight, normal);line-height:var(--kbq-radio-font-big-label-line-height, 24px);font-family:var(--kbq-radio-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-label-text-transform, );font-feature-settings:var(--kbq-radio-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-label-letter-spacing, -.011em)}.kbq-radio-button.kbq-radio-button_big .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-big-caption-font-size, 14px);font-weight:var(--kbq-radio-font-big-caption-font-weight, normal);line-height:var(--kbq-radio-font-big-caption-line-height, 20px);font-family:var(--kbq-radio-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-caption-letter-spacing, -.006em)}\n", ".kbq-radio-button{--kbq-radio-size-normal-outer-size: var(--kbq-size-l);--kbq-radio-size-normal-inner-size: var(--kbq-size-xs);--kbq-radio-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-radio-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-radio-size-normal-vertical-gap: var(--kbq-size-m);--kbq-radio-size-normal-top: 0;--kbq-radio-size-big-outer-size: var(--kbq-size-l);--kbq-radio-size-big-inner-size: var(--kbq-size-xs);--kbq-radio-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-radio-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-radio-size-big-vertical-gap: var(--kbq-size-m);--kbq-radio-size-big-top: var(--kbq-size-3xs);--kbq-radio-font-normal-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-radio-font-normal-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-radio-font-normal-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-radio-font-normal-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-radio-font-normal-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-radio-font-normal-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-radio-font-normal-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-radio-font-normal-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-radio-font-normal-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-radio-font-normal-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-radio-font-normal-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-radio-font-normal-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-radio-font-normal-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-radio-font-normal-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-radio-font-big-label-font-size: var(--kbq-typography-text-big-font-size);--kbq-radio-font-big-label-line-height: var(--kbq-typography-text-big-line-height);--kbq-radio-font-big-label-letter-spacing: var(--kbq-typography-text-big-letter-spacing);--kbq-radio-font-big-label-font-weight: var(--kbq-typography-text-big-font-weight);--kbq-radio-font-big-label-font-family: var(--kbq-typography-text-big-font-family);--kbq-radio-font-big-label-text-transform: var(--kbq-typography-text-big-text-transform);--kbq-radio-font-big-label-font-feature-settings: var(--kbq-typography-text-big-font-feature-settings);--kbq-radio-font-big-caption-font-size: var(--kbq-typography-text-normal-font-size);--kbq-radio-font-big-caption-line-height: var(--kbq-typography-text-normal-line-height);--kbq-radio-font-big-caption-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-radio-font-big-caption-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-radio-font-big-caption-font-family: var(--kbq-typography-text-normal-font-family);--kbq-radio-font-big-caption-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-radio-font-big-caption-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-radio-theme-default-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-default-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-radio-theme-states-hover-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-states-hover-outer-circle-background: var(--kbq-states-background-transparent-hover);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-hover-outer-circle-border: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-outer-circle-background: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-focused-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-radio-error-default-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-default-outer-circle-background: var(--kbq-background-error-less);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-states-hover-outer-circle-background: var(--kbq-states-background-error-fade-hover);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: var(--kbq-states-background-error-hover);--kbq-radio-error-states-checked-hover-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: var(--kbq-states-background-error-less);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-focused-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-disabled-inner-circle-background: transparent}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-radio-theme-default-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-default-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-radio-theme-states-hover-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-states-hover-outer-circle-background: var(--kbq-states-background-transparent-hover);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-hover-outer-circle-border: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-outer-circle-background: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-focused-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-radio-error-default-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-default-outer-circle-background: var(--kbq-background-error-less);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-states-hover-outer-circle-background: var(--kbq-states-background-error-fade-hover);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: var(--kbq-states-background-error-hover);--kbq-radio-error-states-checked-hover-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: var(--kbq-states-background-error-less);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-focused-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-disabled-inner-circle-background: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
422
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioButton, deps: [{ token: KbqRadioGroup, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: i2.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
423
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.6", type: KbqRadioButton, selector: "kbq-radio-button", inputs: { color: "color", tabIndex: "tabIndex", checked: ["checked", "checked", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], labelPosition: "labelPosition", name: "name", isFocused: "isFocused", id: "id" }, outputs: { change: "change" }, host: { properties: { "attr.id": "id", "class.kbq-radio-button_big": "radioGroup?.big", "class.kbq-selected": "checked", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-radio-button" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqRadioButton"], usesInheritance: true, ngImport: i0, template: "<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n", styles: [".kbq-radio-group{display:inline-flex;flex-direction:column}.kbq-radio-group.kbq-radio-group_normal{gap:var(--kbq-radio-size-normal-vertical-gap, 12px)}.kbq-radio-group.kbq-radio-group_big{gap:var(--kbq-radio-size-big-vertical-gap, 12px)}.kbq-radio-button{display:inline-block}.kbq-radio-label{display:inline-flex;align-items:center;vertical-align:middle;cursor:pointer;white-space:nowrap;width:100%}.kbq-radio-label-content{display:inline-block;position:relative;order:0;line-height:inherit;padding-left:calc(var(--kbq-radio-size-normal-outer-size, 16px) + var(--kbq-radio-size-normal-horizontal-content-padding, 8px));padding-right:0}.kbq-radio-label-content .kbq-radio-button__outer-circle,.kbq-radio-label-content .kbq-radio-button__inner-circle{box-sizing:content-box;position:absolute;display:flex;content:\"\";border-style:solid;border-radius:50%}.kbq-radio-label-content .kbq-radio-button__outer-circle{border-width:1px;left:0;top:calc((var(--kbq-radio-font-normal-label-line-height, 20px) - var(--kbq-radio-size-normal-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-normal-outer-size, 16px);height:var(--kbq-radio-size-normal-outer-size, 16px)}.kbq-radio-label-content .kbq-radio-button__inner-circle{position:relative;margin:auto;width:var(--kbq-radio-size-normal-inner-size, 6px);height:var(--kbq-radio-size-normal-inner-size, 6px)}.kbq-radio-label-content .kbq-radio__text-container{display:flex;flex-direction:column}.kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-normal-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-label-content{padding-right:var(--kbq-radio-size-normal-horizontal-content-padding, 8px);padding-left:0}.kbq-radio-input{position:absolute;outline:none;opacity:0}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-left:calc(var(--kbq-radio-size-big-outer-size, 16px) + var(--kbq-radio-size-big-horizontal-content-padding, 8px))}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__outer-circle{top:calc((var(--kbq-radio-font-big-label-line-height, 24px) - var(--kbq-radio-size-big-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-big-outer-size, 16px);height:var(--kbq-radio-size-big-outer-size, 16px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__inner-circle{width:var(--kbq-radio-size-big-inner-size, 6px);height:var(--kbq-radio-size-big-inner-size, 6px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-big-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-right:var(--kbq-radio-size-big-horizontal-content-padding, 8px)}.kbq-radio-button{color:var(--kbq-foreground-contrast, )}.kbq-radio-button .kbq-radio-button__inner-circle{border-width:0!important}.kbq-radio-button .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-default-outer-circle-border, );background:var(--kbq-radio-theme-default-outer-circle-background, );box-shadow:var(--kbq-radio-theme-default-outer-circle-shadow, )}.kbq-radio-button .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-default-inner-circle-background, )}.kbq-radio-button .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-default-caption, )}.kbq-radio-button:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-hover-outer-circle-border, );background:var(--kbq-radio-theme-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-hover-outer-circle-shadow, )}.kbq-radio-button:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-hover-inner-circle-background, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-focused-outer-circle-border, );background:var(--kbq-radio-theme-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-focused-outer-circle-shadow, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-error{color:var(--kbq-foreground-contrast, )}.kbq-radio-button.kbq-error .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-default-outer-circle-border, );background:var(--kbq-radio-error-default-outer-circle-background, );box-shadow:var(--kbq-radio-error-default-outer-circle-shadow, )}.kbq-radio-button.kbq-error .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-default-inner-circle-background, )}.kbq-radio-button.kbq-error .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-default-caption, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-hover-outer-circle-border, );background:var(--kbq-radio-error-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-hover-outer-circle-shadow, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-hover-inner-circle-background, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-focused-outer-circle-border, );background:var(--kbq-radio-error-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-focused-outer-circle-shadow, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-outer-circle-border, );background:var(--kbq-radio-error-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button{font-size:var(--kbq-radio-font-normal-label-font-size, 14px);font-weight:var(--kbq-radio-font-normal-label-font-weight, normal);line-height:var(--kbq-radio-font-normal-label-line-height, 20px);font-family:var(--kbq-radio-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-label-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-label-letter-spacing, -.006em)}.kbq-radio-button .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-normal-caption-font-size, 12px);font-weight:var(--kbq-radio-font-normal-caption-font-weight, normal);line-height:var(--kbq-radio-font-normal-caption-line-height, 16px);font-family:var(--kbq-radio-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-caption-letter-spacing, normal)}.kbq-radio-button.kbq-radio-button_big{font-size:var(--kbq-radio-font-big-label-font-size, 16px);font-weight:var(--kbq-radio-font-big-label-font-weight, normal);line-height:var(--kbq-radio-font-big-label-line-height, 24px);font-family:var(--kbq-radio-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-label-text-transform, );font-feature-settings:var(--kbq-radio-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-label-letter-spacing, -.011em)}.kbq-radio-button.kbq-radio-button_big .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-big-caption-font-size, 14px);font-weight:var(--kbq-radio-font-big-caption-font-weight, normal);line-height:var(--kbq-radio-font-big-caption-line-height, 20px);font-family:var(--kbq-radio-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-caption-letter-spacing, -.006em)}\n", ".kbq-radio-button{--kbq-radio-size-normal-outer-size: var(--kbq-size-l);--kbq-radio-size-normal-inner-size: var(--kbq-size-xs);--kbq-radio-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-radio-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-radio-size-normal-vertical-gap: var(--kbq-size-m);--kbq-radio-size-normal-top: 0;--kbq-radio-size-big-outer-size: var(--kbq-size-l);--kbq-radio-size-big-inner-size: var(--kbq-size-xs);--kbq-radio-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-radio-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-radio-size-big-vertical-gap: var(--kbq-size-m);--kbq-radio-size-big-top: var(--kbq-size-3xs);--kbq-radio-font-normal-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-radio-font-normal-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-radio-font-normal-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-radio-font-normal-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-radio-font-normal-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-radio-font-normal-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-radio-font-normal-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-radio-font-normal-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-radio-font-normal-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-radio-font-normal-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-radio-font-normal-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-radio-font-normal-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-radio-font-normal-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-radio-font-normal-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-radio-font-big-label-font-size: var(--kbq-typography-text-big-font-size);--kbq-radio-font-big-label-line-height: var(--kbq-typography-text-big-line-height);--kbq-radio-font-big-label-letter-spacing: var(--kbq-typography-text-big-letter-spacing);--kbq-radio-font-big-label-font-weight: var(--kbq-typography-text-big-font-weight);--kbq-radio-font-big-label-font-family: var(--kbq-typography-text-big-font-family);--kbq-radio-font-big-label-text-transform: var(--kbq-typography-text-big-text-transform);--kbq-radio-font-big-label-font-feature-settings: var(--kbq-typography-text-big-font-feature-settings);--kbq-radio-font-big-caption-font-size: var(--kbq-typography-text-normal-font-size);--kbq-radio-font-big-caption-line-height: var(--kbq-typography-text-normal-line-height);--kbq-radio-font-big-caption-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-radio-font-big-caption-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-radio-font-big-caption-font-family: var(--kbq-typography-text-normal-font-family);--kbq-radio-font-big-caption-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-radio-font-big-caption-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-radio-theme-default-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-default-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-radio-theme-states-hover-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-states-hover-outer-circle-background: var(--kbq-states-background-transparent-hover);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-hover-outer-circle-border: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-outer-circle-background: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-focused-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-radio-error-default-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-default-outer-circle-background: var(--kbq-background-error-less);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-states-hover-outer-circle-background: var(--kbq-states-background-error-fade-hover);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: var(--kbq-states-background-error-hover);--kbq-radio-error-states-checked-hover-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: var(--kbq-states-background-error-less);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-focused-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-disabled-inner-circle-background: transparent}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-radio-theme-default-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-default-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-radio-theme-states-hover-outer-circle-border: var(--kbq-line-contrast-fade);--kbq-radio-theme-states-hover-outer-circle-background: var(--kbq-states-background-transparent-hover);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-hover-outer-circle-border: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-outer-circle-background: var(--kbq-states-background-theme-hover);--kbq-radio-theme-states-checked-hover-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: var(--kbq-background-bg);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: var(--kbq-background-theme);--kbq-radio-theme-states-checked-focused-inner-circle-background: var(--kbq-foreground-white);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-theme);--kbq-radio-theme-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-theme-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-radio-error-default-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-default-outer-circle-background: var(--kbq-background-error-less);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: var(--kbq-line-error);--kbq-radio-error-states-hover-outer-circle-background: var(--kbq-states-background-error-fade-hover);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: var(--kbq-states-background-error-hover);--kbq-radio-error-states-checked-hover-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-checked-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-checked-disabled-inner-circle-background: var(--kbq-states-icon-disabled);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: var(--kbq-states-background-error-less);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: var(--kbq-background-error);--kbq-radio-error-states-checked-focused-inner-circle-background: var(--kbq-icon-white);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px var(--kbq-states-line-focus-error);--kbq-radio-error-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);--kbq-radio-error-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);--kbq-radio-error-states-disabled-inner-circle-background: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
424
424
  }
425
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioButton, decorators: [{
425
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioButton, decorators: [{
426
426
  type: Component,
427
427
  args: [{ selector: 'kbq-radio-button', inputs: ['color', 'tabIndex'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'kbqRadioButton', host: {
428
428
  class: 'kbq-radio-button',
@@ -460,11 +460,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
460
460
  }] } });
461
461
 
462
462
  class KbqRadioModule {
463
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
464
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioModule, declarations: [KbqRadioGroup, KbqRadioButton], imports: [A11yModule, KbqCommonModule], exports: [KbqRadioGroup, KbqRadioButton] }); }
465
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioModule, imports: [A11yModule, KbqCommonModule] }); }
463
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
464
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioModule, declarations: [KbqRadioGroup, KbqRadioButton], imports: [A11yModule, KbqCommonModule], exports: [KbqRadioGroup, KbqRadioButton] }); }
465
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioModule, imports: [A11yModule, KbqCommonModule] }); }
466
466
  }
467
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRadioModule, decorators: [{
467
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRadioModule, decorators: [{
468
468
  type: NgModule,
469
469
  args: [{
470
470
  imports: [A11yModule, KbqCommonModule],
package/fesm2022/koobiq-components-risk-level.mjs CHANGED
@@ -24,10 +24,10 @@ class KbqRiskLevel {
24
24
  set riskLevelColor(value) {
25
25
  this._riskLevelColor = value || KbqRiskLevelColors.FadeContrast;
26
26
  }
27
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRiskLevel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: KbqRiskLevel, selector: "kbq-risk-level", inputs: { outline: "outline", riskLevelColor: "riskLevelColor" }, host: { properties: { "class.kbq-risk-level_filled": "!outline", "class.kbq-risk-level_outline": "outline", "class": "riskLevelColor" }, classAttribute: "kbq-risk-level" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-risk-level{box-sizing:border-box;display:inline-flex;text-align:center;border-style:solid;padding:var(--kbq-risk-level-size-padding-vertical, 2px) var(--kbq-risk-level-size-padding-horizontal, 8px);border-width:var(--kbq-risk-level-size-border-width, 1px);border-radius:var(--kbq-risk-level-size-border-radius, 4px)}.kbq-risk-level_filled.kbq-risk-level_fade-contrast{border:transparent;color:var(--kbq-risk-level-filled-fade-on-contrast-color, );background:var(--kbq-risk-level-filled-fade-on-contrast-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-success{border:transparent;color:var(--kbq-risk-level-filled-fade-on-success-color, );background:var(--kbq-risk-level-filled-fade-on-success-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-warning{border:transparent;color:var(--kbq-risk-level-filled-fade-on-warning-color, );background:var(--kbq-risk-level-filled-fade-on-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-error{border:transparent;color:var(--kbq-risk-level-filled-fade-on-error-color, );background:var(--kbq-risk-level-filled-fade-on-error-background, )}.kbq-risk-level_filled.kbq-risk-level_success{border:transparent;color:var(--kbq-risk-level-filled-fade-off-success-color, );background:var(--kbq-risk-level-filled-fade-off-success-background, )}.kbq-risk-level_filled.kbq-risk-level_warning{border:transparent;color:var(--kbq-risk-level-filled-fade-off-warning-color, );background:var(--kbq-risk-level-filled-fade-off-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_error{border:transparent;color:var(--kbq-risk-level-filled-fade-off-error-color, );background:var(--kbq-risk-level-filled-fade-off-error-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-contrast{border-color:var(--kbq-risk-level-outline-fade-on-contrast-border, );color:var(--kbq-risk-level-outline-fade-on-contrast-color, );background:var(--kbq-risk-level-outline-fade-on-contrast-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-success{border-color:var(--kbq-risk-level-outline-fade-on-success-border, );color:var(--kbq-risk-level-outline-fade-on-success-color, );background:var(--kbq-risk-level-outline-fade-on-success-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-warning{border-color:var(--kbq-risk-level-outline-fade-on-warning-border, );color:var(--kbq-risk-level-outline-fade-on-warning-color, );background:var(--kbq-risk-level-outline-fade-on-warning-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-error{border-color:var(--kbq-risk-level-outline-fade-on-error-border, );color:var(--kbq-risk-level-outline-fade-on-error-color, );background:var(--kbq-risk-level-outline-fade-on-error-background, )}.kbq-risk-level{font-size:var(--kbq-risk-level-font-text-font-size, 18px);font-weight:var(--kbq-risk-level-font-text-font-weight, 600);line-height:var(--kbq-risk-level-font-text-line-height, 26px);font-family:var(--kbq-risk-level-font-text-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-risk-level-font-text-text-transform, );font-feature-settings:var(--kbq-risk-level-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-risk-level-font-text-letter-spacing, normal)}\n", ".kbq-risk-level{--kbq-risk-level-size-padding-vertical: var(--kbq-size-3xs);--kbq-risk-level-size-padding-horizontal: var(--kbq-size-s);--kbq-risk-level-size-border-width: var(--kbq-size-border-width);--kbq-risk-level-size-border-radius: var(--kbq-size-xxs);--kbq-risk-level-font-text-font-size: var(--kbq-typography-subheading-font-size);--kbq-risk-level-font-text-line-height: var(--kbq-typography-subheading-line-height);--kbq-risk-level-font-text-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-risk-level-font-text-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-risk-level-font-text-font-family: var(--kbq-typography-subheading-font-family);--kbq-risk-level-font-text-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-risk-level-font-text-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-risk-level-filled-fade-off-success-background: var(--kbq-background-success);--kbq-risk-level-filled-fade-off-success-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-risk-level-filled-fade-off-warning-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-error-background: var(--kbq-background-error);--kbq-risk-level-filled-fade-off-error-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-risk-level-filled-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-risk-level-filled-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-risk-level-filled-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-risk-level-filled-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-error-border: var(--kbq-line-error-fade)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-risk-level-filled-fade-off-success-background: var(--kbq-background-success);--kbq-risk-level-filled-fade-off-success-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-risk-level-filled-fade-off-warning-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-error-background: var(--kbq-background-error);--kbq-risk-level-filled-fade-off-error-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-risk-level-filled-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-risk-level-filled-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-risk-level-filled-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-risk-level-filled-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-error-border: var(--kbq-line-error-fade)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
27
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRiskLevel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqRiskLevel, selector: "kbq-risk-level", inputs: { outline: "outline", riskLevelColor: "riskLevelColor" }, host: { properties: { "class.kbq-risk-level_filled": "!outline", "class.kbq-risk-level_outline": "outline", "class": "riskLevelColor" }, classAttribute: "kbq-risk-level" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-risk-level{box-sizing:border-box;display:inline-flex;text-align:center;border-style:solid;padding:var(--kbq-risk-level-size-padding-vertical, 2px) var(--kbq-risk-level-size-padding-horizontal, 8px);border-width:var(--kbq-risk-level-size-border-width, 1px);border-radius:var(--kbq-risk-level-size-border-radius, 4px)}.kbq-risk-level_filled.kbq-risk-level_fade-contrast{border:transparent;color:var(--kbq-risk-level-filled-fade-on-contrast-color, );background:var(--kbq-risk-level-filled-fade-on-contrast-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-success{border:transparent;color:var(--kbq-risk-level-filled-fade-on-success-color, );background:var(--kbq-risk-level-filled-fade-on-success-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-warning{border:transparent;color:var(--kbq-risk-level-filled-fade-on-warning-color, );background:var(--kbq-risk-level-filled-fade-on-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-error{border:transparent;color:var(--kbq-risk-level-filled-fade-on-error-color, );background:var(--kbq-risk-level-filled-fade-on-error-background, )}.kbq-risk-level_filled.kbq-risk-level_success{border:transparent;color:var(--kbq-risk-level-filled-fade-off-success-color, );background:var(--kbq-risk-level-filled-fade-off-success-background, )}.kbq-risk-level_filled.kbq-risk-level_warning{border:transparent;color:var(--kbq-risk-level-filled-fade-off-warning-color, );background:var(--kbq-risk-level-filled-fade-off-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_error{border:transparent;color:var(--kbq-risk-level-filled-fade-off-error-color, );background:var(--kbq-risk-level-filled-fade-off-error-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-contrast{border-color:var(--kbq-risk-level-outline-fade-on-contrast-border, );color:var(--kbq-risk-level-outline-fade-on-contrast-color, );background:var(--kbq-risk-level-outline-fade-on-contrast-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-success{border-color:var(--kbq-risk-level-outline-fade-on-success-border, );color:var(--kbq-risk-level-outline-fade-on-success-color, );background:var(--kbq-risk-level-outline-fade-on-success-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-warning{border-color:var(--kbq-risk-level-outline-fade-on-warning-border, );color:var(--kbq-risk-level-outline-fade-on-warning-color, );background:var(--kbq-risk-level-outline-fade-on-warning-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-error{border-color:var(--kbq-risk-level-outline-fade-on-error-border, );color:var(--kbq-risk-level-outline-fade-on-error-color, );background:var(--kbq-risk-level-outline-fade-on-error-background, )}.kbq-risk-level{font-size:var(--kbq-risk-level-font-text-font-size, 18px);font-weight:var(--kbq-risk-level-font-text-font-weight, 600);line-height:var(--kbq-risk-level-font-text-line-height, 26px);font-family:var(--kbq-risk-level-font-text-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-risk-level-font-text-text-transform, );font-feature-settings:var(--kbq-risk-level-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-risk-level-font-text-letter-spacing, normal)}\n", ".kbq-risk-level{--kbq-risk-level-size-padding-vertical: var(--kbq-size-3xs);--kbq-risk-level-size-padding-horizontal: var(--kbq-size-s);--kbq-risk-level-size-border-width: var(--kbq-size-border-width);--kbq-risk-level-size-border-radius: var(--kbq-size-xxs);--kbq-risk-level-font-text-font-size: var(--kbq-typography-subheading-font-size);--kbq-risk-level-font-text-line-height: var(--kbq-typography-subheading-line-height);--kbq-risk-level-font-text-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-risk-level-font-text-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-risk-level-font-text-font-family: var(--kbq-typography-subheading-font-family);--kbq-risk-level-font-text-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-risk-level-font-text-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-risk-level-filled-fade-off-success-background: var(--kbq-background-success);--kbq-risk-level-filled-fade-off-success-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-risk-level-filled-fade-off-warning-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-error-background: var(--kbq-background-error);--kbq-risk-level-filled-fade-off-error-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-risk-level-filled-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-risk-level-filled-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-risk-level-filled-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-risk-level-filled-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-error-border: var(--kbq-line-error-fade)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-risk-level-filled-fade-off-success-background: var(--kbq-background-success);--kbq-risk-level-filled-fade-off-success-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-risk-level-filled-fade-off-warning-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-off-error-background: var(--kbq-background-error);--kbq-risk-level-filled-fade-off-error-text: var(--kbq-foreground-white);--kbq-risk-level-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-risk-level-filled-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-risk-level-filled-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-risk-level-filled-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-risk-level-filled-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: var(--kbq-foreground-contrast);--kbq-risk-level-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: var(--kbq-foreground-success);--kbq-risk-level-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: var(--kbq-foreground-warning);--kbq-risk-level-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: var(--kbq-foreground-error);--kbq-risk-level-outline-fade-on-error-border: var(--kbq-line-error-fade)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
29
29
  }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRiskLevel, decorators: [{
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRiskLevel, decorators: [{
31
31
  type: Component,
32
32
  args: [{ selector: 'kbq-risk-level', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
33
33
  class: 'kbq-risk-level',
@@ -42,13 +42,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
42
42
  }] } });
43
43
 
44
44
  class KbqRiskLevelModule {
45
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRiskLevelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
46
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqRiskLevelModule, declarations: [KbqRiskLevel], imports: [A11yModule,
45
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRiskLevelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
46
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqRiskLevelModule, declarations: [KbqRiskLevel], imports: [A11yModule,
47
47
  PlatformModule], exports: [KbqRiskLevel] }); }
48
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRiskLevelModule, imports: [A11yModule,
48
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRiskLevelModule, imports: [A11yModule,
49
49
  PlatformModule] }); }
50
50
  }
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqRiskLevelModule, decorators: [{
51
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqRiskLevelModule, decorators: [{
52
52
  type: NgModule,
53
53
  args: [{
54
54
  imports: [
package/fesm2022/koobiq-components-scrollbar.mjs CHANGED
@@ -91,10 +91,10 @@ class KbqScrollbarDirective {
91
91
  ngOnDestroy() {
92
92
  this.cancelDefer();
93
93
  }
94
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbarDirective, deps: [{ token: i0.NgZone }, { token: KBQ_SCROLLBAR_CONFIG }], target: i0.ɵɵFactoryTarget.Directive }); }
95
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqScrollbarDirective, isStandalone: true, selector: "[kbqScrollbar]", inputs: { options: "options", events: "events", defer: "defer" }, ngImport: i0 }); }
94
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbarDirective, deps: [{ token: i0.NgZone }, { token: KBQ_SCROLLBAR_CONFIG }], target: i0.ɵɵFactoryTarget.Directive }); }
95
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqScrollbarDirective, isStandalone: true, selector: "[kbqScrollbar]", inputs: { options: "options", events: "events", defer: "defer" }, ngImport: i0 }); }
96
96
  }
97
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbarDirective, decorators: [{
97
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbarDirective, decorators: [{
98
98
  type: Directive,
99
99
  args: [{
100
100
  standalone: true,
@@ -183,8 +183,8 @@ class KbqScrollbar {
183
183
  this.ngZone.run(() => eventEmitter.emit(args));
184
184
  }
185
185
  }
186
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbar, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
187
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: KbqScrollbar, isStandalone: true, selector: "kbq-scrollbar, [kbq-scrollbar]", inputs: { initializationTarget: "initializationTarget", options: "options", events: "events", defer: "defer" }, outputs: { onInitialize: "onInitialize", onUpdate: "onUpdate", onDestroy: "onDestroy", onScroll: "onScroll" }, host: { attributes: { "data-overlayscrollbars-initialize": "" }, classAttribute: "kbq-scrollbar-component" }, viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }, { propertyName: "kbqScrollbarDirective", first: true, predicate: ["content"], descendants: true, read: KbqScrollbarDirective }], exportAs: ["kbqScrollbar"], ngImport: i0, template: `
186
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbar, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
187
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqScrollbar, isStandalone: true, selector: "kbq-scrollbar, [kbq-scrollbar]", inputs: { initializationTarget: "initializationTarget", options: "options", events: "events", defer: "defer" }, outputs: { onInitialize: "onInitialize", onUpdate: "onUpdate", onDestroy: "onDestroy", onScroll: "onScroll" }, host: { attributes: { "data-overlayscrollbars-initialize": "" }, classAttribute: "kbq-scrollbar-component" }, viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }, { propertyName: "kbqScrollbarDirective", first: true, predicate: ["content"], descendants: true, read: KbqScrollbarDirective }], exportAs: ["kbqScrollbar"], ngImport: i0, template: `
188
188
  <div
189
189
  #content
190
190
  [options]="options"
@@ -197,7 +197,7 @@ class KbqScrollbar {
197
197
  </div>
198
198
  `, isInline: true, styles: [".kbq-scrollbar-component .os-scrollbar-vertical{padding:var(--kbq-scrollbar-size-track-padding-vertical, 2px) var(--kbq-scrollbar-size-track-padding-horizontal, 2px);bottom:var(--kbq-scrollbar-size-track-dimension, 16px);width:var(--kbq-scrollbar-size-track-dimension, 16px)}.kbq-scrollbar-component .os-scrollbar-vertical .os-scrollbar-handle{transition:opacity .15s,background-color .15s,border-color .15s,width .15s;border:var(--kbq-scrollbar-size-track-padding-horizontal, 2px) solid;width:100%;min-height:var(--kbq-scrollbar-size-thumb-min-size, 20px)}.kbq-scrollbar-component .os-scrollbar-vertical:hover .os-scrollbar-handle,.kbq-scrollbar-component .os-scrollbar-vertical:active .os-scrollbar-handle{width:100%}.kbq-scrollbar-component .os-scrollbar-horizontal{padding:var(--kbq-scrollbar-size-track-padding-horizontal, 2px) var(--kbq-scrollbar-size-track-padding-vertical, 2px);right:var(--kbq-scrollbar-size-track-dimension, 16px);height:var(--kbq-scrollbar-size-track-dimension, 16px)}.kbq-scrollbar-component .os-scrollbar-horizontal .os-scrollbar-handle{transition:opacity .15s,background-color .15s,border-color .15s,height .15s;border:var(--kbq-scrollbar-size-track-padding-horizontal, 2px) solid;height:100%;min-width:var(--kbq-scrollbar-size-thumb-min-size, 20px)}.kbq-scrollbar-component .os-scrollbar-horizontal:hover .os-scrollbar-handle,.kbq-scrollbar-component .os-scrollbar-horizontal:active .os-scrollbar-handle{height:100%}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle,.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle:before,.kbq-scrollbar-component .os-scrollbar .os-scrollbar-track{box-sizing:border-box;border-radius:var(--kbq-scrollbar-size-thumb-border-radius, 8px)}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-track{border-width:calc((var(--kbq-scrollbar-size-track-dimension, 16px) - var(--kbq-scrollbar-size-thumb-width, 8px)) / 4)!important;transition:opacity .15s,background-color .15s,border-color .15s}[data-overlayscrollbars-contents]:focus-visible{outline:none}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle:before{border-color:var(--kbq-scrollbar-thumb-default-background, );background-color:var(--kbq-scrollbar-thumb-default-background, )}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle:hover:before{border-color:var(--kbq-scrollbar-thumb-hover-background, );background-color:var(--kbq-scrollbar-thumb-hover-background, )}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle:active:before{border-color:var(--kbq-scrollbar-thumb-active-background, );background-color:var(--kbq-scrollbar-thumb-active-background, )}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-track,.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle{border-style:solid;border-color:var(--kbq-scrollbar-track-default-border, )!important;background-color:var(--kbq-scrollbar-track-default-background, )}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-track:hover,.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle:hover{border-color:var(--kbq-scrollbar-track-hover-border, );background:var(--kbq-scrollbar-track-hover-background, )}.kbq-scrollbar-component .os-scrollbar .os-scrollbar-track:active,.kbq-scrollbar-component .os-scrollbar .os-scrollbar-handle:active{border-color:var(--kbq-scrollbar-track-active-border, );background:var(--kbq-scrollbar-track-active-background, )}.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:\"\";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:\"\";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:\"\";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:\"\";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:0;height:0}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0;overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden;overflow-y:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{box-sizing:border-box;contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar .os-scrollbar-handle:before{content:\"\";position:absolute;inset:0;display:block}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}\n", ".kbq-scrollbar-component{--kbq-scrollbar-size-track-dimension: var(--kbq-size-l);--kbq-scrollbar-size-track-padding-vertical: var(--kbq-size-3xs);--kbq-scrollbar-size-track-padding-horizontal: var(--kbq-size-3xs);--kbq-scrollbar-size-thumb-width: var(--kbq-size-s);--kbq-scrollbar-size-thumb-min-size: var(--kbq-size-xl);--kbq-scrollbar-size-thumb-border-radius: var(--kbq-size-s)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-scrollbar-thumb-default-background: var(--kbq-icon-contrast-fade);--kbq-scrollbar-thumb-hover-background: var(--kbq-states-icon-contrast-fade-hover);--kbq-scrollbar-thumb-active-background: var(--kbq-states-icon-contrast-fade-active);--kbq-scrollbar-thumb-disabled-background: var(--kbq-states-icon-disabled);--kbq-scrollbar-track-default-border: transparent;--kbq-scrollbar-track-default-background: transparent;--kbq-scrollbar-track-hover-border: transparent;--kbq-scrollbar-track-hover-background: transparent;--kbq-scrollbar-track-active-border: transparent;--kbq-scrollbar-track-active-background: transparent}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-scrollbar-thumb-default-background: var(--kbq-icon-contrast-fade);--kbq-scrollbar-thumb-hover-background: var(--kbq-states-icon-contrast-fade-hover);--kbq-scrollbar-thumb-active-background: var(--kbq-states-icon-contrast-fade-active);--kbq-scrollbar-thumb-disabled-background: var(--kbq-states-icon-disabled);--kbq-scrollbar-track-default-border: transparent;--kbq-scrollbar-track-default-background: transparent;--kbq-scrollbar-track-hover-border: transparent;--kbq-scrollbar-track-hover-background: transparent;--kbq-scrollbar-track-active-border: transparent;--kbq-scrollbar-track-active-background: transparent}\n"], dependencies: [{ kind: "directive", type: KbqScrollbarDirective, selector: "[kbqScrollbar]", inputs: ["options", "events", "defer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
199
199
  }
200
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbar, decorators: [{
200
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbar, decorators: [{
201
201
  type: Component,
202
202
  args: [{ standalone: true, imports: [KbqScrollbarDirective], selector: 'kbq-scrollbar, [kbq-scrollbar]', exportAs: 'kbqScrollbar', host: {
203
203
  'data-overlayscrollbars-initialize': '',
@@ -243,13 +243,13 @@ const COMPONENTS = [
243
243
  KbqScrollbarDirective
244
244
  ];
245
245
  class KbqScrollbarModule {
246
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
247
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbarModule, imports: [KbqScrollbar,
246
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
247
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbarModule, imports: [KbqScrollbar,
248
248
  KbqScrollbarDirective], exports: [KbqScrollbar,
249
249
  KbqScrollbarDirective] }); }
250
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbarModule, providers: [KBQ_SCROLLBAR_OPTIONS_DEFAULT_CONFIG_PROVIDER] }); }
250
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbarModule, providers: [KBQ_SCROLLBAR_OPTIONS_DEFAULT_CONFIG_PROVIDER] }); }
251
251
  }
252
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqScrollbarModule, decorators: [{
252
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqScrollbarModule, decorators: [{
253
253
  type: NgModule,
254
254
  args: [{
255
255
  imports: COMPONENTS,
package/fesm2022/koobiq-components-select.mjs CHANGED
@@ -74,10 +74,10 @@ class KbqOptionTooltip extends KbqTooltipTrigger {
74
74
  this.disabled = true;
75
75
  this.hide();
76
76
  }
77
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqOptionTooltip, deps: [{ token: i1.KbqOption }], target: i0.ɵɵFactoryTarget.Directive }); }
78
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqOptionTooltip, selector: "kbq-option", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" } }, usesInheritance: true, ngImport: i0 }); }
77
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOptionTooltip, deps: [{ token: i1.KbqOption }], target: i0.ɵɵFactoryTarget.Directive }); }
78
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqOptionTooltip, selector: "kbq-option", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" } }, usesInheritance: true, ngImport: i0 }); }
79
79
  }
80
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqOptionTooltip, decorators: [{
80
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOptionTooltip, decorators: [{
81
81
  type: Directive,
82
82
  args: [{
83
83
  selector: 'kbq-option',
@@ -1024,8 +1024,8 @@ class KbqSelect extends KbqSelectMixinBase {
1024
1024
  this._renderer.setStyle(triggerClone, 'left', '0');
1025
1025
  return triggerClone;
1026
1026
  }
1027
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ErrorStateMatcher }, { token: i0.ElementRef }, { token: i2.OverlayContainer }, { token: i3.Directionality, optional: true }, { token: i4.NgForm, optional: true }, { token: i4.FormGroupDirective, optional: true }, { token: i5.KbqFormField, optional: true }, { token: i4.NgControl, optional: true, self: true }, { token: KBQ_SELECT_SCROLL_STRATEGY }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1028
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqSelect, selector: "kbq-select", inputs: { disabled: "disabled", tabIndex: "tabIndex", hiddenItemsText: "hiddenItemsText", panelClass: "panelClass", backdropClass: "backdropClass", errorStateMatcher: "errorStateMatcher", sortComparator: "sortComparator", hasBackdrop: "hasBackdrop", placeholder: "placeholder", required: "required", multiple: "multiple", compareWith: "compareWith", value: "value", id: "id", hiddenItemsTextFormatter: "hiddenItemsTextFormatter" }, outputs: { openedChange: "openedChange", openedStream: "opened", closedStream: "closed", selectionChange: "selectionChange", valueChange: "valueChange" }, host: { listeners: { "click": "toggle()", "keydown": "handleKeydown($event)", "focus": "onFocus()", "blur": "onBlur()", "window:resize": "calculateHiddenItems()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null", "class.kbq-disabled": "disabled", "class.kbq-invalid": "errorState" }, classAttribute: "kbq-select" }, providers: [
1027
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ErrorStateMatcher }, { token: i0.ElementRef }, { token: i2.OverlayContainer }, { token: i3.Directionality, optional: true }, { token: i4.NgForm, optional: true }, { token: i4.FormGroupDirective, optional: true }, { token: i5.KbqFormField, optional: true }, { token: i4.NgControl, optional: true, self: true }, { token: KBQ_SELECT_SCROLL_STRATEGY }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1028
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqSelect, selector: "kbq-select", inputs: { disabled: "disabled", tabIndex: "tabIndex", hiddenItemsText: "hiddenItemsText", panelClass: "panelClass", backdropClass: "backdropClass", errorStateMatcher: "errorStateMatcher", sortComparator: "sortComparator", hasBackdrop: "hasBackdrop", placeholder: "placeholder", required: "required", multiple: "multiple", compareWith: "compareWith", value: "value", id: "id", hiddenItemsTextFormatter: "hiddenItemsTextFormatter" }, outputs: { openedChange: "openedChange", openedStream: "opened", closedStream: "closed", selectionChange: "selectionChange", valueChange: "valueChange" }, host: { listeners: { "click": "toggle()", "keydown": "handleKeydown($event)", "focus": "onFocus()", "blur": "onBlur()", "window:resize": "calculateHiddenItems()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null", "class.kbq-disabled": "disabled", "class.kbq-invalid": "errorState" }, classAttribute: "kbq-select" }, providers: [
1029
1029
  { provide: KbqFormFieldControl, useExisting: KbqSelect },
1030
1030
  { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqSelect }
1031
1031
  ], queries: [{ propertyName: "footer", first: true, predicate: KbqSelectFooter, descendants: true, read: ElementRef }, { propertyName: "cdkVirtualForOf", first: true, predicate: CdkVirtualForOf, descendants: true }, { propertyName: "customTrigger", first: true, predicate: KbqSelectTrigger, descendants: true }, { propertyName: "customMatcher", first: true, predicate: KbqSelectMatcher, descendants: true }, { propertyName: "customTagTemplateRef", first: true, predicate: ["kbqSelectTagContent"], descendants: true, read: TemplateRef }, { propertyName: "cleaner", first: true, predicate: ["kbqSelectCleaner"], descendants: true, static: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true }, { propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true }, { propertyName: "overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "tags", predicate: KbqTag, descendants: true }], exportAs: ["kbqSelect"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n #origin=\"cdkOverlayOrigin\"\n #trigger\n cdk-overlay-origin\n class=\"kbq-select__trigger\"\n [class.kbq-select__trigger_empty]=\"empty\"\n [class.kbq-select__trigger_multiple]=\"multiple\"\n [class.kbq-select__trigger_single]=\"!multiple\"\n>\n <select\n class=\"cdk-visually-hidden\"\n [id]=\"id\"\n ></select>\n\n @if (!!customMatcher) {\n <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n } @else {\n <div class=\"kbq-select__matcher\">\n @if (empty) {\n <span class=\"kbq-select__placeholder\">\n {{ placeholder || '\\u00A0' }}\n </span>\n }\n @if (!empty) {\n <span>\n @if (!!customTrigger) {\n <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n } @else {\n <div class=\"kbq-select__match-container\">\n @if (multiple) {\n <div class=\"kbq-select__match-list\">\n @if (!customTagTemplateRef) {\n @for (option of triggerValues; track option) {\n <kbq-tag\n [class.kbq-error]=\"errorState\"\n [disabled]=\"option.disabled || disabled\"\n [selectable]=\"false\"\n >\n {{ option.viewValue }}\n @if (!option.disabled && !disabled) {\n <i\n kbq-icon=\"kbq-xmark-s_16\"\n kbqTagRemove\n (click)=\"onRemoveMatcherItem(option, $event)\"\n ></i>\n }\n </kbq-tag>\n }\n }\n @if (customTagTemplateRef) {\n @for (option of triggerValues; track option) {\n <ng-container\n [ngTemplateOutlet]=\"$any(customTagTemplateRef)\"\n [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n />\n }\n }\n </div>\n } @else {\n <span class=\"kbq-select__matcher-text\">\n {{ triggerValue }}\n </span>\n }\n <div\n class=\"kbq-select__match-hidden-text\"\n [style.display]=\"hiddenItems > 0 ? 'block' : 'none'\"\n >\n {{ hiddenItemsTextFormatter(hiddenItemsText, hiddenItems) }}\n </div>\n </div>\n }\n </span>\n }\n\n @if (canShowCleaner) {\n <div\n class=\"kbq-select__cleaner\"\n (click)=\"clearValue($event)\"\n >\n <ng-content select=\"kbq-cleaner\" />\n </div>\n }\n\n <div class=\"kbq-select__arrow-wrapper\">\n <i\n kbq-icon=\"kbq-chevron-down-s_16\"\n class=\"kbq-select__arrow\"\n [color]=\"'contrast-fade'\"\n ></i>\n </div>\n </div>\n }\n</div>\n\n<ng-template\n cdk-connected-overlay\n cdkConnectedOverlayLockPosition\n [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n [cdkConnectedOverlayOffsetY]=\"offsetY\"\n [cdkConnectedOverlayOpen]=\"panelOpen\"\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayPanelClass]=\"'kbq-select-overlay'\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n (attach)=\"onAttached()\"\n (backdropClick)=\"close()\"\n (detach)=\"close()\"\n>\n <div\n #panel\n class=\"kbq-select__panel {{ getPanelTheme() }}\"\n [ngClass]=\"panelClass\"\n [style.font-size.px]=\"triggerFontSize\"\n [style.transformOrigin]=\"transformOrigin\"\n (click)=\"handleClick($event)\"\n (keydown)=\"handleKeydown($event)\"\n >\n @if (search) {\n <div class=\"kbq-select__search-container\">\n <ng-content select=\"[kbqSelectSearch]\" />\n </div>\n }\n\n <div\n #optionsContainer\n class=\"kbq-select__content kbq-scrollbar\"\n (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n [@fadeInContent]=\"'showing'\"\n >\n @if (isEmptySearchResult) {\n <div class=\"kbq-select__no-options-message\">\n <ng-content select=\"[kbq-select-search-empty-result]\" />\n </div>\n }\n <ng-content />\n </div>\n\n <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-select,.kbq-select__panel{--kbq-option-size-horizontal-padding: var(--kbq-size-m);--kbq-option-size-height: var(--kbq-size-3xl);--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: var(--kbq-size-m);--kbq-select-size-single-padding-right: var(--kbq-size-xxs);--kbq-select-size-single-padding-vertical: var(--kbq-size-xs);--kbq-select-size-single-content-gap: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-left: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-right: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-vertical: var(--kbq-size-xxs);--kbq-select-size-multiple-content-gap: var(--kbq-size-xxs);--kbq-select-font-default-font-size: var(--kbq-typography-text-normal-font-size);--kbq-select-font-default-line-height: var(--kbq-typography-text-normal-line-height);--kbq-select-font-default-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-select-font-default-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-select-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-select-font-default-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-select-font-default-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-select-panel-size-border-radius: var(--kbq-size-s);--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: var(--kbq-typography-text-normal-font-size);--kbq-select-panel-font-default-line-height: var(--kbq-typography-text-normal-line-height);--kbq-select-panel-font-default-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-select-panel-font-default-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-select-panel-font-default-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-select-panel-font-default-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i6.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "component", type: i7.KbqTag, selector: "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", inputs: ["color", "selected", "value", "selectable", "removable", "tabindex", "disabled"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["kbqTag"] }, { kind: "directive", type: i7.KbqTagRemove, selector: "[kbqTagRemove]" }, { kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
@@ -1033,7 +1033,7 @@ class KbqSelect extends KbqSelectMixinBase {
1033
1033
  kbqSelectAnimations.fadeInContent
1034
1034
  ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1035
1035
  }
1036
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSelect, decorators: [{
1036
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSelect, decorators: [{
1037
1037
  type: Component,
1038
1038
  args: [{ selector: 'kbq-select', exportAs: 'kbqSelect', inputs: ['disabled', 'tabIndex'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
1039
1039
  '[attr.tabindex]': 'tabIndex',
@@ -1156,8 +1156,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
1156
1156
  }] } });
1157
1157
 
1158
1158
  class KbqSelectModule {
1159
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1160
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqSelectModule, declarations: [KbqSelect,
1159
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1160
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqSelectModule, declarations: [KbqSelect,
1161
1161
  KbqOptionTooltip], imports: [OverlayModule,
1162
1162
  KbqOptionModule,
1163
1163
  KbqIconModule,
@@ -1178,14 +1178,14 @@ class KbqSelectModule {
1178
1178
  KbqSelectMatcher,
1179
1179
  KbqSelectTrigger,
1180
1180
  KbqSelectSearchEmptyResult] }); }
1181
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSelectModule, providers: [KBQ_SELECT_SCROLL_STRATEGY_PROVIDER], imports: [OverlayModule,
1181
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSelectModule, providers: [KBQ_SELECT_SCROLL_STRATEGY_PROVIDER], imports: [OverlayModule,
1182
1182
  KbqOptionModule,
1183
1183
  KbqIconModule,
1184
1184
  KbqTagsModule,
1185
1185
  KbqToolTipModule, KbqFormFieldModule,
1186
1186
  KbqOptionModule] }); }
1187
1187
  }
1188
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSelectModule, decorators: [{
1188
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSelectModule, decorators: [{
1189
1189
  type: NgModule,
1190
1190
  args: [{
1191
1191
  imports: [
package/fesm2022/koobiq-components-sidebar.mjs CHANGED
@@ -32,10 +32,10 @@ var SidebarPositions;
32
32
  SidebarPositions["Right"] = "right";
33
33
  })(SidebarPositions || (SidebarPositions = {}));
34
34
  class KbqSidebarOpened {
35
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarOpened, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
36
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqSidebarOpened, selector: "[kbq-sidebar-opened]", inputs: { minWidth: "minWidth", width: "width", maxWidth: "maxWidth" }, exportAs: ["kbqSidebarOpened"], ngImport: i0 }); }
35
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarOpened, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
36
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqSidebarOpened, selector: "[kbq-sidebar-opened]", inputs: { minWidth: "minWidth", width: "width", maxWidth: "maxWidth" }, exportAs: ["kbqSidebarOpened"], ngImport: i0 }); }
37
37
  }
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarOpened, decorators: [{
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarOpened, decorators: [{
39
39
  type: Directive,
40
40
  args: [{
41
41
  selector: '[kbq-sidebar-opened]',
@@ -49,10 +49,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
49
49
  type: Input
50
50
  }] } });
51
51
  class KbqSidebarClosed {
52
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarClosed, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
53
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqSidebarClosed, selector: "[kbq-sidebar-closed]", inputs: { width: "width" }, exportAs: ["kbqSidebarClosed"], ngImport: i0 }); }
52
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarClosed, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
53
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqSidebarClosed, selector: "[kbq-sidebar-closed]", inputs: { width: "width" }, exportAs: ["kbqSidebarClosed"], ngImport: i0 }); }
54
54
  }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarClosed, decorators: [{
55
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarClosed, decorators: [{
56
56
  type: Directive,
57
57
  args: [{
58
58
  selector: '[kbq-sidebar-closed]',
@@ -137,10 +137,10 @@ class KbqSidebar {
137
137
  saveWidth() {
138
138
  this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;
139
139
  }
140
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebar, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
141
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqSidebar, selector: "kbq-sidebar", inputs: { opened: "opened", position: "position" }, outputs: { stateChanged: "stateChanged" }, host: { listeners: { "@state.start": "onAnimationStart()", "@state.done": "onAnimationDone()" }, properties: { "@state": "{\n value: animationState,\n params: params\n }" }, classAttribute: "kbq-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: KbqSidebarOpened, descendants: true }, { propertyName: "closedContent", first: true, predicate: KbqSidebarClosed, descendants: true }], exportAs: ["kbqSidebar"], ngImport: i0, template: "@if (internalState) {\n <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n", styles: [".kbq-sidebar{display:inline-block;height:100%;overflow:hidden}.kbq-sidebar-opened,.kbq-sidebar-closed{height:100%}\n"], animations: [kbqSidebarAnimations.sidebarState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
140
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebar, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
141
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqSidebar, selector: "kbq-sidebar", inputs: { opened: "opened", position: "position" }, outputs: { stateChanged: "stateChanged" }, host: { listeners: { "@state.start": "onAnimationStart()", "@state.done": "onAnimationDone()" }, properties: { "@state": "{\n value: animationState,\n params: params\n }" }, classAttribute: "kbq-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: KbqSidebarOpened, descendants: true }, { propertyName: "closedContent", first: true, predicate: KbqSidebarClosed, descendants: true }], exportAs: ["kbqSidebar"], ngImport: i0, template: "@if (internalState) {\n <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n", styles: [".kbq-sidebar{display:inline-block;height:100%;overflow:hidden}.kbq-sidebar-opened,.kbq-sidebar-closed{height:100%}\n"], animations: [kbqSidebarAnimations.sidebarState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
142
142
  }
143
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebar, decorators: [{
143
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebar, decorators: [{
144
144
  type: Component,
145
145
  args: [{ selector: 'kbq-sidebar', exportAs: 'kbqSidebar', host: {
146
146
  class: 'kbq-sidebar',
@@ -166,15 +166,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
166
166
  }] } });
167
167
 
168
168
  class KbqSidebarModule {
169
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
170
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarModule, declarations: [KbqSidebarClosed,
169
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
170
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarModule, declarations: [KbqSidebarClosed,
171
171
  KbqSidebarOpened,
172
172
  KbqSidebar], imports: [CommonModule], exports: [KbqSidebarClosed,
173
173
  KbqSidebarOpened,
174
174
  KbqSidebar] }); }
175
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarModule, imports: [CommonModule] }); }
175
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarModule, imports: [CommonModule] }); }
176
176
  }
177
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqSidebarModule, decorators: [{
177
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSidebarModule, decorators: [{
178
178
  type: NgModule,
179
179
  args: [{
180
180
  imports: [CommonModule],