@koobiq/components 19.4.1 → 19.5.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 (171) hide show
  1. package/LICENSE +1 -1
  2. package/accordion/accordion-content.d.ts +1 -1
  3. package/accordion/accordion-content.directive.d.ts +18 -7
  4. package/accordion/accordion-header.directive.d.ts +2 -2
  5. package/accordion/accordion-item.d.ts +74 -3
  6. package/accordion/accordion-trigger.component.d.ts +15 -2
  7. package/accordion/accordion-trigger.directive.d.ts +9 -5
  8. package/accordion/accordion.component.d.ts +67 -6
  9. package/accordion/accordion.component.scss +9 -27
  10. package/accordion/public-api.d.ts +0 -2
  11. package/checkbox/checkbox.scss +5 -5
  12. package/clamped-text/clamped-list.d.ts +41 -0
  13. package/clamped-text/clamped-text.d.ts +10 -6
  14. package/clamped-text/constants.d.ts +21 -1
  15. package/clamped-text/index.d.ts +1 -0
  16. package/clamped-text/module.d.ts +2 -1
  17. package/code-block/code-block.d.ts +10 -3
  18. package/code-block/code-block.module.d.ts +1 -1
  19. package/code-block/code-block.scss +1 -0
  20. package/code-block/types.d.ts +9 -0
  21. package/core/common-behaviors/flex.d.ts +4 -0
  22. package/core/common-behaviors/index.d.ts +1 -0
  23. package/core/form-field/form-field-ref.d.ts +3 -1
  24. package/core/locales/en-US.d.ts +2 -0
  25. package/core/locales/es-LA.d.ts +2 -0
  26. package/core/locales/locale-service.d.ts +10 -0
  27. package/core/locales/pt-BR.d.ts +2 -0
  28. package/core/locales/ru-RU.d.ts +2 -0
  29. package/core/locales/tk-TM.d.ts +2 -0
  30. package/core/locales/types.d.ts +2 -0
  31. package/core/option/_option-theme.scss +4 -17
  32. package/core/option/option.d.ts +5 -1
  33. package/core/pop-up/pop-up-trigger.d.ts +10 -1
  34. package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +2 -2
  35. package/core/styles/common/_overlay.scss +1 -1
  36. package/dropdown/dropdown.component.d.ts +2 -1
  37. package/fesm2022/koobiq-components-accordion.mjs +278 -236
  38. package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
  39. package/fesm2022/koobiq-components-actions-panel.mjs +10 -10
  40. package/fesm2022/koobiq-components-alert.mjs +16 -16
  41. package/fesm2022/koobiq-components-app-switcher.mjs +19 -19
  42. package/fesm2022/koobiq-components-app-switcher.mjs.map +1 -1
  43. package/fesm2022/koobiq-components-autocomplete.mjs +13 -13
  44. package/fesm2022/koobiq-components-badge.mjs +13 -13
  45. package/fesm2022/koobiq-components-breadcrumbs.mjs +25 -25
  46. package/fesm2022/koobiq-components-breadcrumbs.mjs.map +1 -1
  47. package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
  48. package/fesm2022/koobiq-components-button.mjs +13 -13
  49. package/fesm2022/koobiq-components-checkbox.mjs +11 -11
  50. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  51. package/fesm2022/koobiq-components-clamped-text.mjs +134 -47
  52. package/fesm2022/koobiq-components-clamped-text.mjs.map +1 -1
  53. package/fesm2022/koobiq-components-code-block.mjs +35 -16
  54. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  55. package/fesm2022/koobiq-components-content-panel.mjs +28 -28
  56. package/fesm2022/koobiq-components-core.mjs +267 -233
  57. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  58. package/fesm2022/koobiq-components-datepicker.mjs +40 -40
  59. package/fesm2022/koobiq-components-divider.mjs +7 -7
  60. package/fesm2022/koobiq-components-dl.mjs +13 -13
  61. package/fesm2022/koobiq-components-dropdown.mjs +29 -21
  62. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  63. package/fesm2022/koobiq-components-dynamic-translation.mjs +13 -13
  64. package/fesm2022/koobiq-components-ellipsis-center.mjs +7 -7
  65. package/fesm2022/koobiq-components-empty-state.mjs +19 -19
  66. package/fesm2022/koobiq-components-file-upload.mjs +39 -39
  67. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  68. package/fesm2022/koobiq-components-filter-bar.mjs +88 -88
  69. package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
  70. package/fesm2022/koobiq-components-form-field.mjs +68 -63
  71. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  72. package/fesm2022/koobiq-components-icon.mjs +14 -14
  73. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  74. package/fesm2022/koobiq-components-inline-edit.mjs +26 -16
  75. package/fesm2022/koobiq-components-inline-edit.mjs.map +1 -1
  76. package/fesm2022/koobiq-components-input.mjs +28 -26
  77. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  78. package/fesm2022/koobiq-components-link.mjs +13 -7
  79. package/fesm2022/koobiq-components-link.mjs.map +1 -1
  80. package/fesm2022/koobiq-components-list.mjs +19 -19
  81. package/fesm2022/koobiq-components-loader-overlay.mjs +16 -16
  82. package/fesm2022/koobiq-components-markdown.mjs +10 -10
  83. package/fesm2022/koobiq-components-modal.mjs +90 -63
  84. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  85. package/fesm2022/koobiq-components-navbar-ic.mjs +34 -34
  86. package/fesm2022/koobiq-components-navbar.mjs +51 -44
  87. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  88. package/fesm2022/koobiq-components-notification-center.mjs +16 -16
  89. package/fesm2022/koobiq-components-overflow-items.mjs +29 -17
  90. package/fesm2022/koobiq-components-overflow-items.mjs.map +1 -1
  91. package/fesm2022/koobiq-components-popover.mjs +16 -16
  92. package/fesm2022/koobiq-components-progress-bar.mjs +13 -13
  93. package/fesm2022/koobiq-components-progress-spinner.mjs +13 -13
  94. package/fesm2022/koobiq-components-radio.mjs +10 -10
  95. package/fesm2022/koobiq-components-resizer.mjs +10 -10
  96. package/fesm2022/koobiq-components-risk-level.mjs +7 -7
  97. package/fesm2022/koobiq-components-scrollbar.mjs +10 -10
  98. package/fesm2022/koobiq-components-search-expandable.mjs +8 -8
  99. package/fesm2022/koobiq-components-search-expandable.mjs.map +1 -1
  100. package/fesm2022/koobiq-components-select.mjs +13 -12
  101. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  102. package/fesm2022/koobiq-components-sidebar.mjs +13 -13
  103. package/fesm2022/koobiq-components-sidepanel.mjs +49 -40
  104. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  105. package/fesm2022/koobiq-components-skeleton.mjs +26 -10
  106. package/fesm2022/koobiq-components-skeleton.mjs.map +1 -1
  107. package/fesm2022/koobiq-components-split-button.mjs +7 -7
  108. package/fesm2022/koobiq-components-splitter.mjs +16 -16
  109. package/fesm2022/koobiq-components-table.mjs +10 -10
  110. package/fesm2022/koobiq-components-tabs.mjs +54 -54
  111. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  112. package/fesm2022/koobiq-components-tags.mjs +42 -45
  113. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  114. package/fesm2022/koobiq-components-textarea.mjs +10 -9
  115. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  116. package/fesm2022/koobiq-components-time-range.mjs +24 -24
  117. package/fesm2022/koobiq-components-time-range.mjs.map +1 -1
  118. package/fesm2022/koobiq-components-timepicker.mjs +10 -10
  119. package/fesm2022/koobiq-components-timezone.mjs +24 -24
  120. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  121. package/fesm2022/koobiq-components-title.mjs +7 -7
  122. package/fesm2022/koobiq-components-toast.mjs +16 -16
  123. package/fesm2022/koobiq-components-toggle.mjs +7 -7
  124. package/fesm2022/koobiq-components-tooltip.mjs +28 -18
  125. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  126. package/fesm2022/koobiq-components-top-bar.mjs +13 -13
  127. package/fesm2022/koobiq-components-tree-select.mjs +10 -9
  128. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  129. package/fesm2022/koobiq-components-tree.mjs +63 -50
  130. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  131. package/fesm2022/koobiq-components-username.mjs +27 -27
  132. package/filter-bar/pipes/pipe-date.scss +3 -15
  133. package/form-field/form-field.d.ts +7 -1
  134. package/form-field/form-field.scss +4 -0
  135. package/icon/icon-button.scss +4 -0
  136. package/inline-edit/inline-edit.d.ts +1 -0
  137. package/input/input-password.d.ts +1 -0
  138. package/input/input.d.ts +1 -0
  139. package/link/_link-theme.scss +15 -7
  140. package/link/link-tokens.scss +2 -0
  141. package/link/link.component.d.ts +4 -1
  142. package/markdown/markdown.component.d.ts +1 -1
  143. package/modal/modal-ref.class.d.ts +1 -0
  144. package/modal/modal.component.d.ts +14 -8
  145. package/modal/modal.scss +1 -0
  146. package/modal/modal.type.d.ts +5 -0
  147. package/navbar/navbar-item.component.d.ts +3 -1
  148. package/overflow-items/overflow-items.d.ts +8 -2
  149. package/package.json +4 -4
  150. package/prebuilt-themes/dark-theme.css +1 -1
  151. package/prebuilt-themes/light-theme.css +1 -1
  152. package/prebuilt-themes/theme.css +1 -1
  153. package/schematics/ng-add/index.js +4 -5
  154. package/select/select.component.d.ts +1 -0
  155. package/sidepanel/_sidepanel-theme.scss +1 -7
  156. package/sidepanel/sidepanel-config.d.ts +4 -1
  157. package/sidepanel/sidepanel.service.d.ts +0 -1
  158. package/skeleton/skeleton.d.ts +5 -0
  159. package/skeleton/skeleton.scss +3 -2
  160. package/tabs/_tabs-common.scss +2 -1
  161. package/tags/tag-input.d.ts +4 -3
  162. package/tags/tag-list.component.d.ts +1 -0
  163. package/textarea/textarea.component.d.ts +1 -0
  164. package/tooltip/tooltip.component.d.ts +2 -0
  165. package/tree/_tree-theme.scss +0 -19
  166. package/tree/tree-option.component.d.ts +9 -3
  167. package/tree/tree-option.scss +2 -5
  168. package/tree/tree-selection.component.d.ts +2 -0
  169. package/tree-select/tree-select.component.d.ts +1 -0
  170. package/accordion/accordion-item.directive.d.ts +0 -72
  171. package/accordion/accordion-root.directive.d.ts +0 -64
