@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/esm2022/timezone/timezone-select.component.mjs CHANGED
@@ -7,26 +7,26 @@ import * as i1 from "@angular/cdk/overlay";
7
7
  import * as i2 from "@koobiq/components/icon";
8
8
  import * as i3 from "@angular/common";
9
9
  export class KbqTimezoneSelectTrigger {
10
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
11
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqTimezoneSelectTrigger, selector: "kbq-timezone-select-trigger", ngImport: i0 }); }
10
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
11
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTimezoneSelectTrigger, selector: "kbq-timezone-select-trigger", ngImport: i0 }); }
12
12
  }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneSelectTrigger, decorators: [{
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneSelectTrigger, decorators: [{
14
14
  type: Directive,
15
15
  args: [{ selector: 'kbq-timezone-select-trigger' }]
16
16
  }] });
17
17
  export class KbqTimezoneSelect extends KbqSelect {
18
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
19
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqTimezoneSelect, selector: "kbq-timezone-select", providers: [
18
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
19
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqTimezoneSelect, selector: "kbq-timezone-select", providers: [
20
20
  { provide: KbqFormFieldControl, useExisting: KbqTimezoneSelect },
21
21
  { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqTimezoneSelect }
22
- ], queries: [{ propertyName: "customTrigger", first: true, predicate: KbqTimezoneSelectTrigger, descendants: true }, { propertyName: "cleaner", first: true, predicate: ["kbqSelectCleaner"], descendants: true, static: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true }], exportAs: ["kbqTimezoneSelect"], usesInheritance: 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 <div class=\"kbq-select__matcher\">\n @if (empty) {\n <span class=\"kbq-select__placeholder\">\n {{ placeholder || '\\u00A0' }}\n </span>\n } @else {\n <span>\n @if (!!customTrigger) {\n <ng-content select=\"kbq-timezone-select-trigger\" />\n } @else {\n <div class=\"kbq-select__match-container\">\n <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\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 ></i>\n </div>\n </div>\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 [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n (attach)=\"onAttached()\"\n (backdropClick)=\"close()\"\n (detach)=\"close()\"\n>\n <div\n #panel\n class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n [ngClass]=\"panelClass\"\n [style.font-size.px]=\"triggerFontSize\"\n [style.transformOrigin]=\"transformOrigin\"\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\"\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 </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-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-text-font-feature-settings: var(--kbq-typography-tabular-normal-font-feature-settings);--kbq-timezone-option-font-offset-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-offset-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-offset-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-offset-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-offset-text-font-feature-settings: var( --kbq-typography-tabular-normal-font-feature-settings );--kbq-timezone-option-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-timezone-option-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-timezone-option-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-timezone-option-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-timezone-option-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-timezone-option-font-optgroup-label-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-timezone-option-font-optgroup-label-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-timezone-option-font-optgroup-label-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-timezone-option-font-optgroup-label-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-timezone-option-font-optgroup-label-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-timezone-option-font-optgroup-label-font-feature-settings: var( --kbq-typography-caps-compact-strong-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.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: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
22
+ ], queries: [{ propertyName: "customTrigger", first: true, predicate: KbqTimezoneSelectTrigger, descendants: true }, { propertyName: "cleaner", first: true, predicate: ["kbqSelectCleaner"], descendants: true, static: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true }], exportAs: ["kbqTimezoneSelect"], usesInheritance: 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 <div class=\"kbq-select__matcher\">\n @if (empty) {\n <span class=\"kbq-select__placeholder\">\n {{ placeholder || '\\u00A0' }}\n </span>\n } @else {\n <span>\n @if (!!customTrigger) {\n <ng-content select=\"kbq-timezone-select-trigger\" />\n } @else {\n <div class=\"kbq-select__match-container\">\n <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\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 ></i>\n </div>\n </div>\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 [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n (attach)=\"onAttached()\"\n (backdropClick)=\"close()\"\n (detach)=\"close()\"\n>\n <div\n #panel\n class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n [ngClass]=\"panelClass\"\n [style.font-size.px]=\"triggerFontSize\"\n [style.transformOrigin]=\"transformOrigin\"\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\"\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 </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-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-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-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);--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-text-font-feature-settings: var(--kbq-typography-tabular-normal-font-feature-settings);--kbq-timezone-option-font-offset-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-offset-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-offset-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-offset-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-offset-text-font-feature-settings: var( --kbq-typography-tabular-normal-font-feature-settings );--kbq-timezone-option-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-timezone-option-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-timezone-option-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-timezone-option-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-timezone-option-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-timezone-option-font-optgroup-label-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-timezone-option-font-optgroup-label-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-timezone-option-font-optgroup-label-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-timezone-option-font-optgroup-label-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-timezone-option-font-optgroup-label-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-timezone-option-font-optgroup-label-font-feature-settings: var( --kbq-typography-caps-compact-strong-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);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}: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);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.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: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
23
23
  }
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneSelect, decorators: [{
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneSelect, decorators: [{
25
25
  type: Component,
26
26
  args: [{ selector: 'kbq-timezone-select', exportAs: 'kbqTimezoneSelect', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
27
27
  { provide: KbqFormFieldControl, useExisting: KbqTimezoneSelect },
28
28
  { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqTimezoneSelect }
29
- ], 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 <div class=\"kbq-select__matcher\">\n @if (empty) {\n <span class=\"kbq-select__placeholder\">\n {{ placeholder || '\\u00A0' }}\n </span>\n } @else {\n <span>\n @if (!!customTrigger) {\n <ng-content select=\"kbq-timezone-select-trigger\" />\n } @else {\n <div class=\"kbq-select__match-container\">\n <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\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 ></i>\n </div>\n </div>\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 [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n (attach)=\"onAttached()\"\n (backdropClick)=\"close()\"\n (detach)=\"close()\"\n>\n <div\n #panel\n class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n [ngClass]=\"panelClass\"\n [style.font-size.px]=\"triggerFontSize\"\n [style.transformOrigin]=\"transformOrigin\"\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\"\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 </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-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-select__panel{--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-text-font-feature-settings: var(--kbq-typography-tabular-normal-font-feature-settings);--kbq-timezone-option-font-offset-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-offset-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-offset-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-offset-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-offset-text-font-feature-settings: var( --kbq-typography-tabular-normal-font-feature-settings );--kbq-timezone-option-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-timezone-option-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-timezone-option-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-timezone-option-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-timezone-option-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-timezone-option-font-optgroup-label-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-timezone-option-font-optgroup-label-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-timezone-option-font-optgroup-label-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-timezone-option-font-optgroup-label-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-timezone-option-font-optgroup-label-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-timezone-option-font-optgroup-label-font-feature-settings: var( --kbq-typography-caps-compact-strong-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}\n"] }]
29
+ ], 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 <div class=\"kbq-select__matcher\">\n @if (empty) {\n <span class=\"kbq-select__placeholder\">\n {{ placeholder || '\\u00A0' }}\n </span>\n } @else {\n <span>\n @if (!!customTrigger) {\n <ng-content select=\"kbq-timezone-select-trigger\" />\n } @else {\n <div class=\"kbq-select__match-container\">\n <span class=\"kbq-select__matcher-text\">{{ triggerValue }}</span>\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 ></i>\n </div>\n </div>\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 [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n [cdkConnectedOverlayWidth]=\"triggerRect?.width!\"\n (attach)=\"onAttached()\"\n (backdropClick)=\"close()\"\n (detach)=\"close()\"\n>\n <div\n #panel\n class=\"kbq-select__panel kbq-timezone-select__panel {{ getPanelTheme() }}\"\n [ngClass]=\"panelClass\"\n [style.font-size.px]=\"triggerFontSize\"\n [style.transformOrigin]=\"transformOrigin\"\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\"\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 </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-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{display:block;padding:var(--kbq-timezone-option-size-optgroup-label-padding, 12px 12px 4px 12px)}.kbq-timezone-option__offset,.kbq-timezone-option__city{color:var(--kbq-timezone-option-text, )}.kbq-timezone-option__cities{color:var(--kbq-timezone-option-caption, )}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{color:var(--kbq-timezone-option-optgroup-label, )}.kbq-timezone-option__offset{font-size:var(--kbq-timezone-option-font-offset-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-offset-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-offset-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-offset-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-offset-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-offset-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-offset-text-letter-spacing, -.006em)}.kbq-timezone-option__city{font-size:var(--kbq-timezone-option-font-text-font-size, 14px);font-weight:var(--kbq-timezone-option-font-text-font-weight, normal);line-height:var(--kbq-timezone-option-font-text-line-height, 20px);font-family:var(--kbq-timezone-option-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-text-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-text-font-feature-settings, \"calt\", \"ss01\", \"ss04\", \"tnum\");letter-spacing:var(--kbq-timezone-option-font-text-letter-spacing, -.006em)}.kbq-timezone-option__cities{font-size:var(--kbq-timezone-option-font-caption-font-size, 12px);font-weight:var(--kbq-timezone-option-font-caption-font-weight, normal);line-height:var(--kbq-timezone-option-font-caption-line-height, 16px);font-family:var(--kbq-timezone-option-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-caption-text-transform, );font-feature-settings:var(--kbq-timezone-option-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-caption-letter-spacing, normal)}.kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label{font-size:var(--kbq-timezone-option-font-optgroup-label-font-size, 12px);font-weight:var(--kbq-timezone-option-font-optgroup-label-font-weight, 500);line-height:var(--kbq-timezone-option-font-optgroup-label-line-height, 16px);font-family:var(--kbq-timezone-option-font-optgroup-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-timezone-option-font-optgroup-label-text-transform, uppercase);font-feature-settings:var(--kbq-timezone-option-font-optgroup-label-font-feature-settings, \"calt\", \"case\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-timezone-option-font-optgroup-label-letter-spacing, 1px)}\n", ".kbq-timezone-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-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);--kbq-timezone-option-size-padding: 6px 10px;--kbq-timezone-option-size-column-gap: 16px;--kbq-timezone-option-size-height: auto;--kbq-timezone-option-size-max-height: 5em;--kbq-timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px;--kbq-timezone-option-font-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-text-font-feature-settings: var(--kbq-typography-tabular-normal-font-feature-settings);--kbq-timezone-option-font-offset-text-font-size: var(--kbq-typography-tabular-normal-font-size);--kbq-timezone-option-font-offset-text-line-height: var(--kbq-typography-tabular-normal-line-height);--kbq-timezone-option-font-offset-text-letter-spacing: var(--kbq-typography-tabular-normal-letter-spacing);--kbq-timezone-option-font-offset-text-font-weight: var(--kbq-typography-tabular-normal-font-weight);--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);--kbq-timezone-option-font-offset-text-text-transform: var(--kbq-typography-tabular-normal-text-transform);--kbq-timezone-option-font-offset-text-font-feature-settings: var( --kbq-typography-tabular-normal-font-feature-settings );--kbq-timezone-option-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-timezone-option-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-timezone-option-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-timezone-option-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-timezone-option-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-timezone-option-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);--kbq-timezone-option-font-optgroup-label-font-size: var(--kbq-typography-caps-compact-strong-font-size);--kbq-timezone-option-font-optgroup-label-line-height: var(--kbq-typography-caps-compact-strong-line-height);--kbq-timezone-option-font-optgroup-label-letter-spacing: var(--kbq-typography-caps-compact-strong-letter-spacing);--kbq-timezone-option-font-optgroup-label-font-weight: var(--kbq-typography-caps-compact-strong-font-weight);--kbq-timezone-option-font-optgroup-label-font-family: var(--kbq-typography-caps-compact-strong-font-family);--kbq-timezone-option-font-optgroup-label-text-transform: var(--kbq-typography-caps-compact-strong-text-transform);--kbq-timezone-option-font-optgroup-label-font-feature-settings: var( --kbq-typography-caps-compact-strong-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);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}: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);--kbq-timezone-option-text: var(--kbq-foreground-contrast);--kbq-timezone-option-caption: var(--kbq-foreground-contrast-secondary);--kbq-timezone-option-optgroup-label: var(--kbq-foreground-contrast-secondary)}\n"] }]
30
30
  }], propDecorators: { customTrigger: [{
31
31
  type: ContentChild,
32
32
  args: [KbqTimezoneSelectTrigger, { static: false }]
package/esm2022/timezone/timezone.module.mjs CHANGED
@@ -14,8 +14,8 @@ import { KbqTimezoneSelect, KbqTimezoneSelectTrigger } from './timezone-select.c
14
14
  import { UtcOffsetPipe } from './utc-offset.pipe';
15
15
  import * as i0 from "@angular/core";
16
16
  export class KbqTimezoneModule {
17
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
18
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneModule, declarations: [UtcOffsetPipe,
17
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
18
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneModule, declarations: [UtcOffsetPipe,
19
19
  CitiesByFilterPipe,
20
20
  KbqTimezoneSelect,
21
21
  KbqTimezoneOption,
@@ -33,7 +33,7 @@ export class KbqTimezoneModule {
33
33
  KbqTimezoneOption,
34
34
  KbqTimezoneOptionTooltip,
35
35
  KbqTimezoneSelectTrigger] }); }
36
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneModule, imports: [OverlayModule,
36
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneModule, imports: [OverlayModule,
37
37
  KbqFormFieldModule,
38
38
  KbqOptionModule,
39
39
  KbqSelectModule,
@@ -42,7 +42,7 @@ export class KbqTimezoneModule {
42
42
  KbqToolTipModule,
43
43
  KbqHighlightModule] }); }
44
44
  }
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTimezoneModule, decorators: [{
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTimezoneModule, decorators: [{
46
46
  type: NgModule,
47
47
  args: [{
48
48
  imports: [
package/esm2022/timezone/utc-offset.pipe.mjs CHANGED
@@ -5,10 +5,10 @@ export class UtcOffsetPipe {
5
5
  transform(value) {
6
6
  return offsetFormatterAsObject(value);
7
7
  }
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: UtcOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
9
- /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: UtcOffsetPipe, name: "utcOffset" }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UtcOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
9
+ /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: UtcOffsetPipe, name: "utcOffset" }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: UtcOffsetPipe, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UtcOffsetPipe, decorators: [{
12
12
  type: Pipe,
13
13
  args: [{
14
14
  name: 'utcOffset'
package/esm2022/title/title.directive.mjs CHANGED
@@ -68,10 +68,10 @@ export class KbqTitleDirective extends KbqTooltipTrigger {
68
68
  return () => mutationObserver.disconnect();
69
69
  });
70
70
  }
71
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTitleDirective, deps: [{ token: KBQ_TITLE_TEXT_REF, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
72
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqTitleDirective, selector: "[kbq-title]", host: { listeners: { "mouseenter": "handleElementEnter()", "mouseleave": "hideTooltip()", "window:resize": "resizeStream.next($event)" } }, queries: [{ propertyName: "childContainer", first: true, predicate: ["kbqTitleText"], descendants: true, static: true }, { propertyName: "parentContainer", first: true, predicate: ["kbqTitleContainer"], descendants: true }], exportAs: ["kbqTitle"], usesInheritance: true, ngImport: i0 }); }
71
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTitleDirective, deps: [{ token: KBQ_TITLE_TEXT_REF, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
72
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTitleDirective, selector: "[kbq-title]", host: { listeners: { "mouseenter": "handleElementEnter()", "mouseleave": "hideTooltip()", "window:resize": "resizeStream.next($event)" } }, queries: [{ propertyName: "childContainer", first: true, predicate: ["kbqTitleText"], descendants: true, static: true }, { propertyName: "parentContainer", first: true, predicate: ["kbqTitleContainer"], descendants: true }], exportAs: ["kbqTitle"], usesInheritance: true, ngImport: i0 }); }
73
73
  }
74
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTitleDirective, decorators: [{
74
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTitleDirective, decorators: [{
75
75
  type: Directive,
76
76
  args: [{
77
77
  selector: '[kbq-title]',
package/esm2022/title/title.module.mjs CHANGED
@@ -3,11 +3,11 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip';
3
3
  import { KbqTitleDirective } from './title.directive';
4
4
  import * as i0 from "@angular/core";
5
5
  export class KbqTitleModule {
6
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqTitleModule, declarations: [KbqTitleDirective], imports: [KbqToolTipModule], exports: [KbqTitleDirective] }); }
8
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTitleModule, imports: [KbqToolTipModule] }); }
6
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqTitleModule, declarations: [KbqTitleDirective], imports: [KbqToolTipModule], exports: [KbqTitleDirective] }); }
8
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTitleModule, imports: [KbqToolTipModule] }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTitleModule, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTitleModule, decorators: [{
11
11
  type: NgModule,
12
12
  args: [{
13
13
  imports: [KbqToolTipModule],
package/esm2022/toast/toast-container.component.mjs CHANGED
@@ -39,10 +39,10 @@ export class KbqToastContainerComponent extends CdkScrollable {
39
39
  parent: this.injector
40
40
  });
41
41
  }
42
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastContainerComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: forwardRef(() => KbqToastService) }, { token: i0.ElementRef }, { token: i1.ScrollDispatcher }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
43
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: KbqToastContainerComponent, selector: "kbq-toast-container", host: { classAttribute: "kbq-toast-container" }, viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: '<ng-container #container />', isInline: true, styles: [".kbq-toast-container{display:flex;flex-direction:column;align-items:flex-end;margin-top:var(--kbq-toast-stack-size-margin-top, 12px);margin-right:var(--kbq-toast-stack-size-margin-right, 12px);gap:var(--kbq-toast-stack-size-gap, 8px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
42
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastContainerComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: forwardRef(() => KbqToastService) }, { token: i0.ElementRef }, { token: i1.ScrollDispatcher }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
43
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqToastContainerComponent, selector: "kbq-toast-container", host: { classAttribute: "kbq-toast-container" }, viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: '<ng-container #container />', isInline: true, styles: [".kbq-toast-container{display:flex;flex-direction:column;align-items:flex-end;margin-top:var(--kbq-toast-stack-size-margin-top, 12px);margin-right:var(--kbq-toast-stack-size-margin-right, 12px);gap:var(--kbq-toast-stack-size-gap, 8px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
44
44
  }
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastContainerComponent, decorators: [{
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastContainerComponent, decorators: [{
46
46
  type: Component,
47
47
  args: [{ selector: 'kbq-toast-container', template: '<ng-container #container />', host: {
48
48
  class: 'kbq-toast-container'
package/esm2022/toast/toast.component.mjs CHANGED
@@ -14,10 +14,10 @@ import * as i4 from "@koobiq/components/icon";
14
14
  import * as i5 from "@angular/common";
15
15
  import * as i6 from "./toast.service";
16
16
  export class KbqToastCloseButton {
17
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
18
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqToastCloseButton, selector: "[kbq-toast-close-button]", host: { classAttribute: "kbq-toast__close-button" }, ngImport: i0 }); }
17
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
18
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqToastCloseButton, selector: "[kbq-toast-close-button]", host: { classAttribute: "kbq-toast__close-button" }, ngImport: i0 }); }
19
19
  }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastCloseButton, decorators: [{
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastCloseButton, decorators: [{
21
21
  type: Directive,
22
22
  args: [{
23
23
  selector: '[kbq-toast-close-button]',
@@ -88,10 +88,10 @@ export class KbqToastComponent {
88
88
  stopFocusMonitor() {
89
89
  this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
90
90
  }
91
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastComponent, deps: [{ token: i1.KbqToastData }, { token: forwardRef(() => KbqToastService) }, { token: i0.ElementRef }, { token: i2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
92
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqToastComponent, selector: "kbq-toast", host: { listeners: { "@state.start": "onAnimation($event)", "@state.done": "onAnimation($event)", "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)", "keydown.esc": "close()" }, properties: { "class": "toastStyle", "class.kbq-toast_dismissible": "data.closeButton", "@state": "animationState" }, classAttribute: "kbq-toast" }, ngImport: i0, template: "@if (data.icon) {\n <div class=\"kbq-toast__icon-container layout-row layout-align-start-start\">\n @if (data.icon === true) {\n @switch (data.style) {\n @case ('contrast') {\n <i\n kbq-icon=\"kbq-info-circle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n @case ('success') {\n <i\n kbq-icon=\"kbq-check-circle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n @case ('warning') {\n <i\n kbq-icon=\"kbq-exclamation-triangle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n @case ('error') {\n <i\n kbq-icon=\"kbq-exclamation-triangle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n }\n }\n @if (isTemplateRef(data.icon)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.icon)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n </div>\n}\n\n<div class=\"kbq-toast__container\">\n @if (data.title) {\n <div\n kbq-title\n class=\"kbq-toast__title\"\n [class.kbq-toast__title_with-content]=\"data.caption || data.content\"\n >\n @if (isTemplateRef(data.title)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.title)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.title)) {\n <p>{{ data.title }}</p>\n }\n </div>\n }\n\n @if (data.caption) {\n <div\n kbq-title\n [class.kbq-toast__text]=\"data.title\"\n [class.kbq-toast__title]=\"!data.title\"\n >\n @if (isTemplateRef(data.caption)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.caption)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.caption)) {\n {{ data.caption }}\n }\n </div>\n }\n\n @if (data.content) {\n <div class=\"kbq-toast__content\">\n @if (isTemplateRef(data.content)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.content)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.content)) {\n {{ data.content }}\n }\n </div>\n }\n\n @if (data.actions) {\n <div class=\"kbq-toast__actions\">\n @if (isTemplateRef(data.actions)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.actions)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.actions)) {\n {{ data.actions }}\n }\n </div>\n }\n</div>\n\n@if (data.closeButton) {\n <div>\n @if (data.closeButton === true) {\n <i\n kbq-icon-button=\"kbq-xmark-s_16\"\n kbq-toast-close-button\n (click)=\"close()\"\n ></i>\n }\n @if (isTemplateRef(data.closeButton)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.closeButton)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n </div>\n}\n", styles: [".kbq-toast{display:flex;box-sizing:border-box;width:var(--kbq-toast-size-container-width, 360px);height:auto;border-radius:var(--kbq-toast-size-container-border-radius, 8px);padding-left:var(--kbq-toast-size-container-padding-left, 12px);padding-right:var(--kbq-toast-size-container-padding-right, 8px)}.kbq-toast__icon-container{flex-shrink:0;width:var(--kbq-toast-size-icon-width, 16px);max-width:var(--kbq-toast-size-icon-width, 16px);height:var(--kbq-toast-size-icon-height, 16px);max-height:var(--kbq-toast-size-icon-height, 16px);border-radius:var(--kbq-toast-size-container-border-radius, 8px);margin-right:var(--kbq-toast-size-icon-margin-right, 8px);padding-top:calc(var(--kbq-toast-size-content-padding-top, 16px) + (var(--kbq-toast-font-title-line-height, 20px) - var(--kbq-toast-size-icon-height, 16px)) / 2)}.kbq-toast__container{display:flex;flex-direction:column;flex:1;padding-top:var(--kbq-toast-size-content-padding-top, 16px);padding-right:var(--kbq-size-s, 8px);padding-bottom:var(--kbq-toast-size-content-padding-bottom, 16px);overflow:hidden}.kbq-toast__title{overflow:hidden;text-overflow:ellipsis}.kbq-toast__title>p{margin:0;overflow:hidden;text-overflow:ellipsis}.kbq-toast__title_with-content{padding-bottom:var(--kbq-toast-size-caption-padding-bottom, 4px)}.kbq-toast__text{display:flex;flex:1;align-items:center}.kbq-toast__content{display:flex;flex-direction:column}.kbq-toast__actions{display:flex;padding-top:var(--kbq-toast-size-button-stack-padding-top, 8px);gap:var(--kbq-toast-size-button-stack-content-gap-horizontal, 12px)}.kbq-toast__close-button{margin-top:calc(var(--kbq-toast-size-content-padding-top, 16px) - (var(--kbq-icon-button-size-small-vertical-padding, 4px) * 2 + 16px - var(--kbq-toast-font-title-line-height, 20px)) / 2);margin-right:var(--kbq-toast-size-close-button-margin-right, 4px)}.kbq-toast.kbq-toast_contrast{box-shadow:var(--kbq-toast-contrast-container-shadow, );background:var(--kbq-toast-contrast-container-background, )}.kbq-toast.kbq-toast_contrast .kbq-toast__title{color:var(--kbq-toast-contrast-container-title, )}.kbq-toast.kbq-toast_contrast .kbq-toast__text{color:var(--kbq-toast-contrast-container-text, )}.kbq-toast.kbq-toast_success{box-shadow:var(--kbq-toast-success-container-shadow, );background:var(--kbq-toast-success-container-background, )}.kbq-toast.kbq-toast_success .kbq-toast__title{color:var(--kbq-toast-success-container-title, )}.kbq-toast.kbq-toast_success .kbq-toast__text{color:var(--kbq-toast-success-container-text, )}.kbq-toast.kbq-toast_warning{box-shadow:var(--kbq-toast-warning-container-shadow, );background:var(--kbq-toast-warning-container-background, )}.kbq-toast.kbq-toast_warning .kbq-toast__title{color:var(--kbq-toast-warning-container-title, )}.kbq-toast.kbq-toast_warning .kbq-toast__text{color:var(--kbq-toast-warning-container-text, )}.kbq-toast.kbq-toast_error{box-shadow:var(--kbq-toast-error-container-shadow, );background:var(--kbq-toast-error-container-background, )}.kbq-toast.kbq-toast_error .kbq-toast__title{color:var(--kbq-toast-error-container-title, )}.kbq-toast.kbq-toast_error .kbq-toast__text{color:var(--kbq-toast-error-container-text, )}.kbq-toast{font-size:var(--kbq-toast-font-text-font-size, 14px);font-weight:var(--kbq-toast-font-text-font-weight, normal);line-height:var(--kbq-toast-font-text-line-height, 20px);font-family:var(--kbq-toast-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toast-font-text-text-transform, );font-feature-settings:var(--kbq-toast-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toast-font-text-letter-spacing, -.006em)}.kbq-toast__title{font-size:var(--kbq-toast-font-title-font-size, 14px);font-weight:var(--kbq-toast-font-title-font-weight, normal);line-height:var(--kbq-toast-font-title-line-height, 20px);font-family:var(--kbq-toast-font-title-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toast-font-title-text-transform, );font-feature-settings:var(--kbq-toast-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toast-font-title-letter-spacing, -.006em)}\n", ".kbq-toast{--kbq-toast-size-container-width: 360px;--kbq-toast-size-container-border-radius: var(--kbq-size-s);--kbq-toast-size-container-padding-left: var(--kbq-size-m);--kbq-toast-size-container-padding-right: var(--kbq-size-s);--kbq-toast-size-content-padding-top: var(--kbq-size-l);--kbq-toast-size-content-padding-bottom: var(--kbq-size-l);--kbq-toast-size-caption-padding-bottom: var(--kbq-size-xxs);--kbq-toast-size-icon-width: var(--kbq-size-l);--kbq-toast-size-icon-height: var(--kbq-size-l);--kbq-toast-size-icon-margin-right: var(--kbq-size-s);--kbq-toast-size-icon-border-radius: 50%;--kbq-toast-size-close-button-margin-top: var(--kbq-size-m);--kbq-toast-size-close-button-margin-right: var(--kbq-size-xxs);--kbq-toast-size-button-stack-padding-top: var(--kbq-size-s);--kbq-toast-size-button-stack-content-gap-horizontal: var(--kbq-size-m);--kbq-toast-font-title-font-size: var(--kbq-typography-text-normal-font-size);--kbq-toast-font-title-line-height: var(--kbq-typography-text-normal-line-height);--kbq-toast-font-title-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-toast-font-title-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-toast-font-title-font-family: var(--kbq-typography-text-normal-font-family);--kbq-toast-font-title-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-toast-font-title-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-toast-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-toast-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-toast-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-toast-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-toast-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-toast-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-toast-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-toast-contrast-container-background: var(--kbq-background-card);--kbq-toast-contrast-container-title: var(--kbq-foreground-contrast);--kbq-toast-contrast-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-contrast-container-shadow: var(--kbq-shadow-popup);--kbq-toast-error-container-background: var(--kbq-background-card);--kbq-toast-error-container-title: var(--kbq-foreground-contrast);--kbq-toast-error-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-error-container-shadow: var(--kbq-shadow-popup);--kbq-toast-warning-container-background: var(--kbq-background-card);--kbq-toast-warning-container-title: var(--kbq-foreground-contrast);--kbq-toast-warning-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-warning-container-shadow: var(--kbq-shadow-popup);--kbq-toast-success-container-background: var(--kbq-background-card);--kbq-toast-success-container-title: var(--kbq-foreground-contrast);--kbq-toast-success-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-success-container-shadow: var(--kbq-shadow-popup)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-toast-contrast-container-background: var(--kbq-background-card);--kbq-toast-contrast-container-title: var(--kbq-foreground-contrast);--kbq-toast-contrast-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-contrast-container-shadow: var(--kbq-shadow-popup);--kbq-toast-error-container-background: var(--kbq-background-card);--kbq-toast-error-container-title: var(--kbq-foreground-contrast);--kbq-toast-error-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-error-container-shadow: var(--kbq-shadow-popup);--kbq-toast-warning-container-background: var(--kbq-background-card);--kbq-toast-warning-container-title: var(--kbq-foreground-contrast);--kbq-toast-warning-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-warning-container-shadow: var(--kbq-shadow-popup);--kbq-toast-success-container-background: var(--kbq-background-card);--kbq-toast-success-container-title: var(--kbq-foreground-contrast);--kbq-toast-success-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-success-container-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: i3.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "component", type: i4.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["color", "small", "tabindex", "disabled"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: KbqToastCloseButton, selector: "[kbq-toast-close-button]" }], animations: [kbqToastAnimations.toastState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
91
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastComponent, deps: [{ token: i1.KbqToastData }, { token: forwardRef(() => KbqToastService) }, { token: i0.ElementRef }, { token: i2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
92
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqToastComponent, selector: "kbq-toast", host: { listeners: { "@state.start": "onAnimation($event)", "@state.done": "onAnimation($event)", "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)", "keydown.esc": "close()" }, properties: { "class": "toastStyle", "class.kbq-toast_dismissible": "data.closeButton", "@state": "animationState" }, classAttribute: "kbq-toast" }, ngImport: i0, template: "@if (data.icon) {\n <div class=\"kbq-toast__icon-container layout-row layout-align-start-start\">\n @if (data.icon === true) {\n @switch (data.style) {\n @case ('contrast') {\n <i\n kbq-icon=\"kbq-info-circle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n @case ('success') {\n <i\n kbq-icon=\"kbq-check-circle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n @case ('warning') {\n <i\n kbq-icon=\"kbq-exclamation-triangle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n @case ('error') {\n <i\n kbq-icon=\"kbq-exclamation-triangle_16\"\n class=\"kbq-toast__icon\"\n [color]=\"$any(data.style)\"\n [ngClass]=\"data.iconClass\"\n ></i>\n }\n }\n }\n @if (isTemplateRef(data.icon)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.icon)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n </div>\n}\n\n<div class=\"kbq-toast__container\">\n @if (data.title) {\n <div\n kbq-title\n class=\"kbq-toast__title\"\n [class.kbq-toast__title_with-content]=\"data.caption || data.content\"\n >\n @if (isTemplateRef(data.title)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.title)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.title)) {\n <p>{{ data.title }}</p>\n }\n </div>\n }\n\n @if (data.caption) {\n <div\n kbq-title\n [class.kbq-toast__text]=\"data.title\"\n [class.kbq-toast__title]=\"!data.title\"\n >\n @if (isTemplateRef(data.caption)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.caption)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.caption)) {\n {{ data.caption }}\n }\n </div>\n }\n\n @if (data.content) {\n <div class=\"kbq-toast__content\">\n @if (isTemplateRef(data.content)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.content)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.content)) {\n {{ data.content }}\n }\n </div>\n }\n\n @if (data.actions) {\n <div class=\"kbq-toast__actions\">\n @if (isTemplateRef(data.actions)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.actions)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n @if (!isTemplateRef(data.actions)) {\n {{ data.actions }}\n }\n </div>\n }\n</div>\n\n@if (data.closeButton) {\n <div>\n @if (data.closeButton === true) {\n <i\n kbq-icon-button=\"kbq-xmark-s_16\"\n kbq-toast-close-button\n (click)=\"close()\"\n ></i>\n }\n @if (isTemplateRef(data.closeButton)) {\n <ng-container\n [ngTemplateOutlet]=\"$any(data.closeButton)\"\n [ngTemplateOutletContext]=\"{ $implicit }\"\n />\n }\n </div>\n}\n", styles: [".kbq-toast{display:flex;box-sizing:border-box;width:var(--kbq-toast-size-container-width, 360px);height:auto;border-radius:var(--kbq-toast-size-container-border-radius, 8px);padding-left:var(--kbq-toast-size-container-padding-left, 12px);padding-right:var(--kbq-toast-size-container-padding-right, 8px)}.kbq-toast__icon-container{flex-shrink:0;width:var(--kbq-toast-size-icon-width, 16px);max-width:var(--kbq-toast-size-icon-width, 16px);height:var(--kbq-toast-size-icon-height, 16px);max-height:var(--kbq-toast-size-icon-height, 16px);border-radius:var(--kbq-toast-size-container-border-radius, 8px);margin-right:var(--kbq-toast-size-icon-margin-right, 8px);padding-top:calc(var(--kbq-toast-size-content-padding-top, 16px) + (var(--kbq-toast-font-title-line-height, 20px) - var(--kbq-toast-size-icon-height, 16px)) / 2)}.kbq-toast__container{display:flex;flex-direction:column;flex:1;padding-top:var(--kbq-toast-size-content-padding-top, 16px);padding-right:var(--kbq-size-s, 8px);padding-bottom:var(--kbq-toast-size-content-padding-bottom, 16px);overflow:hidden}.kbq-toast__title{overflow:hidden;text-overflow:ellipsis}.kbq-toast__title>p{margin:0;overflow:hidden;text-overflow:ellipsis}.kbq-toast__title_with-content{padding-bottom:var(--kbq-toast-size-caption-padding-bottom, 4px)}.kbq-toast__text{display:flex;flex:1;align-items:center}.kbq-toast__content{display:flex;flex-direction:column}.kbq-toast__actions{display:flex;padding-top:var(--kbq-toast-size-button-stack-padding-top, 8px);gap:var(--kbq-toast-size-button-stack-content-gap-horizontal, 12px)}.kbq-toast__close-button{margin-top:calc(var(--kbq-toast-size-content-padding-top, 16px) - (var(--kbq-icon-button-size-small-vertical-padding, 4px) * 2 + 16px - var(--kbq-toast-font-title-line-height, 20px)) / 2);margin-right:var(--kbq-toast-size-close-button-margin-right, 4px)}.kbq-toast.kbq-toast_contrast{box-shadow:var(--kbq-toast-contrast-container-shadow, );background:var(--kbq-toast-contrast-container-background, )}.kbq-toast.kbq-toast_contrast .kbq-toast__title{color:var(--kbq-toast-contrast-container-title, )}.kbq-toast.kbq-toast_contrast .kbq-toast__text{color:var(--kbq-toast-contrast-container-text, )}.kbq-toast.kbq-toast_success{box-shadow:var(--kbq-toast-success-container-shadow, );background:var(--kbq-toast-success-container-background, )}.kbq-toast.kbq-toast_success .kbq-toast__title{color:var(--kbq-toast-success-container-title, )}.kbq-toast.kbq-toast_success .kbq-toast__text{color:var(--kbq-toast-success-container-text, )}.kbq-toast.kbq-toast_warning{box-shadow:var(--kbq-toast-warning-container-shadow, );background:var(--kbq-toast-warning-container-background, )}.kbq-toast.kbq-toast_warning .kbq-toast__title{color:var(--kbq-toast-warning-container-title, )}.kbq-toast.kbq-toast_warning .kbq-toast__text{color:var(--kbq-toast-warning-container-text, )}.kbq-toast.kbq-toast_error{box-shadow:var(--kbq-toast-error-container-shadow, );background:var(--kbq-toast-error-container-background, )}.kbq-toast.kbq-toast_error .kbq-toast__title{color:var(--kbq-toast-error-container-title, )}.kbq-toast.kbq-toast_error .kbq-toast__text{color:var(--kbq-toast-error-container-text, )}.kbq-toast{font-size:var(--kbq-toast-font-text-font-size, 14px);font-weight:var(--kbq-toast-font-text-font-weight, normal);line-height:var(--kbq-toast-font-text-line-height, 20px);font-family:var(--kbq-toast-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toast-font-text-text-transform, );font-feature-settings:var(--kbq-toast-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toast-font-text-letter-spacing, -.006em)}.kbq-toast__title{font-size:var(--kbq-toast-font-title-font-size, 14px);font-weight:var(--kbq-toast-font-title-font-weight, normal);line-height:var(--kbq-toast-font-title-line-height, 20px);font-family:var(--kbq-toast-font-title-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toast-font-title-text-transform, );font-feature-settings:var(--kbq-toast-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toast-font-title-letter-spacing, -.006em)}\n", ".kbq-toast{--kbq-toast-size-container-width: 360px;--kbq-toast-size-container-border-radius: var(--kbq-size-s);--kbq-toast-size-container-padding-left: var(--kbq-size-m);--kbq-toast-size-container-padding-right: var(--kbq-size-s);--kbq-toast-size-content-padding-top: var(--kbq-size-l);--kbq-toast-size-content-padding-bottom: var(--kbq-size-l);--kbq-toast-size-caption-padding-bottom: var(--kbq-size-xxs);--kbq-toast-size-icon-width: var(--kbq-size-l);--kbq-toast-size-icon-height: var(--kbq-size-l);--kbq-toast-size-icon-margin-right: var(--kbq-size-s);--kbq-toast-size-icon-border-radius: 50%;--kbq-toast-size-close-button-margin-top: var(--kbq-size-m);--kbq-toast-size-close-button-margin-right: var(--kbq-size-xxs);--kbq-toast-size-button-stack-padding-top: var(--kbq-size-s);--kbq-toast-size-button-stack-content-gap-horizontal: var(--kbq-size-m);--kbq-toast-font-title-font-size: var(--kbq-typography-text-normal-font-size);--kbq-toast-font-title-line-height: var(--kbq-typography-text-normal-line-height);--kbq-toast-font-title-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-toast-font-title-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-toast-font-title-font-family: var(--kbq-typography-text-normal-font-family);--kbq-toast-font-title-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-toast-font-title-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-toast-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-toast-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-toast-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-toast-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-toast-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-toast-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-toast-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-toast-contrast-container-background: var(--kbq-background-card);--kbq-toast-contrast-container-title: var(--kbq-foreground-contrast);--kbq-toast-contrast-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-contrast-container-shadow: var(--kbq-shadow-popup);--kbq-toast-error-container-background: var(--kbq-background-card);--kbq-toast-error-container-title: var(--kbq-foreground-contrast);--kbq-toast-error-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-error-container-shadow: var(--kbq-shadow-popup);--kbq-toast-warning-container-background: var(--kbq-background-card);--kbq-toast-warning-container-title: var(--kbq-foreground-contrast);--kbq-toast-warning-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-warning-container-shadow: var(--kbq-shadow-popup);--kbq-toast-success-container-background: var(--kbq-background-card);--kbq-toast-success-container-title: var(--kbq-foreground-contrast);--kbq-toast-success-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-success-container-shadow: var(--kbq-shadow-popup)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-toast-contrast-container-background: var(--kbq-background-card);--kbq-toast-contrast-container-title: var(--kbq-foreground-contrast);--kbq-toast-contrast-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-contrast-container-shadow: var(--kbq-shadow-popup);--kbq-toast-error-container-background: var(--kbq-background-card);--kbq-toast-error-container-title: var(--kbq-foreground-contrast);--kbq-toast-error-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-error-container-shadow: var(--kbq-shadow-popup);--kbq-toast-warning-container-background: var(--kbq-background-card);--kbq-toast-warning-container-title: var(--kbq-foreground-contrast);--kbq-toast-warning-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-warning-container-shadow: var(--kbq-shadow-popup);--kbq-toast-success-container-background: var(--kbq-background-card);--kbq-toast-success-container-title: var(--kbq-foreground-contrast);--kbq-toast-success-container-text: var(--kbq-foreground-contrast-secondary);--kbq-toast-success-container-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: i3.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "component", type: i4.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["color", "small", "tabindex", "disabled"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: KbqToastCloseButton, selector: "[kbq-toast-close-button]" }], animations: [kbqToastAnimations.toastState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
93
93
  }
94
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastComponent, decorators: [{
94
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastComponent, decorators: [{
95
95
  type: Component,
96
96
  args: [{ selector: 'kbq-toast', host: {
97
97
  class: 'kbq-toast',
package/esm2022/toast/toast.module.mjs CHANGED
@@ -10,8 +10,8 @@ import { KbqToastCloseButton, KbqToastComponent } from './toast.component';
10
10
  import { KBQ_TOAST_FACTORY, KbqToastService } from './toast.service';
11
11
  import * as i0 from "@angular/core";
12
12
  export class KbqToastModule {
13
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
14
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqToastModule, declarations: [KbqToastComponent,
13
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
14
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqToastModule, declarations: [KbqToastComponent,
15
15
  KbqToastContainerComponent,
16
16
  KbqToastCloseButton], imports: [OverlayModule,
17
17
  KbqTitleModule,
@@ -22,7 +22,7 @@ export class KbqToastModule {
22
22
  NgClass], exports: [KbqToastComponent,
23
23
  KbqToastContainerComponent,
24
24
  KbqToastCloseButton] }); }
25
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastModule, providers: [
25
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastModule, providers: [
26
26
  KbqToastService,
27
27
  { provide: KBQ_TOAST_FACTORY, useFactory: (() => KbqToastComponent) }
28
28
  ], imports: [OverlayModule,
@@ -31,7 +31,7 @@ export class KbqToastModule {
31
31
  KbqIconModule,
32
32
  KbqButtonModule] }); }
33
33
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastModule, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastModule, decorators: [{
35
35
  type: NgModule,
36
36
  args: [{
37
37
  declarations: [
package/esm2022/toast/toast.service.mjs CHANGED
@@ -172,10 +172,10 @@ export class KbqToastService {
172
172
  getGlobalOverlayPosition() {
173
173
  return this.overlay.position().global();
174
174
  }
175
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i1.OverlayContainer }, { token: i0.NgZone }, { token: KBQ_TOAST_FACTORY }, { token: KBQ_TOAST_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
176
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastService, providedIn: 'root' }); }
175
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i1.OverlayContainer }, { token: i0.NgZone }, { token: KBQ_TOAST_FACTORY }, { token: KBQ_TOAST_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
176
+ /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastService, providedIn: 'root' }); }
177
177
  }
178
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToastService, decorators: [{
178
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToastService, decorators: [{
179
179
  type: Injectable,
180
180
  args: [{ providedIn: 'root' }]
181
181
  }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Injector }, { type: i1.OverlayContainer }, { type: i0.NgZone }, { type: undefined, decorators: [{
package/esm2022/toggle/toggle.component.mjs CHANGED
@@ -100,8 +100,8 @@ export class KbqToggleComponent extends KbqToggleMixinBase {
100
100
  this.onChangeCallback(this.checked);
101
101
  this.change.emit(event);
102
102
  }
103
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToggleComponent, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
104
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: KbqToggleComponent, selector: "kbq-toggle", inputs: { color: "color", tabIndex: "tabIndex", big: "big", labelPosition: "labelPosition", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], id: "id", name: "name", value: "value", disabled: "disabled", checked: "checked" }, outputs: { change: "change" }, host: { properties: { "class.kbq-toggle_big": "big", "id": "id", "attr.id": "id", "class.kbq-disabled": "disabled", "class.kbq-active": "checked" }, classAttribute: "kbq-toggle" }, providers: [
103
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToggleComponent, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
104
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqToggleComponent, selector: "kbq-toggle", inputs: { color: "color", tabIndex: "tabIndex", big: "big", labelPosition: "labelPosition", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], id: "id", name: "name", value: "value", disabled: "disabled", checked: "checked" }, outputs: { change: "change" }, host: { properties: { "class.kbq-toggle_big": "big", "id": "id", "attr.id": "id", "class.kbq-disabled": "disabled", "class.kbq-active": "checked" }, classAttribute: "kbq-toggle" }, providers: [
105
105
  {
106
106
  provide: NG_VALUE_ACCESSOR,
107
107
  useExisting: forwardRef((() => KbqToggleComponent)),
@@ -115,7 +115,7 @@ export class KbqToggleComponent extends KbqToggleMixinBase {
115
115
  ])
116
116
  ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
117
117
  }
118
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToggleComponent, decorators: [{
118
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToggleComponent, decorators: [{
119
119
  type: Component,
120
120
  args: [{ selector: 'kbq-toggle', exportAs: 'kbqToggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color', 'tabIndex'], host: {
121
121
  class: 'kbq-toggle',
package/esm2022/toggle/toggle.module.mjs CHANGED
@@ -4,11 +4,11 @@ import { KbqCommonModule } from '@koobiq/components/core';
4
4
  import { KbqToggleComponent } from './toggle.component';
5
5
  import * as i0 from "@angular/core";
6
6
  export class KbqToggleModule {
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqToggleModule, declarations: [KbqToggleComponent], imports: [A11yModule, KbqCommonModule], exports: [KbqToggleComponent] }); }
9
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToggleModule, imports: [A11yModule, KbqCommonModule] }); }
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqToggleModule, declarations: [KbqToggleComponent], imports: [A11yModule, KbqCommonModule], exports: [KbqToggleComponent] }); }
9
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToggleModule, imports: [A11yModule, KbqCommonModule] }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqToggleModule, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqToggleModule, decorators: [{
12
12
  type: NgModule,
13
13
  args: [{
14
14
  imports: [A11yModule, KbqCommonModule],