@@ -25,10 +25,10 @@ class KbqAutocompleteOrigin {
25
25
  constructor(elementRef) {
26
26
  this.elementRef = elementRef;
27
27
  }
28
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
29
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KbqAutocompleteOrigin, isStandalone: true, selector: "[kbqAutocompleteOrigin]", exportAs: ["kbqAutocompleteOrigin"], ngImport: i0 }); }
28
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
29
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqAutocompleteOrigin, isStandalone: true, selector: "[kbqAutocompleteOrigin]", exportAs: ["kbqAutocompleteOrigin"], ngImport: i0 }); }
30
30
  }
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
32
32
  type: Directive,
33
33
  args: [{
34
34
  selector: '[kbqAutocompleteOrigin]',
@@ -148,15 +148,15 @@ class KbqAutocomplete {
148
148
  updateFocusClass() {
149
149
  this._classList['cdk-keyboard-focused'] = this.parentFormField?.focusOrigin === 'keyboard';
150
150
  }
151
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocomplete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: KBQ_AUTOCOMPLETE_DEFAULT_OPTIONS }, { token: i1.KbqFormField, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
152
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: KbqAutocomplete, isStandalone: true, selector: "kbq-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "kbq-autocomplete" }, providers: [
151
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocomplete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: KBQ_AUTOCOMPLETE_DEFAULT_OPTIONS }, { token: i1.KbqFormField, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
152
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: KbqAutocomplete, isStandalone: true, selector: "kbq-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "kbq-autocomplete" }, providers: [
153
153
  {
154
154
  provide: KBQ_OPTION_PARENT_COMPONENT,
155
155
  useExisting: KbqAutocomplete
156
156
  }
157
157
  ], queries: [{ propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["kbqAutocomplete"], ngImport: i0, template: "<ng-template>\n <div #panel role=\"listbox\" class=\"kbq-autocomplete-panel kbq-scrollbar\" [id]=\"id\" [ngClass]=\"classList\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;min-width:100%;width:100%;max-width:none;border-radius:var(--kbq-autocomplete-size-panel-border-radius, var(--kbq-size-border-radius));max-height:var(--kbq-autocomplete-size-panel-max-height);padding:var(--kbq-size-xxs)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel .kbq-option{position:relative}.kbq-autocomplete-panel .kbq-option:before,.kbq-autocomplete-panel .kbq-option:after{position:absolute;content:\"\";width:var(--kbq-size-xxs);height:calc(100% + var(--kbq-size-3xs) * 2)}.kbq-autocomplete-panel .kbq-option:before{right:calc(100% + var(--kbq-size-3xs))}.kbq-autocomplete-panel .kbq-option:after{left:calc(100% + var(--kbq-size-3xs))}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}.kbq-autocomplete-panel{box-shadow:var(--kbq-select-panel-dropdown-shadow);background:var(--kbq-select-panel-dropdown-background)}\n", ".kbq-autocomplete-panel{--kbq-autocomplete-size-panel-padding: var(--kbq-size-xxs) 0;--kbq-autocomplete-size-panel-max-height: 256px;--kbq-autocomplete-size-panel-border-radius: var(--kbq-size-border-radius);--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
158
158
  }
159
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocomplete, decorators: [{
159
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocomplete, decorators: [{
160
160
  type: Component,
161
161
  args: [{ selector: 'kbq-autocomplete', imports: [
162
162
  NgClass
@@ -685,10 +685,10 @@ class KbqAutocompleteTrigger {
685
685
  const element = this.elementRef.nativeElement;
686
686
  return !element.readOnly && !element.disabled && !this._autocompleteDisabled;
687
687
  }
688
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteTrigger, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.NgZone }, { token: KBQ_AUTOCOMPLETE_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i1.KbqFormField, host: true, optional: true }, { token: i4.ViewportRuler }], target: i0.ɵɵFactoryTarget.Directive }); }
689
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KbqAutocompleteTrigger, isStandalone: true, selector: "input[kbqAutocomplete], textarea[kbqAutocomplete]", inputs: { autocomplete: ["kbqAutocomplete", "autocomplete"], connectedTo: ["kbqAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["kbqAutocompleteDisabled", "autocompleteDisabled"], onInputBlur: ["kbqAutocompleteOnBlur", "onInputBlur"] }, host: { listeners: { "focusin": "handleFocus()", "blur": "onTouched()", "input": "handleInput($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "attr.autocomplete": "autocompleteAttribute" }, classAttribute: "kbq-autocomplete-trigger" }, providers: [KBQ_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["kbqAutocompleteTrigger"], ngImport: i0 }); }
688
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteTrigger, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.NgZone }, { token: KBQ_AUTOCOMPLETE_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i1.KbqFormField, host: true, optional: true }, { token: i4.ViewportRuler }], target: i0.ɵɵFactoryTarget.Directive }); }
689
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqAutocompleteTrigger, isStandalone: true, selector: "input[kbqAutocomplete], textarea[kbqAutocomplete]", inputs: { autocomplete: ["kbqAutocomplete", "autocomplete"], connectedTo: ["kbqAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["kbqAutocompleteDisabled", "autocompleteDisabled"], onInputBlur: ["kbqAutocompleteOnBlur", "onInputBlur"] }, host: { listeners: { "focusin": "handleFocus()", "blur": "onTouched()", "input": "handleInput($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "attr.autocomplete": "autocompleteAttribute" }, classAttribute: "kbq-autocomplete-trigger" }, providers: [KBQ_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["kbqAutocompleteTrigger"], ngImport: i0 }); }
690
690
  }
691
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteTrigger, decorators: [{
691
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteTrigger, decorators: [{
692
692
  type: Directive,
693
693
  args: [{
694
694
  selector: `input[kbqAutocomplete], textarea[kbqAutocomplete]`,
@@ -733,8 +733,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
733
733
  }] } });
734
734
 
735
735
  class KbqAutocompleteModule {
736
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
737
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteModule, imports: [KbqOptionModule,
736
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
737
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteModule, imports: [KbqOptionModule,
738
738
  OverlayModule,
739
739
  NgClass,
740
740
  KbqAutocomplete,
@@ -743,10 +743,10 @@ class KbqAutocompleteModule {
743
743
  KbqOptionModule,
744
744
  KbqAutocompleteTrigger,
745
745
  KbqAutocompleteOrigin] }); }
746
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteModule, providers: [KBQ_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [KbqOptionModule,
746
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteModule, providers: [KBQ_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [KbqOptionModule,
747
747
  OverlayModule, KbqOptionModule] }); }
748
748
  }
749
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqAutocompleteModule, decorators: [{
749
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqAutocompleteModule, decorators: [{
750
750
  type: NgModule,
751
751
  args: [{
752
752
  imports: [
@@ -20,10 +20,10 @@ var KbqBadgeColors;
20
20
  KbqBadgeColors["Disabled"] = "disabled";
21
21
  })(KbqBadgeColors || (KbqBadgeColors = {}));
22
22
  class KbqBadgeCaption {
23
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
24
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KbqBadgeCaption, isStandalone: true, selector: "[kbq-badge-caption]", host: { classAttribute: "kbq-badge-caption" }, ngImport: i0 }); }
23
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
24
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqBadgeCaption, isStandalone: true, selector: "[kbq-badge-caption]", host: { classAttribute: "kbq-badge-caption" }, ngImport: i0 }); }
25
25
  }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeCaption, decorators: [{
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeCaption, decorators: [{
27
27
  type: Directive,
28
28
  args: [{
29
29
  selector: '[kbq-badge-caption]',
@@ -76,10 +76,10 @@ class KbqBadgeCssStyler {
76
76
  });
77
77
  }
78
78
  }
79
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeCssStyler, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
80
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KbqBadgeCssStyler, isStandalone: true, selector: "kbq-badge", queries: [{ propertyName: "icons", predicate: i0.forwardRef(() => KbqIcon) }], ngImport: i0 }); }
79
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeCssStyler, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
80
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqBadgeCssStyler, isStandalone: true, selector: "kbq-badge", queries: [{ propertyName: "icons", predicate: i0.forwardRef(() => KbqIcon) }], ngImport: i0 }); }
81
81
  }
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeCssStyler, decorators: [{
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeCssStyler, decorators: [{
83
83
  type: Directive,
84
84
  args: [{
85
85
  selector: 'kbq-badge'
@@ -102,10 +102,10 @@ class KbqBadge {
102
102
  set badgeColor(value) {
103
103
  this._badgeColor = value || KbqBadgeColors.FadeContrast;
104
104
  }
105
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
106
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: KbqBadge, isStandalone: true, selector: "kbq-badge", inputs: { compact: "compact", outline: "outline", badgeColor: "badgeColor" }, host: { properties: { "class.kbq-badge_compact": "compact", "class.kbq-badge-filled": "!outline", "class.kbq-badge-outline": "outline", "class": "badgeColor" }, classAttribute: "kbq-badge" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height);min-height:var(--kbq-badge-size-normal-height);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding);padding-left:var(--kbq-badge-size-normal-horizontal-padding);border-width:var(--kbq-badge-size-normal-border-width);border-radius:var(--kbq-badge-size-normal-border-radius)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left)}.kbq-badge.kbq-badge_compact{min-height:var(--kbq-badge-size-compact-height);height:var(--kbq-badge-size-compact-height);padding-right:var(--kbq-badge-size-compact-horizontal-padding);padding-left:var(--kbq-badge-size-compact-horizontal-padding);border-width:var(--kbq-badge-size-compact-border-width);border-radius:var(--kbq-badge-size-compact-border-radius)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color);background:var(--kbq-badge-filled-fade-on-contrast-background)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-contrast-icon)}.kbq-badge-filled.kbq-badge_fade-contrast{border:transparent}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color);background:var(--kbq-badge-filled-fade-on-theme-background)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-theme-icon)}.kbq-badge-filled.kbq-badge_fade-theme{border:transparent}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color);background:var(--kbq-badge-filled-fade-on-success-background)}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption)}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-success-icon)}.kbq-badge-filled.kbq-badge_fade-success{border:transparent}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color);background:var(--kbq-badge-filled-fade-on-warning-background)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-warning-icon)}.kbq-badge-filled.kbq-badge_fade-warning{border:transparent}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color);background:var(--kbq-badge-filled-fade-on-error-background)}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption)}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-error-icon)}.kbq-badge-filled.kbq-badge_fade-error{border:transparent}.kbq-badge-filled.kbq-badge_contrast{color:var(--kbq-badge-filled-fade-off-contrast-color);background:var(--kbq-badge-filled-fade-off-contrast-background)}.kbq-badge-filled.kbq-badge_contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-contrast-caption)}.kbq-badge-filled.kbq-badge_contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-contrast-icon)}.kbq-badge-filled.kbq-badge_contrast{border:transparent}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color);background:var(--kbq-badge-filled-fade-off-theme-background)}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption)}.kbq-badge-filled.kbq-badge_theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-theme-icon)}.kbq-badge-filled.kbq-badge_theme{border:transparent}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color);background:var(--kbq-badge-filled-fade-off-success-background)}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption)}.kbq-badge-filled.kbq-badge_success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-success-icon)}.kbq-badge-filled.kbq-badge_success{border:transparent}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color);background:var(--kbq-badge-filled-fade-off-warning-background)}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption)}.kbq-badge-filled.kbq-badge_warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-warning-icon)}.kbq-badge-filled.kbq-badge_warning{border:transparent}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color);background:var(--kbq-badge-filled-fade-off-error-background)}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption)}.kbq-badge-filled.kbq-badge_error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-error-icon)}.kbq-badge-filled.kbq-badge_error{border:transparent}.kbq-badge-filled.kbq-badge_disabled{color:var(--kbq-badge-filled-fade-off-disabled-color);background:var(--kbq-badge-filled-fade-off-disabled-background)}.kbq-badge-filled.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-disabled-caption)}.kbq-badge-filled.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-disabled-icon)}.kbq-badge-filled.kbq-badge_disabled{border:transparent}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color);background:var(--kbq-badge-outline-fade-on-contrast-background)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-contrast-icon)}.kbq-badge-outline.kbq-badge_fade-contrast{border-color:var(--kbq-badge-outline-fade-on-contrast-border)}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color);background:var(--kbq-badge-outline-fade-on-theme-background)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-theme-icon)}.kbq-badge-outline.kbq-badge_fade-theme{border-color:var(--kbq-badge-outline-fade-on-theme-border)}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color);background:var(--kbq-badge-outline-fade-on-success-background)}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption)}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-success-icon)}.kbq-badge-outline.kbq-badge_fade-success{border-color:var(--kbq-badge-outline-fade-on-success-border)}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color);background:var(--kbq-badge-outline-fade-on-warning-background)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-warning-icon)}.kbq-badge-outline.kbq-badge_fade-warning{border-color:var(--kbq-badge-outline-fade-on-warning-border)}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color);background:var(--kbq-badge-outline-fade-on-error-background)}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption)}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-error-icon)}.kbq-badge-outline.kbq-badge_fade-error{border-color:var(--kbq-badge-outline-fade-on-error-border)}.kbq-badge-outline.kbq-badge_disabled{color:var(--kbq-badge-outline-fade-on-disabled-color);background:var(--kbq-badge-outline-fade-on-disabled-background)}.kbq-badge-outline.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-disabled-caption)}.kbq-badge-outline.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-disabled-icon)}.kbq-badge-outline.kbq-badge_disabled{border-color:var(--kbq-badge-outline-fade-on-disabled-border)}.kbq-badge{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-badge_compact{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-badge{--kbq-badge-size-normal-height: var(--kbq-size-xxl);--kbq-badge-size-normal-icon-left-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-margin-right: var(--kbq-size-xxs);--kbq-badge-size-normal-icon-right-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-margin-left: var(--kbq-size-xxs);--kbq-badge-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-badge-size-normal-content-padding: var(--kbq-size-xxs);--kbq-badge-size-normal-border-width: var(--kbq-size-border-width);--kbq-badge-size-normal-border-radius: var(--kbq-size-xxs);--kbq-badge-size-compact-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-margin-right: var(--kbq-size-3xs);--kbq-badge-size-compact-icon-right-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-margin-left: var(--kbq-size-3xs);--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: var(--kbq-size-xxs);--kbq-badge-size-compact-content-padding: var(--kbq-size-3xs);--kbq-badge-size-compact-border-width: var(--kbq-size-border-width);--kbq-badge-size-compact-border-radius: var(--kbq-size-xxs);--kbq-badge-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-badge-filled-fade-off-contrast-color: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-caption: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-icon: var(--kbq-icon-on-contrast);--kbq-badge-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-badge-filled-fade-off-theme-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-success-background: var(--kbq-background-success);--kbq-badge-filled-fade-off-success-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-badge-filled-fade-off-warning-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-warning-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-warning-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-error-background: var(--kbq-background-error);--kbq-badge-filled-fade-off-error-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-off-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-badge-filled-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-badge-filled-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-badge-filled-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-badge-filled-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-badge-filled-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-filled-fade-on-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-border: var(--kbq-line-theme-fade);--kbq-badge-outline-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-badge-outline-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-badge-outline-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-badge-outline-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-border: var(--kbq-line-error-fade);--kbq-badge-outline-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-outline-fade-on-disabled-background: transparent;--kbq-badge-outline-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-border: var(--kbq-states-line-disabled);--kbq-badge-outline-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-icon: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
105
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
106
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: KbqBadge, isStandalone: true, selector: "kbq-badge", inputs: { compact: "compact", outline: "outline", badgeColor: "badgeColor" }, host: { properties: { "class.kbq-badge_compact": "compact", "class.kbq-badge-filled": "!outline", "class.kbq-badge-outline": "outline", "class": "badgeColor" }, classAttribute: "kbq-badge" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height);min-height:var(--kbq-badge-size-normal-height);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding);padding-left:var(--kbq-badge-size-normal-horizontal-padding);border-width:var(--kbq-badge-size-normal-border-width);border-radius:var(--kbq-badge-size-normal-border-radius)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left)}.kbq-badge.kbq-badge_compact{min-height:var(--kbq-badge-size-compact-height);height:var(--kbq-badge-size-compact-height);padding-right:var(--kbq-badge-size-compact-horizontal-padding);padding-left:var(--kbq-badge-size-compact-horizontal-padding);border-width:var(--kbq-badge-size-compact-border-width);border-radius:var(--kbq-badge-size-compact-border-radius)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color);background:var(--kbq-badge-filled-fade-on-contrast-background)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption)}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-contrast-icon)}.kbq-badge-filled.kbq-badge_fade-contrast{border:transparent}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color);background:var(--kbq-badge-filled-fade-on-theme-background)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption)}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-theme-icon)}.kbq-badge-filled.kbq-badge_fade-theme{border:transparent}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color);background:var(--kbq-badge-filled-fade-on-success-background)}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption)}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-success-icon)}.kbq-badge-filled.kbq-badge_fade-success{border:transparent}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color);background:var(--kbq-badge-filled-fade-on-warning-background)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption)}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-warning-icon)}.kbq-badge-filled.kbq-badge_fade-warning{border:transparent}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color);background:var(--kbq-badge-filled-fade-on-error-background)}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption)}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-on-error-icon)}.kbq-badge-filled.kbq-badge_fade-error{border:transparent}.kbq-badge-filled.kbq-badge_contrast{color:var(--kbq-badge-filled-fade-off-contrast-color);background:var(--kbq-badge-filled-fade-off-contrast-background)}.kbq-badge-filled.kbq-badge_contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-contrast-caption)}.kbq-badge-filled.kbq-badge_contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-contrast-icon)}.kbq-badge-filled.kbq-badge_contrast{border:transparent}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color);background:var(--kbq-badge-filled-fade-off-theme-background)}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption)}.kbq-badge-filled.kbq-badge_theme .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-theme-icon)}.kbq-badge-filled.kbq-badge_theme{border:transparent}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color);background:var(--kbq-badge-filled-fade-off-success-background)}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption)}.kbq-badge-filled.kbq-badge_success .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-success-icon)}.kbq-badge-filled.kbq-badge_success{border:transparent}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color);background:var(--kbq-badge-filled-fade-off-warning-background)}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption)}.kbq-badge-filled.kbq-badge_warning .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-warning-icon)}.kbq-badge-filled.kbq-badge_warning{border:transparent}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color);background:var(--kbq-badge-filled-fade-off-error-background)}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption)}.kbq-badge-filled.kbq-badge_error .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-error-icon)}.kbq-badge-filled.kbq-badge_error{border:transparent}.kbq-badge-filled.kbq-badge_disabled{color:var(--kbq-badge-filled-fade-off-disabled-color);background:var(--kbq-badge-filled-fade-off-disabled-background)}.kbq-badge-filled.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-disabled-caption)}.kbq-badge-filled.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-filled-fade-off-disabled-icon)}.kbq-badge-filled.kbq-badge_disabled{border:transparent}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color);background:var(--kbq-badge-outline-fade-on-contrast-background)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption)}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-contrast-icon)}.kbq-badge-outline.kbq-badge_fade-contrast{border-color:var(--kbq-badge-outline-fade-on-contrast-border)}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color);background:var(--kbq-badge-outline-fade-on-theme-background)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption)}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-theme-icon)}.kbq-badge-outline.kbq-badge_fade-theme{border-color:var(--kbq-badge-outline-fade-on-theme-border)}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color);background:var(--kbq-badge-outline-fade-on-success-background)}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption)}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-success-icon)}.kbq-badge-outline.kbq-badge_fade-success{border-color:var(--kbq-badge-outline-fade-on-success-border)}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color);background:var(--kbq-badge-outline-fade-on-warning-background)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption)}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-warning-icon)}.kbq-badge-outline.kbq-badge_fade-warning{border-color:var(--kbq-badge-outline-fade-on-warning-border)}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color);background:var(--kbq-badge-outline-fade-on-error-background)}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption)}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-error-icon)}.kbq-badge-outline.kbq-badge_fade-error{border-color:var(--kbq-badge-outline-fade-on-error-border)}.kbq-badge-outline.kbq-badge_disabled{color:var(--kbq-badge-outline-fade-on-disabled-color);background:var(--kbq-badge-outline-fade-on-disabled-background)}.kbq-badge-outline.kbq-badge_disabled .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-disabled-caption)}.kbq-badge-outline.kbq-badge_disabled .kbq-icon.kbq-empty{color:var(--kbq-badge-outline-fade-on-disabled-icon)}.kbq-badge-outline.kbq-badge_disabled{border-color:var(--kbq-badge-outline-fade-on-disabled-border)}.kbq-badge{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-badge_compact{font-size:var(--kbq-typography-text-compact-medium-font-size);font-style:var(--kbq-typography-text-compact-medium-font-style);font-weight:var(--kbq-typography-text-compact-medium-font-weight);line-height:var(--kbq-typography-text-compact-medium-line-height);font-family:var(--kbq-typography-text-compact-medium-font-family);text-transform:var(--kbq-typography-text-compact-medium-text-transform);font-feature-settings:var(--kbq-typography-text-compact-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-medium-letter-spacing)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-badge{--kbq-badge-size-normal-height: var(--kbq-size-xxl);--kbq-badge-size-normal-icon-left-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-left-margin-right: var(--kbq-size-xxs);--kbq-badge-size-normal-icon-right-width: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-height: var(--kbq-size-l);--kbq-badge-size-normal-icon-right-margin-left: var(--kbq-size-xxs);--kbq-badge-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-badge-size-normal-content-padding: var(--kbq-size-xxs);--kbq-badge-size-normal-border-width: var(--kbq-size-border-width);--kbq-badge-size-normal-border-radius: var(--kbq-size-xxs);--kbq-badge-size-compact-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-left-margin-right: var(--kbq-size-3xs);--kbq-badge-size-compact-icon-right-width: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-height: var(--kbq-size-l);--kbq-badge-size-compact-icon-right-margin-left: var(--kbq-size-3xs);--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: var(--kbq-size-xxs);--kbq-badge-size-compact-content-padding: var(--kbq-size-3xs);--kbq-badge-size-compact-border-width: var(--kbq-size-border-width);--kbq-badge-size-compact-border-radius: var(--kbq-size-xxs);--kbq-badge-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-badge-filled-fade-off-contrast-color: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-caption: var(--kbq-foreground-on-contrast);--kbq-badge-filled-fade-off-contrast-icon: var(--kbq-icon-on-contrast);--kbq-badge-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-badge-filled-fade-off-theme-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-theme-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-success-background: var(--kbq-background-success);--kbq-badge-filled-fade-off-success-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-success-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-badge-filled-fade-off-warning-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-warning-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-warning-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-error-background: var(--kbq-background-error);--kbq-badge-filled-fade-off-error-color: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-caption: var(--kbq-foreground-white);--kbq-badge-filled-fade-off-error-icon: var(--kbq-icon-white);--kbq-badge-filled-fade-off-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-off-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-off-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-badge-filled-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-filled-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-badge-filled-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-filled-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-filled-fade-on-success-background: var(--kbq-background-success-fade);--kbq-badge-filled-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-filled-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-badge-filled-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-filled-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-badge-filled-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-filled-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-filled-fade-on-disabled-background: var(--kbq-states-background-disabled);--kbq-badge-filled-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-filled-fade-on-disabled-icon: var(--kbq-states-icon-disabled);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-border: var(--kbq-line-theme-fade);--kbq-badge-outline-fade-on-theme-caption: var(--kbq-foreground-theme);--kbq-badge-outline-fade-on-theme-icon: var(--kbq-icon-theme);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-border: var(--kbq-line-contrast-fade);--kbq-badge-outline-fade-on-contrast-caption: var(--kbq-foreground-contrast);--kbq-badge-outline-fade-on-contrast-icon: var(--kbq-icon-contrast);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-border: var(--kbq-line-success-fade);--kbq-badge-outline-fade-on-success-caption: var(--kbq-foreground-success);--kbq-badge-outline-fade-on-success-icon: var(--kbq-icon-success);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-border: var(--kbq-line-warning-fade);--kbq-badge-outline-fade-on-warning-caption: var(--kbq-foreground-warning);--kbq-badge-outline-fade-on-warning-icon: var(--kbq-icon-warning);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-border: var(--kbq-line-error-fade);--kbq-badge-outline-fade-on-error-caption: var(--kbq-foreground-error);--kbq-badge-outline-fade-on-error-icon: var(--kbq-icon-error);--kbq-badge-outline-fade-on-disabled-background: transparent;--kbq-badge-outline-fade-on-disabled-color: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-border: var(--kbq-states-line-disabled);--kbq-badge-outline-fade-on-disabled-caption: var(--kbq-states-foreground-disabled);--kbq-badge-outline-fade-on-disabled-icon: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
107
107
  }
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadge, decorators: [{
108
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadge, decorators: [{
109
109
  type: Component,
110
110
  args: [{ selector: 'kbq-badge', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
111
111
  class: 'kbq-badge',
@@ -126,18 +126,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
126
126
  }] } });
127
127
 
128
128
  class KbqBadgeModule {
129
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
130
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeModule, imports: [A11yModule,
129
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
130
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeModule, imports: [A11yModule,
131
131
  PlatformModule,
132
132
  KbqBadge,
133
133
  KbqBadgeCaption,
134
134
  KbqBadgeCssStyler], exports: [KbqBadge,
135
135
  KbqBadgeCaption,
136
136
  KbqBadgeCssStyler] }); }
137
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeModule, imports: [A11yModule,
137
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeModule, imports: [A11yModule,
138
138
  PlatformModule] }); }
139
139
  }
140
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBadgeModule, decorators: [{
140
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBadgeModule, decorators: [{
141
141
  type: NgModule,
142
142
  args: [{
143
143
  imports: [
@@ -163,10 +163,10 @@ class RdxRovingFocusGroupDirective {
163
163
  getFocusableItemsCount() {
164
164
  return this.focusableItemsCount();
165
165
  }
166
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RdxRovingFocusGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
167
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.18", type: RdxRovingFocusGroupDirective, isStandalone: true, selector: "[rdxRovingFocusGroup]", inputs: { orientation: "orientation", dir: "dir", loop: ["loop", "loop", booleanAttribute], preventScrollOnEntryFocus: ["preventScrollOnEntryFocus", "preventScrollOnEntryFocus", booleanAttribute] }, outputs: { entryFocus: "entryFocus", currentTabStopIdChange: "currentTabStopIdChange" }, host: { listeners: { "focus": "handleFocus($event)", "blur": "handleBlur()", "mouseup": "handleMouseUp()", "mousedown": "handleMouseDown()" }, properties: { "attr.data-orientation": "dataOrientation", "attr.tabindex": "tabIndex", "attr.dir": "dir" }, styleAttribute: "outline: none;" }, ngImport: i0 }); }
166
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: RdxRovingFocusGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
167
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.19", type: RdxRovingFocusGroupDirective, isStandalone: true, selector: "[rdxRovingFocusGroup]", inputs: { orientation: "orientation", dir: "dir", loop: ["loop", "loop", booleanAttribute], preventScrollOnEntryFocus: ["preventScrollOnEntryFocus", "preventScrollOnEntryFocus", booleanAttribute] }, outputs: { entryFocus: "entryFocus", currentTabStopIdChange: "currentTabStopIdChange" }, host: { listeners: { "focus": "handleFocus($event)", "blur": "handleBlur()", "mouseup": "handleMouseUp()", "mousedown": "handleMouseDown()" }, properties: { "attr.data-orientation": "dataOrientation", "attr.tabindex": "tabIndex", "attr.dir": "dir" }, styleAttribute: "outline: none;" }, ngImport: i0 }); }
168
168
  }
169
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RdxRovingFocusGroupDirective, decorators: [{
169
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: RdxRovingFocusGroupDirective, decorators: [{
170
170
  type: Directive,
171
171
  args: [{
172
172
  selector: '[rdxRovingFocusGroup]',
@@ -294,10 +294,10 @@ class RdxRovingFocusItemDirective {
294
294
  });
295
295
  }
296
296
  }
297
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RdxRovingFocusItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
298
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.18", type: RdxRovingFocusItemDirective, isStandalone: true, selector: "[rdxRovingFocusItem]", inputs: { focusable: ["focusable", "focusable", booleanAttribute], active: ["active", "active", booleanAttribute], tabStopId: "tabStopId", allowShiftKey: ["allowShiftKey", "allowShiftKey", booleanAttribute] }, host: { listeners: { "mousedown": "handleMouseDown($event)", "keydown": "handleKeydown($event)", "focus": "onFocus()" }, properties: { "attr.tabindex": "tabIndex", "attr.data-orientation": "parent.orientation", "attr.data-active": "active", "attr.data-disabled": "!focusable ? \"\" : undefined" } }, ngImport: i0 }); }
297
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: RdxRovingFocusItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
298
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.19", type: RdxRovingFocusItemDirective, isStandalone: true, selector: "[rdxRovingFocusItem]", inputs: { focusable: ["focusable", "focusable", booleanAttribute], active: ["active", "active", booleanAttribute], tabStopId: "tabStopId", allowShiftKey: ["allowShiftKey", "allowShiftKey", booleanAttribute] }, host: { listeners: { "mousedown": "handleMouseDown($event)", "keydown": "handleKeydown($event)", "focus": "onFocus()" }, properties: { "attr.tabindex": "tabIndex", "attr.data-orientation": "parent.orientation", "attr.data-active": "active", "attr.data-disabled": "!focusable ? \"\" : undefined" } }, ngImport: i0 }); }
299
299
  }
300
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RdxRovingFocusItemDirective, decorators: [{
300
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: RdxRovingFocusItemDirective, decorators: [{
301
301
  type: Directive,
302
302
  args: [{
303
303
  selector: '[rdxRovingFocusItem]',
@@ -341,10 +341,10 @@ class KbqBreadcrumbsSeparator {
341
341
  constructor() {
342
342
  this.templateRef = inject(TemplateRef);
343
343
  }
344
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbsSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
345
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KbqBreadcrumbsSeparator, isStandalone: true, selector: "ng-template[kbqBreadcrumbsSeparator]", host: { classAttribute: "kbq-breadcrumbs-separator" }, ngImport: i0 }); }
344
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbsSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
345
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqBreadcrumbsSeparator, isStandalone: true, selector: "ng-template[kbqBreadcrumbsSeparator]", host: { classAttribute: "kbq-breadcrumbs-separator" }, ngImport: i0 }); }
346
346
  }
347
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbsSeparator, decorators: [{
347
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbsSeparator, decorators: [{
348
348
  type: Directive,
349
349
  args: [{
350
350
  selector: 'ng-template[kbqBreadcrumbsSeparator]',
@@ -368,10 +368,10 @@ class KbqBreadcrumbButton {
368
368
  this.button.kbqStyle = KbqButtonStyles.Transparent;
369
369
  }
370
370
  }
371
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
372
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KbqBreadcrumbButton, isStandalone: true, selector: "[kbq-button][kbqBreadcrumb]", host: { classAttribute: "kbq-breadcrumb-item" }, hostDirectives: [{ directive: RdxRovingFocusItemDirective, inputs: ["focusable", "focusable"] }], ngImport: i0 }); }
371
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
372
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqBreadcrumbButton, isStandalone: true, selector: "[kbq-button][kbqBreadcrumb]", host: { classAttribute: "kbq-breadcrumb-item" }, hostDirectives: [{ directive: RdxRovingFocusItemDirective, inputs: ["focusable", "focusable"] }], ngImport: i0 }); }
373
373
  }
374
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbButton, decorators: [{
374
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbButton, decorators: [{
375
375
  type: Directive,
376
376
  args: [{
377
377
  selector: '[kbq-button][kbqBreadcrumb]',
@@ -392,10 +392,10 @@ class KbqBreadcrumbView {
392
392
  constructor() {
393
393
  this.templateRef = inject(TemplateRef);
394
394
  }
395
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbView, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
396
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KbqBreadcrumbView, isStandalone: true, selector: "[kbqBreadcrumbView]", ngImport: i0 }); }
395
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbView, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
396
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqBreadcrumbView, isStandalone: true, selector: "[kbqBreadcrumbView]", ngImport: i0 }); }
397
397
  }
398
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbView, decorators: [{
398
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbView, decorators: [{
399
399
  type: Directive,
400
400
  args: [{
401
401
  selector: '[kbqBreadcrumbView]'
@@ -417,12 +417,12 @@ class KbqBreadcrumbItem {
417
417
  */
418
418
  this.routerLink = inject(RouterLink, { optional: true, host: true });
419
419
  }
420
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
421
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: KbqBreadcrumbItem, isStandalone: true, selector: "kbq-breadcrumb-item", inputs: { text: "text", disabled: ["disabled", "disabled", booleanAttribute], current: ["current", "current", booleanAttribute] }, host: { properties: { "attr.tabIndex": "null" } }, queries: [{ propertyName: "customTemplateRef", first: true, predicate: KbqBreadcrumbView, descendants: true, read: TemplateRef }], ngImport: i0, template: `
420
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
421
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: KbqBreadcrumbItem, isStandalone: true, selector: "kbq-breadcrumb-item", inputs: { text: "text", disabled: ["disabled", "disabled", booleanAttribute], current: ["current", "current", booleanAttribute] }, host: { properties: { "attr.tabIndex": "null" } }, queries: [{ propertyName: "customTemplateRef", first: true, predicate: KbqBreadcrumbView, descendants: true, read: TemplateRef }], ngImport: i0, template: `
422
422
  <ng-content />
423
423
  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
424
424
  }
425
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbItem, decorators: [{
425
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbItem, decorators: [{
426
426
  type: Component,
427
427
  args: [{
428
428
  selector: 'kbq-breadcrumb-item',
@@ -521,10 +521,10 @@ class KbqBreadcrumbs {
521
521
  getItemWidth(item) {
522
522
  return item ? item.nativeElement.offsetWidth : 0;
523
523
  }
524
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
525
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: KbqBreadcrumbs, isStandalone: true, selector: "kbq-breadcrumbs,[kbq-breadcrumbs]", inputs: { firstItemNegativeMargin: ["firstItemNegativeMargin", "firstItemNegativeMargin", booleanAttribute], size: "size", max: "max", disabled: ["disabled", "disabled", booleanAttribute], wrapMode: "wrapMode" }, host: { properties: { "class.kbq-breadcrumbs_compact": "size === \"compact\"", "class.kbq-breadcrumbs_normal": "size === \"normal\"", "class.kbq-breadcrumbs_big": "size === \"big\"", "class.kbq-breadcrumbs_wrap": "wrapMode === \"wrap\"", "class.kbq-breadcrumbs_first-item-negative-margin": "firstItemNegativeMargin", "attr.aria-label": "'breadcrumb'" }, classAttribute: "kbq-breadcrumbs" }, queries: [{ propertyName: "separator", first: true, predicate: KbqBreadcrumbsSeparator, descendants: true, read: TemplateRef }, { propertyName: "items", predicate: i0.forwardRef(() => KbqBreadcrumbItem) }], viewQueries: [{ propertyName: "result", first: true, predicate: KbqOverflowItemsResult, descendants: true, read: ElementRef }, { propertyName: "overflowItems", predicate: KbqOverflowItem, descendants: true, read: ElementRef }], hostDirectives: [{ directive: RdxRovingFocusGroupDirective }], ngImport: i0, template: "<!--\n@TODO: check when updated to Angular 20.x (#DS-4034)\nresolved SSR issue with official hack https://github.com/angular/angular/issues/50543#issuecomment-1572900259\n-->\n<ng-content />\n@if (items.length < minVisibleItems || wrapMode !== 'auto') {\n @for (item of items; track item) {\n <div class=\"kbq-breadcrumb-item__container\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: item, last: $last }\" />\n @if (!$last) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n }\n </div>\n }\n} @else {\n <div\n #kbqOverflowItems=\"kbqOverflowItems\"\n kbqOverflowItems\n reverseOverflowOrder\n class=\"layout-align-start-center\"\n [style.max-width.px]=\"maxWidth\"\n >\n <div class=\"kbq-breadcrumb-item__container\" [kbqOverflowItem]=\"0\" [order]=\"items.length\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: items.first, last: false }\" />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n <!-- @TODO delay rendering for proper elements order (#DS-3334)--->\n @if (true) {\n <div kbqOverflowItemsResult class=\"kbq-breadcrumb-item__container\">\n <button\n kbq-button\n kbqBreadcrumb\n class=\"kbq-breadcrumb__expand\"\n [kbqDropdownTriggerFor]=\"hiddenBreadcrumbsDropdown\"\n [kbqStyle]=\"KbqButtonStyles.Transparent\"\n >\n <i kbq-icon=\"kbq-ellipsis-horizontal_16\" [color]=\"KbqComponentColors.ContrastFade\"></i>\n </button>\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n\n <kbq-dropdown #hiddenBreadcrumbsDropdown=\"kbqDropdown\">\n @for (item of items; track item) {\n @if (kbqOverflowItems.hiddenItemIDs().has($index)) {\n <a kbq-dropdown-item [routerLink]=\"item.routerLink?.urlTree\" [disabled]=\"item.disabled\">\n {{ item.text }}\n </a>\n }\n }\n </kbq-dropdown>\n </div>\n }\n @for (item of itemsExcludingEdges; track item) {\n <div class=\"kbq-breadcrumb-item__container\" [kbqOverflowItem]=\"$index + 1\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: item, last: false }\" />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n }\n <div alwaysVisible class=\"kbq-breadcrumb-item__container\" [kbqOverflowItem]=\"items.length - 1\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: items.last, last: true }\" />\n </div>\n </div>\n}\n\n<ng-template #breadcrumbTemplate let-item let-last=\"last\">\n @if (item.customTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"item.customTemplateRef\" />\n } @else {\n <a\n kbq-button\n kbq-title\n kbqBreadcrumb\n [focusable]=\"!item.disabled && !last\"\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"last ? 'page' : null\"\n [disabled]=\"item.disabled || last\"\n [kbqPlacementPriority]=\"PopUpPlacements.Bottom\"\n [kbqTooltipArrow]=\"false\"\n >\n {{ item.text }}\n </a>\n }\n</ng-template>\n\n<ng-template #separatorTemplate>\n @if (separator) {\n <ng-container [ngTemplateOutlet]=\"separator\" />\n } @else {\n <i kbq-icon=\"\" class=\"kbq-breadcrumb__separator\" [color]=\"KbqComponentColors.ContrastFade\">&nbsp;/&nbsp;</i>\n }\n</ng-template>\n", styles: [".kbq-breadcrumbs{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap);flex-grow:1}.kbq-breadcrumbs .kbq-overflow-items{padding:1px}.kbq-breadcrumbs .kbq-breadcrumb-item__container{display:inline-flex;align-items:center}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-overflow-items{margin-left:var(--kbq-breadcrumb-item-negative-margin)}.kbq-breadcrumbs.kbq-breadcrumbs_wrap{flex-wrap:wrap}.kbq-breadcrumbs:not(.kbq-breadcrumbs_wrap){overflow:hidden}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{--kbq-breadcrumb-item-height: var(--kbq-size-xxl)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb__expand.kbq-button-icon{--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-xxs)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height);--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding);--kbq-button-size-border-radius: var(--kbq-breadcrumb-item-border-radius)}.kbq-breadcrumbs .kbq-breadcrumb-item:focus-visible{outline-offset:unset}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-icon-size-horizontal-padding: var(--kbq-breadcrumb-item-expand-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast-secondary);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-breadcrumb-item-icon-color);--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-item-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page],.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page]{--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page].kbq-disabled,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page].kbq-disabled{--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var( --kbq-breadcrumb-item-icon-color );--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var( --kbq-breadcrumb-item-icon-color )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-hover );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-hover )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-active );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-active )}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-expand-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-hover)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-active)}.kbq-breadcrumbs .kbq-breadcrumb_current .kbq-button.kbq-button_transparent.kbq-contrast,.kbq-breadcrumbs .kbq-breadcrumb_current .kbq-button-icon.kbq-button_transparent.kbq-contrast{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb_current{color:var(--kbq-foreground-contrast)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-breadcrumbs .kbq-breadcrumb__separator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-breadcrumbs){--kbq-breadcrumb-item-horizontal-padding: var(--kbq-size-xs);--kbq-breadcrumb-item-height: var(--kbq-size-3xl);--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-s);--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-border-radius: var(--kbq-size-xs);--kbq-breadcrumb-item-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-negative-margin: calc(-1 * var(--kbq-size-xs));--kbq-breadcrumbs-gap: 0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i4.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i4.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i4.KbqButtonDropdownTrigger, selector: "[kbq-button][kbqDropdownTriggerFor]" }, { kind: "ngmodule", type: KbqDropdownModule }, { kind: "component", type: i5.KbqDropdown, selector: "kbq-dropdown", inputs: ["navigationWithWrap", "xPosition", "yPosition", "overlapTriggerY", "overlapTriggerX", "hasBackdrop", "class", "backdropClass"], outputs: ["closed"], exportAs: ["kbqDropdown"] }, { kind: "component", type: i5.KbqDropdownItem, selector: "kbq-dropdown-item, [kbq-dropdown-item]", inputs: ["disabled"], exportAs: ["kbqDropdownItem"] }, { kind: "directive", type: i5.KbqDropdownTrigger, selector: "[kbqDropdownTriggerFor]", inputs: ["offsetX", "offsetY", "kbqDropdownTriggerData", "openByArrowDown", "kbqDropdownTriggerRestoreFocus", "kbqDropdownTriggerFor"], outputs: ["dropdownOpened", "dropdownClosed"], exportAs: ["kbqDropdownTrigger"] }, { kind: "directive", type: KbqBreadcrumbButton, selector: "[kbq-button][kbqBreadcrumb]" }, { kind: "ngmodule", type: KbqTitleModule }, { kind: "directive", type: i6.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }, { kind: "ngmodule", type: KbqOverflowItemsModule }, { kind: "directive", type: i7.KbqOverflowItems, selector: "[kbqOverflowItems]", inputs: ["reverseOverflowOrder", "debounceTime", "additionalResizeObserverTargets", "orientation"], outputs: ["changes"], exportAs: ["kbqOverflowItems"] }, { kind: "directive", type: i7.KbqOverflowItem, selector: "[kbqOverflowItem]", inputs: ["kbqOverflowItem", "order", "alwaysVisible"], exportAs: ["kbqOverflowItem"] }, { kind: "directive", type: i7.KbqOverflowItemsResult, selector: "[kbqOverflowItemsResult]", exportAs: ["kbqOverflowItemsResult"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
524
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
525
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: KbqBreadcrumbs, isStandalone: true, selector: "kbq-breadcrumbs,[kbq-breadcrumbs]", inputs: { firstItemNegativeMargin: ["firstItemNegativeMargin", "firstItemNegativeMargin", booleanAttribute], size: "size", max: "max", disabled: ["disabled", "disabled", booleanAttribute], wrapMode: "wrapMode" }, host: { properties: { "class.kbq-breadcrumbs_compact": "size === \"compact\"", "class.kbq-breadcrumbs_normal": "size === \"normal\"", "class.kbq-breadcrumbs_big": "size === \"big\"", "class.kbq-breadcrumbs_wrap": "wrapMode === \"wrap\"", "class.kbq-breadcrumbs_first-item-negative-margin": "firstItemNegativeMargin", "attr.aria-label": "'breadcrumb'" }, classAttribute: "kbq-breadcrumbs" }, queries: [{ propertyName: "separator", first: true, predicate: KbqBreadcrumbsSeparator, descendants: true, read: TemplateRef }, { propertyName: "items", predicate: i0.forwardRef(() => KbqBreadcrumbItem) }], viewQueries: [{ propertyName: "result", first: true, predicate: KbqOverflowItemsResult, descendants: true, read: ElementRef }, { propertyName: "overflowItems", predicate: KbqOverflowItem, descendants: true, read: ElementRef }], hostDirectives: [{ directive: RdxRovingFocusGroupDirective }], ngImport: i0, template: "<!--\n@TODO: check when updated to Angular 20.x (#DS-4034)\nresolved SSR issue with official hack https://github.com/angular/angular/issues/50543#issuecomment-1572900259\n-->\n<ng-content />\n@if (items.length < minVisibleItems || wrapMode !== 'auto') {\n @for (item of items; track item) {\n <div class=\"kbq-breadcrumb-item__container\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: item, last: $last }\" />\n @if (!$last) {\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n }\n </div>\n }\n} @else {\n <div\n #kbqOverflowItems=\"kbqOverflowItems\"\n kbqOverflowItems\n reverseOverflowOrder\n class=\"layout-align-start-center\"\n [style.max-width.px]=\"maxWidth\"\n >\n <div class=\"kbq-breadcrumb-item__container\" [kbqOverflowItem]=\"0\" [order]=\"items.length\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: items.first, last: false }\" />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n <!-- @TODO delay rendering for proper elements order (#DS-3334)--->\n @if (true) {\n <div kbqOverflowItemsResult class=\"kbq-breadcrumb-item__container\">\n <button\n kbq-button\n kbqBreadcrumb\n class=\"kbq-breadcrumb__expand\"\n [kbqDropdownTriggerFor]=\"hiddenBreadcrumbsDropdown\"\n [kbqStyle]=\"KbqButtonStyles.Transparent\"\n >\n <i kbq-icon=\"kbq-ellipsis-horizontal_16\" [color]=\"KbqComponentColors.ContrastFade\"></i>\n </button>\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n\n <kbq-dropdown #hiddenBreadcrumbsDropdown=\"kbqDropdown\">\n @for (item of items; track item) {\n @if (kbqOverflowItems.hiddenItemIDs().has($index)) {\n <a kbq-dropdown-item [routerLink]=\"item.routerLink?.urlTree\" [disabled]=\"item.disabled\">\n {{ item.text }}\n </a>\n }\n }\n </kbq-dropdown>\n </div>\n }\n @for (item of itemsExcludingEdges; track item) {\n <div class=\"kbq-breadcrumb-item__container\" [kbqOverflowItem]=\"$index + 1\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: item, last: false }\" />\n <ng-container [ngTemplateOutlet]=\"separatorTemplate\" />\n </div>\n }\n <div alwaysVisible class=\"kbq-breadcrumb-item__container\" [kbqOverflowItem]=\"items.length - 1\">\n <ng-container *ngTemplateOutlet=\"breadcrumbTemplate; context: { $implicit: items.last, last: true }\" />\n </div>\n </div>\n}\n\n<ng-template #breadcrumbTemplate let-item let-last=\"last\">\n @if (item.customTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"item.customTemplateRef\" />\n } @else {\n <a\n kbq-button\n kbq-title\n kbqBreadcrumb\n [focusable]=\"!item.disabled && !last\"\n [routerLink]=\"item.routerLink?.urlTree\"\n [attr.aria-current]=\"last ? 'page' : null\"\n [disabled]=\"item.disabled || last\"\n [kbqPlacementPriority]=\"PopUpPlacements.Bottom\"\n [kbqTooltipArrow]=\"false\"\n >\n {{ item.text }}\n </a>\n }\n</ng-template>\n\n<ng-template #separatorTemplate>\n @if (separator) {\n <ng-container [ngTemplateOutlet]=\"separator\" />\n } @else {\n <i kbq-icon=\"\" class=\"kbq-breadcrumb__separator\" [color]=\"KbqComponentColors.ContrastFade\">&nbsp;/&nbsp;</i>\n }\n</ng-template>\n", styles: [".kbq-breadcrumbs{display:flex;align-items:center;gap:var(--kbq-breadcrumbs-gap);flex-grow:1}.kbq-breadcrumbs .kbq-overflow-items{padding:1px}.kbq-breadcrumbs .kbq-breadcrumb-item__container{display:inline-flex;align-items:center}.kbq-breadcrumbs.kbq-breadcrumbs_first-item-negative-margin .kbq-overflow-items{margin-left:var(--kbq-breadcrumb-item-negative-margin)}.kbq-breadcrumbs.kbq-breadcrumbs_wrap{flex-wrap:wrap}.kbq-breadcrumbs:not(.kbq-breadcrumbs_wrap){overflow:hidden}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{--kbq-breadcrumb-item-height: var(--kbq-size-xxl)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb__expand.kbq-button-icon{--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-xxs)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-size-height: var(--kbq-breadcrumb-item-height);--kbq-button-size-horizontal-padding: var(--kbq-breadcrumb-item-horizontal-padding);--kbq-button-size-border-radius: var(--kbq-breadcrumb-item-border-radius)}.kbq-breadcrumbs .kbq-breadcrumb-item:focus-visible{outline-offset:unset}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-icon-size-horizontal-padding: var(--kbq-breadcrumb-item-expand-horizontal-padding)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast-secondary);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-breadcrumb-item-icon-color);--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-item-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page],.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page]{--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button[aria-current=page].kbq-disabled,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-button-icon[aria-current=page].kbq-disabled{--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var( --kbq-breadcrumb-item-icon-color );--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var( --kbq-breadcrumb-item-icon-color )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-hover );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-hover )}.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button:not(.kbq-disabled).kbq-active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb-item.kbq-dropdown-trigger.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var( --kbq-states-icon-contrast-fade-active );--kbq-button-transparent-contrast-fade-on-right-icon: var( --kbq-states-icon-contrast-fade-active )}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon{--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-breadcrumb-expand-icon-color)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-hover .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).cdk-keyboard-focused .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-hover)}.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled):active .kbq-icon,.kbq-breadcrumbs .kbq-breadcrumb__expand.kbq-button-icon:not(.kbq-disabled).kbq-active .kbq-icon{--kbq-breadcrumb-expand-icon-color: var(--kbq-states-icon-contrast-fade-active)}.kbq-breadcrumbs .kbq-breadcrumb_current .kbq-button.kbq-button_transparent.kbq-contrast,.kbq-breadcrumbs .kbq-breadcrumb_current .kbq-button-icon.kbq-button_transparent.kbq-contrast{--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast)}.kbq-breadcrumbs .kbq-breadcrumb_current{color:var(--kbq-foreground-contrast)}.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_compact .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_normal .kbq-breadcrumb-item.kbq-button-icon{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button,.kbq-breadcrumbs.kbq-breadcrumbs_big .kbq-button-icon{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-breadcrumbs .kbq-breadcrumb__separator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-breadcrumbs){--kbq-breadcrumb-item-horizontal-padding: var(--kbq-size-xs);--kbq-breadcrumb-item-height: var(--kbq-size-3xl);--kbq-breadcrumb-item-expand-horizontal-padding: var(--kbq-size-s);--kbq-breadcrumb-expand-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-border-radius: var(--kbq-size-xs);--kbq-breadcrumb-item-icon-color: var(--kbq-icon-contrast-fade);--kbq-breadcrumb-item-negative-margin: calc(-1 * var(--kbq-size-xs));--kbq-breadcrumbs-gap: 0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i4.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i4.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i4.KbqButtonDropdownTrigger, selector: "[kbq-button][kbqDropdownTriggerFor]" }, { kind: "ngmodule", type: KbqDropdownModule }, { kind: "component", type: i5.KbqDropdown, selector: "kbq-dropdown", inputs: ["navigationWithWrap", "xPosition", "yPosition", "overlapTriggerY", "overlapTriggerX", "hasBackdrop", "class", "backdropClass"], outputs: ["closed"], exportAs: ["kbqDropdown"] }, { kind: "component", type: i5.KbqDropdownItem, selector: "kbq-dropdown-item, [kbq-dropdown-item]", inputs: ["disabled"], exportAs: ["kbqDropdownItem"] }, { kind: "directive", type: i5.KbqDropdownTrigger, selector: "[kbqDropdownTriggerFor]", inputs: ["offsetX", "offsetY", "kbqDropdownTriggerData", "openByArrowDown", "kbqDropdownTriggerRestoreFocus", "kbqDropdownTriggerFor"], outputs: ["dropdownOpened", "dropdownClosed"], exportAs: ["kbqDropdownTrigger"] }, { kind: "directive", type: KbqBreadcrumbButton, selector: "[kbq-button][kbqBreadcrumb]" }, { kind: "ngmodule", type: KbqTitleModule }, { kind: "directive", type: i6.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }, { kind: "ngmodule", type: KbqOverflowItemsModule }, { kind: "directive", type: i7.KbqOverflowItems, selector: "[kbqOverflowItems]", inputs: ["reverseOverflowOrder", "debounceTime", "additionalResizeObserverTargets", "orientation", "wrap"], outputs: ["changes"], exportAs: ["kbqOverflowItems"] }, { kind: "directive", type: i7.KbqOverflowItem, selector: "[kbqOverflowItem]", inputs: ["kbqOverflowItem", "order", "alwaysVisible"], exportAs: ["kbqOverflowItem"] }, { kind: "directive", type: i7.KbqOverflowItemsResult, selector: "[kbqOverflowItemsResult]", exportAs: ["kbqOverflowItemsResult"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
526
526
  }
527
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbs, decorators: [{
527
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbs, decorators: [{
528
528
  type: Component,
529
529
  args: [{ selector: 'kbq-breadcrumbs,[kbq-breadcrumbs]', imports: [
530
530
  NgTemplateOutlet,
@@ -578,8 +578,8 @@ const COMPONENTS = [
578
578
  KbqBreadcrumbButton
579
579
  ];
580
580
  class KbqBreadcrumbsModule {
581
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
582
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbsModule, imports: [KbqBreadcrumbs,
581
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
582
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbsModule, imports: [KbqBreadcrumbs,
583
583
  KbqBreadcrumbItem,
584
584
  KbqBreadcrumbView,
585
585
  KbqBreadcrumbsSeparator,
@@ -588,9 +588,9 @@ class KbqBreadcrumbsModule {
588
588
  KbqBreadcrumbView,
589
589
  KbqBreadcrumbsSeparator,
590
590
  KbqBreadcrumbButton] }); }
591
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbsModule, imports: [KbqBreadcrumbs] }); }
591
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbsModule, imports: [KbqBreadcrumbs] }); }
592
592
  }
593
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqBreadcrumbsModule, decorators: [{
593
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqBreadcrumbsModule, decorators: [{
594
594
  type: NgModule,
595
595
  args: [{
596
596
  imports: COMPONENTS,