@koobiq/components 17.5.0 → 17.6.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 (144) hide show
  1. package/badge/badge-tokens.scss +1 -1
  2. package/code-block/_code-block-theme.scss +124 -143
  3. package/code-block/code-block-tokens.scss +400 -0
  4. package/code-block/code-block.scss +4 -2
  5. package/core/services/theme.service.d.ts +16 -0
  6. package/core/styles/_koobiq-theme.scss +3 -58
  7. package/divider/_divider-theme.scss +2 -4
  8. package/divider/divider-tokens.scss +14 -0
  9. package/divider/divider.scss +4 -0
  10. package/dl/_dl-theme.scss +4 -6
  11. package/dl/dl-tokens.scss +32 -0
  12. package/dl/dl.scss +5 -0
  13. package/empty-state/_empty-state-theme.scss +6 -9
  14. package/empty-state/empty-state-tokens.scss +68 -0
  15. package/empty-state/empty-state.scss +5 -0
  16. package/esm2022/badge/badge.component.mjs +2 -2
  17. package/esm2022/code-block/code-block.component.mjs +3 -3
  18. package/esm2022/core/services/theme.service.mjs +20 -3
  19. package/esm2022/core/version.mjs +2 -2
  20. package/esm2022/divider/divider.component.mjs +3 -3
  21. package/esm2022/dl/dl.component.mjs +3 -3
  22. package/esm2022/empty-state/empty-state.component.mjs +3 -3
  23. package/esm2022/file-upload/multiple-file-upload.component.mjs +3 -3
  24. package/esm2022/file-upload/single-file-upload.component.mjs +3 -3
  25. package/esm2022/form-field/form-field.mjs +2 -2
  26. package/esm2022/form-field/password-hint.mjs +8 -5
  27. package/esm2022/list/list-selection.component.mjs +3 -3
  28. package/esm2022/list/list.component.mjs +3 -3
  29. package/esm2022/loader-overlay/loader-overlay.component.mjs +3 -3
  30. package/esm2022/markdown/markdown.component.mjs +3 -3
  31. package/esm2022/modal/modal.component.mjs +3 -3
  32. package/esm2022/navbar/navbar-item.component.mjs +2 -2
  33. package/esm2022/navbar/navbar.component.mjs +3 -3
  34. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  35. package/esm2022/popover/popover.component.mjs +3 -3
  36. package/esm2022/table/table.component.mjs +3 -3
  37. package/esm2022/timezone/timezone-option.component.mjs +3 -3
  38. package/esm2022/timezone/timezone-select.component.mjs +3 -3
  39. package/esm2022/toast/toast.component.mjs +3 -3
  40. package/esm2022/toggle/toggle.component.mjs +3 -3
  41. package/esm2022/tooltip/tooltip.component.mjs +3 -3
  42. package/esm2022/tree/toggle.mjs +3 -3
  43. package/esm2022/tree/tree-option.component.mjs +3 -3
  44. package/esm2022/tree/tree-selection.component.mjs +3 -3
  45. package/esm2022/tree/tree.mjs +3 -3
  46. package/esm2022/tree-select/tree-select.component.mjs +3 -3
  47. package/fesm2022/koobiq-components-badge.mjs +2 -2
  48. package/fesm2022/koobiq-components-code-block.mjs +2 -2
  49. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  50. package/fesm2022/koobiq-components-core.mjs +21 -4
  51. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  52. package/fesm2022/koobiq-components-divider.mjs +2 -2
  53. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  54. package/fesm2022/koobiq-components-dl.mjs +2 -2
  55. package/fesm2022/koobiq-components-dl.mjs.map +1 -1
  56. package/fesm2022/koobiq-components-empty-state.mjs +2 -2
  57. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  58. package/fesm2022/koobiq-components-file-upload.mjs +4 -4
  59. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  60. package/fesm2022/koobiq-components-form-field.mjs +9 -6
  61. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  62. package/fesm2022/koobiq-components-list.mjs +4 -4
  63. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  64. package/fesm2022/koobiq-components-loader-overlay.mjs +2 -2
  65. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  66. package/fesm2022/koobiq-components-markdown.mjs +2 -2
  67. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  68. package/fesm2022/koobiq-components-modal.mjs +2 -2
  69. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  70. package/fesm2022/koobiq-components-navbar.mjs +4 -4
  71. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  72. package/fesm2022/koobiq-components-popover.mjs +4 -4
  73. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  74. package/fesm2022/koobiq-components-table.mjs +2 -2
  75. package/fesm2022/koobiq-components-table.mjs.map +1 -1
  76. package/fesm2022/koobiq-components-timezone.mjs +4 -4
  77. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  78. package/fesm2022/koobiq-components-toast.mjs +2 -2
  79. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  80. package/fesm2022/koobiq-components-toggle.mjs +2 -2
  81. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  82. package/fesm2022/koobiq-components-tooltip.mjs +2 -2
  83. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  84. package/fesm2022/koobiq-components-tree-select.mjs +2 -2
  85. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  86. package/fesm2022/koobiq-components-tree.mjs +8 -8
  87. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  88. package/file-upload/_file-upload-theme.scss +29 -112
  89. package/file-upload/file-upload-tokens.scss +159 -0
  90. package/file-upload/file-upload.scss +4 -2
  91. package/list/_list-theme.scss +14 -25
  92. package/list/list-tokens.scss +100 -0
  93. package/list/list.scss +5 -0
  94. package/loader-overlay/_loader-overlay-theme.scss +8 -23
  95. package/loader-overlay/loader-overlay-tokens.scss +58 -0
  96. package/loader-overlay/loader-overlay.scss +4 -5
  97. package/markdown/_markdown-theme.scss +29 -43
  98. package/markdown/markdown-tokens.scss +252 -0
  99. package/markdown/markdown.scss +0 -6
  100. package/modal/_modal-confirm.scss +0 -3
  101. package/modal/_modal-theme.scss +10 -12
  102. package/modal/modal-tokens.scss +53 -0
  103. package/modal/modal.scss +5 -0
  104. package/navbar/_navbar-theme.scss +15 -25
  105. package/navbar/navbar-divider.scss +0 -3
  106. package/navbar/navbar-item.scss +0 -3
  107. package/navbar/navbar-tokens.scss +83 -0
  108. package/navbar/navbar.scss +5 -3
  109. package/navbar/vertical-navbar.scss +0 -3
  110. package/package.json +4 -4
  111. package/popover/_popover-theme.scss +9 -16
  112. package/popover/popover-tokens.scss +60 -0
  113. package/popover/popover.scss +4 -5
  114. package/prebuilt-themes/dark-theme.css +1 -1
  115. package/prebuilt-themes/light-theme.css +1 -1
  116. package/schematics/ng-add/index.js +2 -2
  117. package/table/_table-theme.scss +7 -15
  118. package/table/table-tokens.scss +37 -0
  119. package/table/table.scss +4 -1
  120. package/textarea/_textarea-theme.scss +1 -1
  121. package/textarea/textarea-tokens.scss +14 -0
  122. package/textarea/textarea.scss +1 -0
  123. package/timezone/_timezone-option-theme.scss +5 -7
  124. package/timezone/timezone-option-tokens.scss +51 -0
  125. package/timezone/timezone-option.component.scss +5 -0
  126. package/timezone/timezone-select.component.scss +5 -0
  127. package/toast/_toast-theme.scss +11 -15
  128. package/toast/toast-tokens.scss +75 -0
  129. package/toast/toast.component.scss +4 -1
  130. package/toggle/_toggle-theme.scss +21 -41
  131. package/toggle/toggle-tokens.scss +142 -0
  132. package/toggle/toggle.scss +4 -1
  133. package/tooltip/_tooltip-theme.scss +13 -23
  134. package/tooltip/tooltip-tokens.scss +63 -0
  135. package/tooltip/tooltip.scss +5 -0
  136. package/tree/_tree-theme.scss +14 -21
  137. package/tree/toggle.scss +5 -0
  138. package/tree/tree-option.scss +0 -5
  139. package/tree/tree-selection.scss +5 -0
  140. package/tree/tree-tokens.scss +94 -0
  141. package/tree/tree.scss +5 -0
  142. package/tree-select/_tree-select-theme.scss +9 -16
  143. package/tree-select/tree-select-tokens.scss +59 -0
  144. package/tree-select/tree-select.scss +5 -0
package/fesm2022/koobiq-components-badge.mjs CHANGED
@@ -105,7 +105,7 @@ class KbqBadge {
105
105
  this._badgeColor = value || KbqBadgeColors.FadeContrast;
106
106
  }
107
107
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
108
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqBadge, 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, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.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{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.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{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.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{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.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{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.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{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
108
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqBadge, 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, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.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{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.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{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.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{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.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{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.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{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 70%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
109
109
  }
110
110
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqBadge, decorators: [{
111
111
  type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
115
115
  '[class.kbq-badge-filled]': '!outline',
116
116
  '[class.kbq-badge-outline]': 'outline',
117
117
  '[class]': 'badgeColor'
118
- }, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.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{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.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{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.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{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.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{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.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{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"] }]
118
+ }, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.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, );border:transparent}.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{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.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{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.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{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.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{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.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{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.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{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.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, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.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{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 70%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"] }]
119
119
  }], propDecorators: { iconItem: [{
120
120
  type: ContentChild,
121
121
  args: [KbqIconItem]
package/fesm2022/koobiq-components-code-block.mjs CHANGED
@@ -291,7 +291,7 @@ class KbqCodeBlockComponent {
291
291
  this.hoverSubscription.add(blur);
292
292
  }
293
293
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCodeBlockComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Clipboard }, { token: i0.Renderer2 }, { token: i2$1.FocusMonitor }, { token: KBQ_CODE_BLOCK_CONFIGURATION, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
294
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqCodeBlockComponent, selector: "kbq-code-block", inputs: { lineNumbers: "lineNumbers", filled: "filled", maxHeight: "maxHeight", softWrap: "softWrap", canLoad: "canLoad", codeFiles: "codeFiles" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, properties: { "class.kbq-code-block_filled": "filled", "class.kbq-code-block_outline": "!filled", "class.kbq-code-block_hide-line-numbers": "!lineNumbers", "class.kbq-code-block_single-file": "singleFile", "class.kbq-code-block_no-header": "noHeader", "class.kbq-code-block_header-with-shadow": "isTopOverflow" }, classAttribute: "kbq-code-block" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: KbqTabGroup, descendants: true }], exportAs: ["kbqCodeBlock"], ngImport: i0, template: "<kbq-tab-group\n [class.kbq-focused]=\"hasKeyboardFocus\"\n (selectedTabChange)=\"onSelectTab($event)\"\n>\n <kbq-tab\n *ngFor=\"let codeFile of codeFiles; let i = index\"\n [disabled]=\"singleFile\"\n >\n <ng-template kbq-tab-label>{{ codeFile.filename }}</ng-template>\n\n <pre\n #codeContent\n class=\"kbq-code-block__code kbq-scrollbar\"\n [class.kbq-code-block__code_soft-wrap]=\"softWrap\"\n [class.kbq-code-block__code_view-all]=\"viewAll\"\n [style.max-height]=\"getMaxHeight()\"\n (scroll)=\"checkOverflow(codeContent)\"\n ><kbq-actionbar-block\n [class.kbq-actionbar-block_floating]=\"noHeader\"\n [config]=\"config\"\n [codeFiles]=\"codeFiles\"\n [selectedTabIndex]=\"selectedTabIndex\"\n [multiLine]=\"multiLine\"\n [softWrap]=\"softWrap\"\n [canLoad]=\"canLoad\"\n [style.opacity]=\"actionbarHidden ? 0 : null\"\n (toggleSoftWrap)=\"toggleSoftWrap()\"\n (downloadCode)=\"downloadCode()\"\n (copyCode)=\"copyCode()\"\n (openExternalSystem)=\"openExternalSystem()\" /><code class=\"hljs\"\n [id]=\"codeFile.filename + '_' + i\"\n [class.hljs-line-numbers]=\"lineNumbers\"\n [highlight]=\"codeFiles[i].content\"\n [lineNumbers]=\"true\"\n [tabIndex]=\"canShowFocus(codeContent) ? 0 : -1\"\n (highlighted)=\"onHighlighted()\"\n (blur)=\"hasKeyboardFocus = false\">\n </code></pre>\n\n <div\n *ngIf=\"maxHeight\"\n class=\"kbq-code-block__show-more\"\n [class.kbq-code-block__show-more_collapsed]=\"!viewAll\"\n [class.kbq-code-block__show-more_expanded]=\"viewAll\"\n >\n <span class=\"bg-wrapper\">\n <button\n kbq-button\n [color]=\"'theme'\"\n [kbqStyle]=\"'transparent'\"\n (click)=\"onShowMoreClick(codeContent)\"\n (keydown.enter)=\"onEnter(codeContent)\"\n >\n <i\n *ngIf=\"!viewAll\"\n kbq-icon=\"mc-angle-down-L_16\"\n ></i>\n <i\n *ngIf=\"viewAll\"\n kbq-icon=\"mc-angle-up-L_16\"\n ></i>\n {{ viewAll ? config.viewLessText : config.viewAllText }}\n </button>\n </span>\n </div>\n </kbq-tab>\n</kbq-tab-group>\n", styles: [".kbq-code-block{display:block;position:relative;overflow:hidden;box-sizing:border-box;hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;border-radius:var(--kbq-code-block-size-container-border-radius, 12px);border-width:0}.kbq-code-block .kbq-tab-header{padding:calc(var(--kbq-code-block-size-header-padding-vertical, 8px) - var(--kbq-code-block-size-container-border-width, 1px)) calc(var(--kbq-code-block-size-header-padding-right, 8px) + 152px) var(--kbq-code-block-size-header-padding-vertical, 8px) var(--kbq-code-block-size-header-padding-left, 12px);border-width:var(--kbq-code-block-size-container-border-width, 1px) var(--kbq-code-block-size-container-border-width, 1px) 0 var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px) 0 0}.kbq-code-block:has(.kbq-code-block__show-more) .kbq-code-block__code>code{padding-bottom:var(--kbq-size-3xl, 32px)!important;overflow-x:scroll}.kbq-code-block:has(.kbq-code-block__show-more):has(.kbq-code-block__show-more_collapsed) .kbq-code-block__code>code{overflow-x:hidden}.kbq-code-block .kbq-code-block__code>code{padding:var(--kbq-code-block-size-with-header-content-padding-top, 4px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px) var(--kbq-code-block-size-with-header-content-padding-bottom, 16px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-code-block__code>code:focus-visible{outline:none}.kbq-code-block .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-with-header-content-content-gap-horizontal, 12px)}.kbq-code-block.kbq-code-block_hide-line-numbers .hljs-ln-line.hljs-ln-numbers{display:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:before{content:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:hover{background:transparent!important}.kbq-code-block:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-width:0;overflow:visible}.kbq-code-block.kbq-code-block_no-header .kbq-tab-header{display:none}.kbq-code-block.kbq-code-block_no-header .kbq-tab-body__wrapper{border-width:var(--kbq-code-block-size-container-border-width, 1px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code{position:relative}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code>code{padding:var(--kbq-code-block-size-no-header-content-padding-vertical, 14px) var(--kbq-code-block-size-no-header-content-padding-horizontal, 20px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-no-header-content-content-gap-horizontal, 12px)}.kbq-code-block:not(:has(.kbq-code-block__show-more)) .kbq-code-block__code{overflow-y:auto}.kbq-code-block pre{margin:0}.kbq-code-block .kbq-tab-body__wrapper{flex-direction:column;border-width:var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:0 0 var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-tab-body.kbq-tab-body__active{position:unset}.kbq-code-block__code{overflow-y:hidden}.kbq-code-block__code.kbq-code-block__code_view-all{max-height:unset;overflow-y:auto}.kbq-code-block__code.kbq-code-block__code_soft-wrap{white-space:pre-wrap}.kbq-code-block__code .hljs-ln{border-collapse:unset}.kbq-code-block__code .hljs-ln .hljs{padding:0}.kbq-code-block__code .hljs-ln-numbers{vertical-align:baseline;text-align:right}.kbq-code-block__code .hljs-ln-n:before{white-space:nowrap}.kbq-code-block__show-more{display:flex;justify-content:center;width:100%;position:absolute;bottom:0;border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block__show-more.kbq-code-block__show-more_collapsed{padding-top:var(--kbq-code-block-size-collapse-collapsed-padding-top, 32px);padding-bottom:var(--kbq-code-block-size-collapse-collapsed-padding-bottom, 16px)}.kbq-code-block__show-more.kbq-code-block__show-more_expanded{padding-top:var(--kbq-code-block-size-collapse-expanded-padding-top, 0);margin-bottom:var(--kbq-code-block-size-collapse-expanded-padding-bottom, 16px)}.kbq-code-block__show-more .bg-wrapper{border-radius:var(--kbq-button-size-border-radius, 8px)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i6.Highlight, selector: "[highlight]", inputs: ["highlight", "languages", "lineNumbers"], outputs: ["highlighted"] }, { kind: "component", type: i7.KbqTabGroup, selector: "kbq-tab-group", inputs: ["disabled", "transparent", "onSurface", "dynamicHeight", "selectedIndex", "activeTab", "headerPosition", "animationDuration"], outputs: ["selectedIndexChange", "activeTabChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["kbqTabGroup"] }, { kind: "directive", type: i7.KbqTabLabel, selector: "[kbq-tab-label], [kbqTabLabel]" }, { kind: "component", type: i7.KbqTab, selector: "kbq-tab", inputs: ["disabled", "tooltipTitle", "tooltipPlacement", "label", "empty", "tabId"], exportAs: ["kbqTab"] }, { kind: "component", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: ["config", "codeFiles", "selectedTabIndex", "multiLine", "softWrap", "canLoad"], outputs: ["toggleSoftWrap", "downloadCode", "copyCode", "openExternalSystem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
294
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqCodeBlockComponent, selector: "kbq-code-block", inputs: { lineNumbers: "lineNumbers", filled: "filled", maxHeight: "maxHeight", softWrap: "softWrap", canLoad: "canLoad", codeFiles: "codeFiles" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, properties: { "class.kbq-code-block_filled": "filled", "class.kbq-code-block_outline": "!filled", "class.kbq-code-block_hide-line-numbers": "!lineNumbers", "class.kbq-code-block_single-file": "singleFile", "class.kbq-code-block_no-header": "noHeader", "class.kbq-code-block_header-with-shadow": "isTopOverflow" }, classAttribute: "kbq-code-block" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: KbqTabGroup, descendants: true }], exportAs: ["kbqCodeBlock"], ngImport: i0, template: "<kbq-tab-group\n [class.kbq-focused]=\"hasKeyboardFocus\"\n (selectedTabChange)=\"onSelectTab($event)\"\n>\n <kbq-tab\n *ngFor=\"let codeFile of codeFiles; let i = index\"\n [disabled]=\"singleFile\"\n >\n <ng-template kbq-tab-label>{{ codeFile.filename }}</ng-template>\n\n <pre\n #codeContent\n class=\"kbq-code-block__code kbq-scrollbar\"\n [class.kbq-code-block__code_soft-wrap]=\"softWrap\"\n [class.kbq-code-block__code_view-all]=\"viewAll\"\n [style.max-height]=\"getMaxHeight()\"\n (scroll)=\"checkOverflow(codeContent)\"\n ><kbq-actionbar-block\n [class.kbq-actionbar-block_floating]=\"noHeader\"\n [config]=\"config\"\n [codeFiles]=\"codeFiles\"\n [selectedTabIndex]=\"selectedTabIndex\"\n [multiLine]=\"multiLine\"\n [softWrap]=\"softWrap\"\n [canLoad]=\"canLoad\"\n [style.opacity]=\"actionbarHidden ? 0 : null\"\n (toggleSoftWrap)=\"toggleSoftWrap()\"\n (downloadCode)=\"downloadCode()\"\n (copyCode)=\"copyCode()\"\n (openExternalSystem)=\"openExternalSystem()\" /><code class=\"hljs\"\n [id]=\"codeFile.filename + '_' + i\"\n [class.hljs-line-numbers]=\"lineNumbers\"\n [highlight]=\"codeFiles[i].content\"\n [lineNumbers]=\"true\"\n [tabIndex]=\"canShowFocus(codeContent) ? 0 : -1\"\n (highlighted)=\"onHighlighted()\"\n (blur)=\"hasKeyboardFocus = false\">\n </code></pre>\n\n <div\n *ngIf=\"maxHeight\"\n class=\"kbq-code-block__show-more\"\n [class.kbq-code-block__show-more_collapsed]=\"!viewAll\"\n [class.kbq-code-block__show-more_expanded]=\"viewAll\"\n >\n <span class=\"bg-wrapper\">\n <button\n kbq-button\n [color]=\"'theme'\"\n [kbqStyle]=\"'transparent'\"\n (click)=\"onShowMoreClick(codeContent)\"\n (keydown.enter)=\"onEnter(codeContent)\"\n >\n <i\n *ngIf=\"!viewAll\"\n kbq-icon=\"mc-angle-down-L_16\"\n ></i>\n <i\n *ngIf=\"viewAll\"\n kbq-icon=\"mc-angle-up-L_16\"\n ></i>\n {{ viewAll ? config.viewLessText : config.viewAllText }}\n </button>\n </span>\n </div>\n </kbq-tab>\n</kbq-tab-group>\n", styles: [".kbq-code-block{display:block;position:relative;overflow:hidden;box-sizing:border-box;hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;border-radius:var(--kbq-code-block-size-container-border-radius, 12px);border-width:0}.kbq-code-block .kbq-tab-header{padding:calc(var(--kbq-code-block-size-header-padding-vertical, 8px) - var(--kbq-code-block-size-container-border-width, 1px)) calc(var(--kbq-code-block-size-header-padding-right, 8px) + 152px) var(--kbq-code-block-size-header-padding-vertical, 8px) var(--kbq-code-block-size-header-padding-left, 12px);border-width:var(--kbq-code-block-size-container-border-width, 1px) var(--kbq-code-block-size-container-border-width, 1px) 0 var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px) 0 0}.kbq-code-block:has(.kbq-code-block__show-more) .kbq-code-block__code>code{padding-bottom:var(--kbq-size-3xl, 32px)!important;overflow-x:scroll}.kbq-code-block:has(.kbq-code-block__show-more):has(.kbq-code-block__show-more_collapsed) .kbq-code-block__code>code{overflow-x:hidden}.kbq-code-block .kbq-code-block__code>code{padding:var(--kbq-code-block-size-with-header-content-padding-top, 4px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px) var(--kbq-code-block-size-with-header-content-padding-bottom, 16px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-code-block__code>code:focus-visible{outline:none}.kbq-code-block .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-with-header-content-content-gap-horizontal, 12px)}.kbq-code-block.kbq-code-block_hide-line-numbers .hljs-ln-line.hljs-ln-numbers{display:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:before{content:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:hover{background:transparent!important}.kbq-code-block:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-width:0;overflow:visible}.kbq-code-block.kbq-code-block_no-header .kbq-tab-header{display:none}.kbq-code-block.kbq-code-block_no-header .kbq-tab-body__wrapper{border-width:var(--kbq-code-block-size-container-border-width, 1px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code{position:relative}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code>code{padding:var(--kbq-code-block-size-no-header-content-padding-vertical, 14px) var(--kbq-code-block-size-no-header-content-padding-horizontal, 20px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-no-header-content-content-gap-horizontal, 12px)}.kbq-code-block:not(:has(.kbq-code-block__show-more)) .kbq-code-block__code{overflow-y:auto}.kbq-code-block pre{margin:0}.kbq-code-block .kbq-tab-body__wrapper{flex-direction:column;border-width:var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:0 0 var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-tab-body.kbq-tab-body__active{position:unset}.kbq-code-block__code{overflow-y:hidden}.kbq-code-block__code.kbq-code-block__code_view-all{max-height:unset;overflow-y:auto}.kbq-code-block__code.kbq-code-block__code_soft-wrap{white-space:pre-wrap}.kbq-code-block__code .hljs-ln{border-collapse:unset}.kbq-code-block__code .hljs-ln .hljs{padding:0}.kbq-code-block__code .hljs-ln-numbers{vertical-align:baseline;text-align:right}.kbq-code-block__code .hljs-ln-n:before{white-space:nowrap}.kbq-code-block__show-more{display:flex;justify-content:center;width:100%;position:absolute;bottom:0;border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block__show-more.kbq-code-block__show-more_collapsed{padding-top:var(--kbq-code-block-size-collapse-collapsed-padding-top, 32px);padding-bottom:var(--kbq-code-block-size-collapse-collapsed-padding-bottom, 16px)}.kbq-code-block__show-more.kbq-code-block__show-more_expanded{padding-top:var(--kbq-code-block-size-collapse-expanded-padding-top, 0);margin-bottom:var(--kbq-code-block-size-collapse-expanded-padding-bottom, 16px)}.kbq-code-block__show-more .bg-wrapper{border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-code-block .hljs{display:block;overflow-x:auto}.kbq-code-block .hljs-addition{background-color:var(--kbq-code-block-hljs-addition-background, );color:var(--kbq-code-block-hljs-addition-color, )}.kbq-code-block .hljs-attr{background-color:var(--kbq-code-block-hljs-attr-background, );color:var(--kbq-code-block-hljs-attr-color, )}.kbq-code-block .hljs-attribute{background-color:var(--kbq-code-block-hljs-attribute-background, );color:var(--kbq-code-block-hljs-attribute-color, )}.kbq-code-block .hljs-built_in{background-color:var(--kbq-code-block-hljs-built_in-background, );color:var(--kbq-code-block-hljs-built_in-color, )}.kbq-code-block .hljs-bullet{background-color:var(--kbq-code-block-hljs-bullet-background, );color:var(--kbq-code-block-hljs-bullet-color, )}.kbq-code-block .hljs-char-escape{background-color:var(--kbq-code-block-hljs-char-escape-background, );color:var(--kbq-code-block-hljs-char-escape-color, )}.kbq-code-block .hljs-class{background-color:var(--kbq-code-block-hljs-class-background, );color:var(--kbq-code-block-hljs-class-color, )}.kbq-code-block .hljs-code{background-color:var(--kbq-code-block-hljs-code-background, );color:var(--kbq-code-block-hljs-code-color, )}.kbq-code-block .hljs-comment{background-color:var(--kbq-code-block-hljs-comment-background, );color:var(--kbq-code-block-hljs-comment-color, )}.kbq-code-block .hljs-deletion{background-color:var(--kbq-code-block-hljs-deletion-background, );color:var(--kbq-code-block-hljs-deletion-color, )}.kbq-code-block .hljs-doctag{background-color:var(--kbq-code-block-hljs-doctag-background, );color:var(--kbq-code-block-hljs-doctag-color, )}.kbq-code-block .hljs-emphasis{background-color:var(--kbq-code-block-hljs-emphasis-background, );color:var(--kbq-code-block-hljs-emphasis-color, )}.kbq-code-block .hljs-formula{background-color:var(--kbq-code-block-hljs-formula-background, );color:var(--kbq-code-block-hljs-formula-color, )}.kbq-code-block .hljs-function{background-color:var(--kbq-code-block-hljs-function-background, );color:var(--kbq-code-block-hljs-function-color, )}.kbq-code-block .hljs-keyword{background-color:var(--kbq-code-block-hljs-keyword-background, );color:var(--kbq-code-block-hljs-keyword-color, )}.kbq-code-block .hljs-link{background-color:var(--kbq-code-block-hljs-link-background, );color:var(--kbq-code-block-hljs-link-color, )}.kbq-code-block .hljs-literal{background-color:var(--kbq-code-block-hljs-literal-background, );color:var(--kbq-code-block-hljs-literal-color, )}.kbq-code-block .hljs-meta{background-color:var(--kbq-code-block-hljs-meta-background, );color:var(--kbq-code-block-hljs-meta-color, )}.kbq-code-block .hljs-meta-keyword{background-color:var(--kbq-code-block-hljs-meta-keyword-background, );color:var(--kbq-code-block-hljs-meta-keyword-color, )}.kbq-code-block .hljs-meta-string{background-color:var(--kbq-code-block-hljs-meta-string-background, );color:var(--kbq-code-block-hljs-meta-string-color, )}.kbq-code-block .hljs-meta-prompt{background-color:var(--kbq-code-block-hljs-meta-prompt-background, );color:var(--kbq-code-block-hljs-meta-prompt-color, )}.kbq-code-block .hljs-name{background-color:var(--kbq-code-block-hljs-name-background, );color:var(--kbq-code-block-hljs-name-color, )}.kbq-code-block .hljs-number{background-color:var(--kbq-code-block-hljs-number-background, );color:var(--kbq-code-block-hljs-number-color, )}.kbq-code-block .hljs-operator{background-color:var(--kbq-code-block-hljs-operator-background, );color:var(--kbq-code-block-hljs-operator-color, )}.kbq-code-block .hljs-params{background-color:var(--kbq-code-block-hljs-params-background, );color:var(--kbq-code-block-hljs-params-color, )}.kbq-code-block .hljs-property{background-color:var(--kbq-code-block-hljs-property-background, );color:var(--kbq-code-block-hljs-property-color, )}.kbq-code-block .hljs-punctuation{background-color:var(--kbq-code-block-hljs-punctuation-background, );color:var(--kbq-code-block-hljs-punctuation-color, )}.kbq-code-block .hljs-quote{background-color:var(--kbq-code-block-hljs-quote-background, );color:var(--kbq-code-block-hljs-quote-color, )}.kbq-code-block .hljs-regexp{background-color:var(--kbq-code-block-hljs-regexp-background, );color:var(--kbq-code-block-hljs-regexp-color, )}.kbq-code-block .hljs-section{background-color:var(--kbq-code-block-hljs-section-background, );color:var(--kbq-code-block-hljs-section-color, )}.kbq-code-block .hljs-selector-attr{background-color:var(--kbq-code-block-hljs-selector-attr-background, );color:var(--kbq-code-block-hljs-selector-attr-color, )}.kbq-code-block .hljs-selector-class{background-color:var(--kbq-code-block-hljs-selector-class-background, );color:var(--kbq-code-block-hljs-selector-class-color, )}.kbq-code-block .hljs-selector-id{background-color:var(--kbq-code-block-hljs-selector-id-background, );color:var(--kbq-code-block-hljs-selector-id-color, )}.kbq-code-block .hljs-selector-pseudo{background-color:var(--kbq-code-block-hljs-selector-pseudo-background, );color:var(--kbq-code-block-hljs-selector-pseudo-color, )}.kbq-code-block .hljs-selector-tag{background-color:var(--kbq-code-block-hljs-selector-tag-background, );color:var(--kbq-code-block-hljs-selector-tag-color, )}.kbq-code-block .hljs-string{background-color:var(--kbq-code-block-hljs-string-background, );color:var(--kbq-code-block-hljs-string-color, )}.kbq-code-block .hljs-strong{background-color:var(--kbq-code-block-hljs-strong-background, );color:var(--kbq-code-block-hljs-strong-color, )}.kbq-code-block .hljs-subst{background-color:var(--kbq-code-block-hljs-subst-background, );color:var(--kbq-code-block-hljs-subst-color, )}.kbq-code-block .hljs-symbol{background-color:var(--kbq-code-block-hljs-symbol-background, );color:var(--kbq-code-block-hljs-symbol-color, )}.kbq-code-block .hljs-tag{background-color:var(--kbq-code-block-hljs-tag-background, );color:var(--kbq-code-block-hljs-tag-color, )}.kbq-code-block .hljs-template-tag{background-color:var(--kbq-code-block-hljs-template-tag-background, );color:var(--kbq-code-block-hljs-template-tag-color, )}.kbq-code-block .hljs-template-variable{background-color:var(--kbq-code-block-hljs-template-variable-background, );color:var(--kbq-code-block-hljs-template-variable-color, )}.kbq-code-block .hljs-title{background-color:var(--kbq-code-block-hljs-title-background, );color:var(--kbq-code-block-hljs-title-color, )}.kbq-code-block .hljs-title-class{background-color:var(--kbq-code-block-hljs-title-class-background, );color:var(--kbq-code-block-hljs-title-class-color, )}.kbq-code-block .hljs-title-class-inherited{background-color:var(--kbq-code-block-hljs-title-class-inherited-background, );color:var(--kbq-code-block-hljs-title-class-inherited-color, )}.kbq-code-block .hljs-title-function{background-color:var(--kbq-code-block-hljs-title-function-background, );color:var(--kbq-code-block-hljs-title-function-color, )}.kbq-code-block .hljs-title-function-invoke{background-color:var(--kbq-code-block-hljs-title-function-invoke-background, );color:var(--kbq-code-block-hljs-title-function-invoke-color, )}.kbq-code-block .hljs-type{background-color:var(--kbq-code-block-hljs-type-background, );color:var(--kbq-code-block-hljs-type-color, )}.kbq-code-block .hljs-variable{background-color:var(--kbq-code-block-hljs-variable-background, );color:var(--kbq-code-block-hljs-variable-color, )}.kbq-code-block .hljs-variable-constant{background-color:var(--kbq-code-block-hljs-variable-constant-background, );color:var(--kbq-code-block-hljs-variable-constant-color, )}.kbq-code-block .hljs-variable-language{background-color:var(--kbq-code-block-hljs-variable-language-background, );color:var(--kbq-code-block-hljs-variable-language-color, )}.kbq-code-block .hljs-ln-n{color:var(--kbq-code-block-hljs-line-numbers-color, )}.kbq-code-block.kbq-code-block_outline{background:var(--kbq-code-block-outline-container-background, )}.kbq-code-block.kbq-code-block_outline .kbq-tab-header{background:var(--kbq-code-block-outline-header-background, )!important;border-color:var(--kbq-code-block-outline-container-border-color, )}.kbq-code-block.kbq-code-block_outline .kbq-tab-body__wrapper{border-color:var(--kbq-code-block-outline-container-border-color, )}.kbq-code-block.kbq-code-block_outline:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-color:transparent}.kbq-code-block.kbq-code-block_outline .kbq-code-block-actionbar,.kbq-code-block.kbq-code-block_outline .kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{background:var(--kbq-code-block-outline-actionbar-background, )}.kbq-code-block.kbq-code-block_outline.kbq-code-block_header-with-shadow .kbq-tab-header{box-shadow:var(--kbq-code-block-outline-header-shadow, )}.kbq-code-block.kbq-code-block_outline.kbq-code-block_no-header .kbq-code-block__fade-gradient{background:var(--kbq-code-block-outline-actionbar-fade-gradient, )}.kbq-code-block.kbq-code-block_outline .kbq-code-block__show-more .bg-wrapper{background:var(--kbq-code-block-outline-collapse-button-expand-background, );opacity:90%}.kbq-code-block.kbq-code-block_outline .kbq-code-block__show-more_expanded{background:var(--kbq-code-block-outline-collapse-expanded-background, )}.kbq-code-block.kbq-code-block_outline .kbq-code-block__show-more_collapsed{background:var(--kbq-code-block-outline-collapse-collapsed-background, )}.kbq-code-block.kbq-code-block_filled{background:var(--kbq-code-block-filled-container-background, )}.kbq-code-block.kbq-code-block_filled .kbq-tab-header{background:var(--kbq-code-block-filled-header-background, )!important;border-color:var(--kbq-code-block-filled-container-border-color, )}.kbq-code-block.kbq-code-block_filled .kbq-tab-body__wrapper{border-color:var(--kbq-code-block-filled-container-border-color, )}.kbq-code-block.kbq-code-block_filled:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-color:transparent}.kbq-code-block.kbq-code-block_filled .kbq-code-block-actionbar,.kbq-code-block.kbq-code-block_filled .kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{background:var(--kbq-code-block-filled-actionbar-background, )}.kbq-code-block.kbq-code-block_filled.kbq-code-block_header-with-shadow .kbq-tab-header{box-shadow:var(--kbq-code-block-filled-header-shadow, )}.kbq-code-block.kbq-code-block_filled.kbq-code-block_no-header .kbq-code-block__fade-gradient{background:var(--kbq-code-block-filled-actionbar-fade-gradient, )}.kbq-code-block.kbq-code-block_filled .kbq-code-block__show-more .bg-wrapper{background:var(--kbq-code-block-filled-collapse-button-expand-background, );opacity:90%}.kbq-code-block.kbq-code-block_filled .kbq-code-block__show-more_expanded{background:var(--kbq-code-block-filled-collapse-expanded-background, )}.kbq-code-block.kbq-code-block_filled .kbq-code-block__show-more_collapsed{background:var(--kbq-code-block-filled-collapse-collapsed-background, )}.kbq-code-block .kbq-tab-header .kbq-tab-label.kbq-tab-label_horizontal,.kbq-code-block .kbq-tab-header .kbq-tab-header__pagination{border-bottom-color:transparent}.kbq-code-block .kbq-tab-group.kbq-focused .kbq-tab-header{box-shadow:0 2px 0 -1px var(--kbq-states-focused-color, )}.kbq-code-block .kbq-tab-group.kbq-focused .kbq-tab-body__wrapper{border-color:var(--kbq-states-focused-color, );box-shadow:inset 0 0 .1 1px var(--kbq-states-focused-color, )}.kbq-code-block{font-size:var(--kbq-code-block-font-default-font-size, 14px);font-weight:var(--kbq-code-block-font-default-font-weight, normal);line-height:var(--kbq-code-block-font-default-line-height, 20px);font-family:var(--kbq-code-block-font-default-font-family, \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace);text-transform:var(--kbq-code-block-font-default-text-transform, );font-feature-settings:var(--kbq-code-block-font-default-font-feature-settings, initial);letter-spacing:var(--kbq-code-block-font-default-letter-spacing, normal)}.kbq-code-block .kbq-code-block__code{font:inherit}.kbq-code-block .kbq-code-block__code>code{font:inherit}\n", ".kbq-code-block{--kbq-code-block-size-container-border-width: 1px;--kbq-code-block-size-container-border-radius: 12px;--kbq-code-block-size-with-header-content-padding-top: 4px;--kbq-code-block-size-with-header-content-padding-bottom: 16px;--kbq-code-block-size-with-header-content-padding-horizontal: 20px;--kbq-code-block-size-with-header-content-content-gap-horizontal: 12px;--kbq-code-block-size-no-header-content-padding-vertical: 14px;--kbq-code-block-size-no-header-content-padding-horizontal: 20px;--kbq-code-block-size-no-header-content-content-gap-horizontal: 12px;--kbq-code-block-size-header-padding-vertical: 8px;--kbq-code-block-size-header-padding-left: 12px;--kbq-code-block-size-header-padding-right: 8px;--kbq-code-block-size-header-content-gap-horizontal: 16px;--kbq-code-block-size-actionbar-content-gap-horizontal: 2px;--kbq-code-block-size-actionbar-padding-vertical: 8px;--kbq-code-block-size-actionbar-padding-horizontal: 12px;--kbq-code-block-size-actionbar-fade-gradient-width: 32px;--kbq-code-block-size-collapse-expanded-padding-top: 0;--kbq-code-block-size-collapse-expanded-padding-bottom: 16px;--kbq-code-block-size-collapse-collapsed-padding-top: 32px;--kbq-code-block-size-collapse-collapsed-padding-bottom: 16px;--kbq-code-block-font-default-font-size: 14px;--kbq-code-block-font-default-line-height: 20px;--kbq-code-block-font-default-letter-spacing: normal;--kbq-code-block-font-default-font-weight: normal;--kbq-code-block-font-default-font-family: \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace;--kbq-code-block-font-default-text-transform: null;--kbq-code-block-font-default-font-feature-settings: initial;--kbq-code-block-font-hljs-addition-font-style: null;--kbq-code-block-font-hljs-addition-font-weight: null;--kbq-code-block-font-hljs-attr-font-style: null;--kbq-code-block-font-hljs-attr-font-weight: null;--kbq-code-block-font-hljs-attribute-font-style: null;--kbq-code-block-font-hljs-attribute-font-weight: null;--kbq-code-block-font-hljs-built-in-font-style: null;--kbq-code-block-font-hljs-built-in-font-weight: null;--kbq-code-block-font-hljs-bullet-font-style: null;--kbq-code-block-font-hljs-bullet-font-weight: null;--kbq-code-block-font-hljs-char-escape-font-style: null;--kbq-code-block-font-hljs-char-escape-font-weight: null;--kbq-code-block-font-hljs-class-font-style: null;--kbq-code-block-font-hljs-class-font-weight: null;--kbq-code-block-font-hljs-code-font-style: null;--kbq-code-block-font-hljs-code-font-weight: null;--kbq-code-block-font-hljs-comment-font-style: null;--kbq-code-block-font-hljs-comment-font-weight: null;--kbq-code-block-font-hljs-deletion-font-style: null;--kbq-code-block-font-hljs-deletion-font-weight: null;--kbq-code-block-font-hljs-doctag-font-style: null;--kbq-code-block-font-hljs-doctag-font-weight: null;--kbq-code-block-font-hljs-emphasis-font-style: null;--kbq-code-block-font-hljs-emphasis-font-weight: null;--kbq-code-block-font-hljs-formula-font-style: null;--kbq-code-block-font-hljs-formula-font-weight: null;--kbq-code-block-font-hljs-function-font-style: null;--kbq-code-block-font-hljs-function-font-weight: null;--kbq-code-block-font-hljs-keyword-font-style: null;--kbq-code-block-font-hljs-keyword-font-weight: null;--kbq-code-block-font-hljs-link-font-style: null;--kbq-code-block-font-hljs-link-font-weight: null;--kbq-code-block-font-hljs-literal-font-style: null;--kbq-code-block-font-hljs-literal-font-weight: null;--kbq-code-block-font-hljs-meta-font-style: null;--kbq-code-block-font-hljs-meta-font-weight: null;--kbq-code-block-font-hljs-meta-keyword-font-style: null;--kbq-code-block-font-hljs-meta-keyword-font-weight: null;--kbq-code-block-font-hljs-meta-string-font-style: null;--kbq-code-block-font-hljs-meta-string-font-weight: null;--kbq-code-block-font-hljs-meta-prompt-font-style: null;--kbq-code-block-font-hljs-meta-prompt-font-weight: null;--kbq-code-block-font-hljs-name-font-style: null;--kbq-code-block-font-hljs-name-font-weight: null;--kbq-code-block-font-hljs-number-font-style: null;--kbq-code-block-font-hljs-number-font-weight: null;--kbq-code-block-font-hljs-operator-font-style: null;--kbq-code-block-font-hljs-operator-font-weight: null;--kbq-code-block-font-hljs-params-font-style: null;--kbq-code-block-font-hljs-params-font-weight: null;--kbq-code-block-font-hljs-property-font-style: null;--kbq-code-block-font-hljs-property-font-weight: null;--kbq-code-block-font-hljs-punctuation-font-style: null;--kbq-code-block-font-hljs-punctuation-font-weight: null;--kbq-code-block-font-hljs-quote-font-style: null;--kbq-code-block-font-hljs-quote-font-weight: null;--kbq-code-block-font-hljs-regexp-font-style: null;--kbq-code-block-font-hljs-regexp-font-weight: null;--kbq-code-block-font-hljs-section-font-style: null;--kbq-code-block-font-hljs-section-font-weight: null;--kbq-code-block-font-hljs-selector-attr-font-style: null;--kbq-code-block-font-hljs-selector-attr-font-weight: null;--kbq-code-block-font-hljs-selector-class-font-style: null;--kbq-code-block-font-hljs-selector-class-font-weight: null;--kbq-code-block-font-hljs-selector-id-font-style: null;--kbq-code-block-font-hljs-selector-id-font-weight: null;--kbq-code-block-font-hljs-selector-pseudo-font-style: null;--kbq-code-block-font-hljs-selector-pseudo-font-weight: null;--kbq-code-block-font-hljs-selector-tag-font-style: null;--kbq-code-block-font-hljs-selector-tag-font-weight: null;--kbq-code-block-font-hljs-string-font-style: null;--kbq-code-block-font-hljs-string-font-weight: null;--kbq-code-block-font-hljs-strong-font-style: null;--kbq-code-block-font-hljs-strong-font-weight: null;--kbq-code-block-font-hljs-subst-font-style: null;--kbq-code-block-font-hljs-subst-font-weight: null;--kbq-code-block-font-hljs-symbol-font-style: null;--kbq-code-block-font-hljs-symbol-font-weight: null;--kbq-code-block-font-hljs-tag-font-style: null;--kbq-code-block-font-hljs-tag-font-weight: null;--kbq-code-block-font-hljs-template-tag-font-style: null;--kbq-code-block-font-hljs-template-tag-font-weight: null;--kbq-code-block-font-hljs-template-variable-font-style: null;--kbq-code-block-font-hljs-template-variable-font-weight: null;--kbq-code-block-font-hljs-title-font-style: null;--kbq-code-block-font-hljs-title-font-weight: null;--kbq-code-block-font-hljs-title-class-font-style: normal;--kbq-code-block-font-hljs-title-class-font-weight: 500;--kbq-code-block-font-hljs-title-class-inherited-font-style: null;--kbq-code-block-font-hljs-title-class-inherited-font-weight: null;--kbq-code-block-font-hljs-title-function-font-style: null;--kbq-code-block-font-hljs-title-function-font-weight: null;--kbq-code-block-font-hljs-title-function-invoke-font-style: null;--kbq-code-block-font-hljs-title-function-invoke-font-weight: null;--kbq-code-block-font-hljs-type-font-style: null;--kbq-code-block-font-hljs-type-font-weight: null;--kbq-code-block-font-hljs-variable-font-style: null;--kbq-code-block-font-hljs-variable-font-weight: null;--kbq-code-block-font-hljs-variable-constant-font-style: null;--kbq-code-block-font-hljs-variable-constant-font-weight: null;--kbq-code-block-font-hljs-variable-language-font-style: null;--kbq-code-block-font-hljs-variable-language-font-weight: null}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-code-block-filled-container-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-filled-container-border-color: transparent;--kbq-code-block-filled-header-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-filled-header-shadow: 0px 1px 0px 0px hsla(229, 15%, 6%, 12%);--kbq-code-block-filled-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 95%, 100%));--kbq-code-block-filled-actionbar-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-filled-collapse-expanded-background: transparent;--kbq-code-block-filled-collapse-collapsed-background: linear-gradient( 180deg, hsla(225, 15%, 95%, 0%) 0%, hsla(225, 15%, 95%, 100%) 100% );--kbq-code-block-filled-collapse-button-expand-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-outline-container-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-outline-container-border-color: hsla(229, 15%, 6%, 12%);--kbq-code-block-outline-header-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-outline-header-shadow: 0px 1px 0px 0px hsla(229, 15%, 6%, 12%);--kbq-code-block-outline-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 100%, 100%));--kbq-code-block-outline-actionbar-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-outline-collapse-expanded-background: transparent;--kbq-code-block-outline-collapse-collapsed-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0%) 0%, hsla(0, 0%, 100%, 100%) 100% );--kbq-code-block-outline-collapse-button-expand-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-hljs-addition-background: hsla(104, 64%, 95%, 100%);--kbq-code-block-hljs-addition-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-attr-background: null;--kbq-code-block-hljs-attr-color: null;--kbq-code-block-hljs-attribute-background: null;--kbq-code-block-hljs-attribute-color: null;--kbq-code-block-hljs-built-in-background: null;--kbq-code-block-hljs-built-in-color: null;--kbq-code-block-hljs-bullet-background: null;--kbq-code-block-hljs-bullet-color: null;--kbq-code-block-hljs-char-escape-background: null;--kbq-code-block-hljs-char-escape-color: null;--kbq-code-block-hljs-class-background: null;--kbq-code-block-hljs-class-color: null;--kbq-code-block-hljs-code-background: null;--kbq-code-block-hljs-code-color: null;--kbq-code-block-hljs-comment-background: null;--kbq-code-block-hljs-comment-color: hsla(229, 15%, 60%, 100%);--kbq-code-block-hljs-deletion-background: hsla(7, 97%, 95%, 100%);--kbq-code-block-hljs-deletion-color: hsla(7, 97%, 35%, 100%);--kbq-code-block-hljs-doctag-background: null;--kbq-code-block-hljs-doctag-color: null;--kbq-code-block-hljs-emphasis-background: null;--kbq-code-block-hljs-emphasis-color: null;--kbq-code-block-hljs-formula-background: null;--kbq-code-block-hljs-formula-color: null;--kbq-code-block-hljs-function-background: null;--kbq-code-block-hljs-function-color: null;--kbq-code-block-hljs-keyword-background: null;--kbq-code-block-hljs-keyword-color: null;--kbq-code-block-hljs-line-numbers-color: hsla(229, 15%, 50%, 100%);--kbq-code-block-hljs-link-background: null;--kbq-code-block-hljs-link-color: null;--kbq-code-block-hljs-literal-background: null;--kbq-code-block-hljs-literal-color: hsla(277, 72%, 30%, 100%);--kbq-code-block-hljs-meta-background: null;--kbq-code-block-hljs-meta-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-meta-keyword-background: null;--kbq-code-block-hljs-meta-keyword-color: null;--kbq-code-block-hljs-meta-string-background: null;--kbq-code-block-hljs-meta-string-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-meta-prompt-background: null;--kbq-code-block-hljs-meta-prompt-color: null;--kbq-code-block-hljs-name-background: null;--kbq-code-block-hljs-name-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-number-background: null;--kbq-code-block-hljs-number-color: hsla(277, 72%, 30%, 100%);--kbq-code-block-hljs-operator-background: null;--kbq-code-block-hljs-operator-color: null;--kbq-code-block-hljs-params-background: null;--kbq-code-block-hljs-params-color: null;--kbq-code-block-hljs-property-background: null;--kbq-code-block-hljs-property-color: null;--kbq-code-block-hljs-punctuation-background: null;--kbq-code-block-hljs-punctuation-color: null;--kbq-code-block-hljs-quote-background: null;--kbq-code-block-hljs-quote-color: null;--kbq-code-block-hljs-regexp-background: null;--kbq-code-block-hljs-regexp-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-section-background: null;--kbq-code-block-hljs-section-color: null;--kbq-code-block-hljs-selector-attr-background: null;--kbq-code-block-hljs-selector-attr-color: null;--kbq-code-block-hljs-selector-class-background: null;--kbq-code-block-hljs-selector-class-color: null;--kbq-code-block-hljs-selector-id-background: null;--kbq-code-block-hljs-selector-id-color: null;--kbq-code-block-hljs-selector-pseudo-background: null;--kbq-code-block-hljs-selector-pseudo-color: null;--kbq-code-block-hljs-selector-tag-background: null;--kbq-code-block-hljs-selector-tag-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-string-background: null;--kbq-code-block-hljs-string-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-strong-background: null;--kbq-code-block-hljs-strong-color: null;--kbq-code-block-hljs-subst-background: null;--kbq-code-block-hljs-subst-color: null;--kbq-code-block-hljs-symbol-background: null;--kbq-code-block-hljs-symbol-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-tag-background: null;--kbq-code-block-hljs-tag-color: null;--kbq-code-block-hljs-template-tag-background: null;--kbq-code-block-hljs-template-tag-color: null;--kbq-code-block-hljs-template-variable-background: null;--kbq-code-block-hljs-template-variable-color: null;--kbq-code-block-hljs-title-background: null;--kbq-code-block-hljs-title-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-title-class-background: null;--kbq-code-block-hljs-title-class-color: null;--kbq-code-block-hljs-title-class-inherited-background: null;--kbq-code-block-hljs-title-class-inherited-color: null;--kbq-code-block-hljs-title-function-background: null;--kbq-code-block-hljs-title-function-color: null;--kbq-code-block-hljs-title-function-invoke-background: null;--kbq-code-block-hljs-title-function-invoke-color: null;--kbq-code-block-hljs-type-background: null;--kbq-code-block-hljs-type-color: null;--kbq-code-block-hljs-variable-background: null;--kbq-code-block-hljs-variable-color: null;--kbq-code-block-hljs-variable-constant-background: null;--kbq-code-block-hljs-variable-constant-color: null;--kbq-code-block-hljs-variable-language-background: null;--kbq-code-block-hljs-variable-language-color: null}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-code-block-filled-container-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-filled-container-border-color: hsla(229, 15%, 22%, 100%);--kbq-code-block-filled-header-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-filled-header-shadow: 0px 1px 0px 0px hsla(229, 100%, 85%, 15%);--kbq-code-block-filled-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 16%, 100%));--kbq-code-block-filled-actionbar-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-filled-collapse-expanded-background: transparent;--kbq-code-block-filled-collapse-collapsed-background: linear-gradient( 180deg, hsla(229, 15%, 15%, 0%) 0%, hsla(229, 15%, 15%, 1%) 100% );--kbq-code-block-filled-collapse-button-expand-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-outline-container-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-outline-container-border-color: transparent;--kbq-code-block-outline-header-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-outline-header-shadow: 0px 1px 0px 0px hsla(229, 100%, 85%, 15%);--kbq-code-block-outline-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 15%, 100%));--kbq-code-block-outline-actionbar-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-outline-collapse-expanded-background: transparent;--kbq-code-block-outline-collapse-collapsed-background: linear-gradient( 180deg, hsla(229, 15%, 12%, 0%) 0%, hsla(229, 15%, 12%, 1%) 100% );--kbq-code-block-outline-collapse-button-expand-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-hljs-addition-background: hsla(104, 64%, 95%, 100%);--kbq-code-block-hljs-addition-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-attr-background: null;--kbq-code-block-hljs-attr-color: null;--kbq-code-block-hljs-attribute-background: null;--kbq-code-block-hljs-attribute-color: null;--kbq-code-block-hljs-built-in-background: null;--kbq-code-block-hljs-built-in-color: null;--kbq-code-block-hljs-bullet-background: null;--kbq-code-block-hljs-bullet-color: null;--kbq-code-block-hljs-char-escape-background: null;--kbq-code-block-hljs-char-escape-color: null;--kbq-code-block-hljs-class-background: null;--kbq-code-block-hljs-class-color: null;--kbq-code-block-hljs-code-background: null;--kbq-code-block-hljs-code-color: null;--kbq-code-block-hljs-comment-background: null;--kbq-code-block-hljs-comment-color: hsla(229, 15%, 60%, 100%);--kbq-code-block-hljs-deletion-background: hsla(7, 97%, 95%, 100%);--kbq-code-block-hljs-deletion-color: hsla(7, 97%, 35%, 100%);--kbq-code-block-hljs-doctag-background: null;--kbq-code-block-hljs-doctag-color: null;--kbq-code-block-hljs-emphasis-background: null;--kbq-code-block-hljs-emphasis-color: null;--kbq-code-block-hljs-formula-background: null;--kbq-code-block-hljs-formula-color: null;--kbq-code-block-hljs-function-background: null;--kbq-code-block-hljs-function-color: null;--kbq-code-block-hljs-keyword-background: null;--kbq-code-block-hljs-keyword-color: null;--kbq-code-block-hljs-line-numbers-color: hsla(229, 15%, 60%, 100%);--kbq-code-block-hljs-link-background: null;--kbq-code-block-hljs-link-color: null;--kbq-code-block-hljs-literal-background: null;--kbq-code-block-hljs-literal-color: hsla(277, 72%, 60%, 100%);--kbq-code-block-hljs-meta-background: null;--kbq-code-block-hljs-meta-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-meta-keyword-background: null;--kbq-code-block-hljs-meta-keyword-color: null;--kbq-code-block-hljs-meta-string-background: null;--kbq-code-block-hljs-meta-string-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-meta-prompt-background: null;--kbq-code-block-hljs-meta-prompt-color: null;--kbq-code-block-hljs-name-background: null;--kbq-code-block-hljs-name-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-number-background: null;--kbq-code-block-hljs-number-color: hsla(277, 72%, 60%, 100%);--kbq-code-block-hljs-operator-background: null;--kbq-code-block-hljs-operator-color: null;--kbq-code-block-hljs-params-background: null;--kbq-code-block-hljs-params-color: null;--kbq-code-block-hljs-property-background: null;--kbq-code-block-hljs-property-color: null;--kbq-code-block-hljs-punctuation-background: null;--kbq-code-block-hljs-punctuation-color: null;--kbq-code-block-hljs-quote-background: null;--kbq-code-block-hljs-quote-color: null;--kbq-code-block-hljs-regexp-background: null;--kbq-code-block-hljs-regexp-color: hsla(104, 64%, 40%, 100%);--kbq-code-block-hljs-section-background: null;--kbq-code-block-hljs-section-color: null;--kbq-code-block-hljs-selector-attr-background: null;--kbq-code-block-hljs-selector-attr-color: null;--kbq-code-block-hljs-selector-class-background: null;--kbq-code-block-hljs-selector-class-color: null;--kbq-code-block-hljs-selector-id-background: null;--kbq-code-block-hljs-selector-id-color: null;--kbq-code-block-hljs-selector-pseudo-background: null;--kbq-code-block-hljs-selector-pseudo-color: null;--kbq-code-block-hljs-selector-tag-background: null;--kbq-code-block-hljs-selector-tag-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-string-background: null;--kbq-code-block-hljs-string-color: hsla(104, 64%, 40%, 100%);--kbq-code-block-hljs-strong-background: null;--kbq-code-block-hljs-strong-color: null;--kbq-code-block-hljs-subst-background: null;--kbq-code-block-hljs-subst-color: null;--kbq-code-block-hljs-symbol-background: null;--kbq-code-block-hljs-symbol-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-tag-background: null;--kbq-code-block-hljs-tag-color: null;--kbq-code-block-hljs-template-tag-background: null;--kbq-code-block-hljs-template-tag-color: null;--kbq-code-block-hljs-template-variable-background: null;--kbq-code-block-hljs-template-variable-color: null;--kbq-code-block-hljs-title-background: null;--kbq-code-block-hljs-title-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-title-class-background: null;--kbq-code-block-hljs-title-class-color: null;--kbq-code-block-hljs-title-class-inherited-background: null;--kbq-code-block-hljs-title-class-inherited-color: null;--kbq-code-block-hljs-title-function-background: null;--kbq-code-block-hljs-title-function-color: null;--kbq-code-block-hljs-title-function-invoke-background: null;--kbq-code-block-hljs-title-function-invoke-color: null;--kbq-code-block-hljs-type-background: null;--kbq-code-block-hljs-type-color: null;--kbq-code-block-hljs-variable-background: null;--kbq-code-block-hljs-variable-color: null;--kbq-code-block-hljs-variable-constant-background: null;--kbq-code-block-hljs-variable-constant-color: null;--kbq-code-block-hljs-variable-language-background: null;--kbq-code-block-hljs-variable-language-color: null}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i6.Highlight, selector: "[highlight]", inputs: ["highlight", "languages", "lineNumbers"], outputs: ["highlighted"] }, { kind: "component", type: i7.KbqTabGroup, selector: "kbq-tab-group", inputs: ["disabled", "transparent", "onSurface", "dynamicHeight", "selectedIndex", "activeTab", "headerPosition", "animationDuration"], outputs: ["selectedIndexChange", "activeTabChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["kbqTabGroup"] }, { kind: "directive", type: i7.KbqTabLabel, selector: "[kbq-tab-label], [kbqTabLabel]" }, { kind: "component", type: i7.KbqTab, selector: "kbq-tab", inputs: ["disabled", "tooltipTitle", "tooltipPlacement", "label", "empty", "tabId"], exportAs: ["kbqTab"] }, { kind: "component", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: ["config", "codeFiles", "selectedTabIndex", "multiLine", "softWrap", "canLoad"], outputs: ["toggleSoftWrap", "downloadCode", "copyCode", "openExternalSystem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
295
295
  }
296
296
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCodeBlockComponent, decorators: [{
297
297
  type: Component,
@@ -304,7 +304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
304
304
  '[class.kbq-code-block_no-header]': 'noHeader',
305
305
  '[class.kbq-code-block_header-with-shadow]': 'isTopOverflow',
306
306
  '(window:resize)': 'resizeStream.next($event)'
307
- }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<kbq-tab-group\n [class.kbq-focused]=\"hasKeyboardFocus\"\n (selectedTabChange)=\"onSelectTab($event)\"\n>\n <kbq-tab\n *ngFor=\"let codeFile of codeFiles; let i = index\"\n [disabled]=\"singleFile\"\n >\n <ng-template kbq-tab-label>{{ codeFile.filename }}</ng-template>\n\n <pre\n #codeContent\n class=\"kbq-code-block__code kbq-scrollbar\"\n [class.kbq-code-block__code_soft-wrap]=\"softWrap\"\n [class.kbq-code-block__code_view-all]=\"viewAll\"\n [style.max-height]=\"getMaxHeight()\"\n (scroll)=\"checkOverflow(codeContent)\"\n ><kbq-actionbar-block\n [class.kbq-actionbar-block_floating]=\"noHeader\"\n [config]=\"config\"\n [codeFiles]=\"codeFiles\"\n [selectedTabIndex]=\"selectedTabIndex\"\n [multiLine]=\"multiLine\"\n [softWrap]=\"softWrap\"\n [canLoad]=\"canLoad\"\n [style.opacity]=\"actionbarHidden ? 0 : null\"\n (toggleSoftWrap)=\"toggleSoftWrap()\"\n (downloadCode)=\"downloadCode()\"\n (copyCode)=\"copyCode()\"\n (openExternalSystem)=\"openExternalSystem()\" /><code class=\"hljs\"\n [id]=\"codeFile.filename + '_' + i\"\n [class.hljs-line-numbers]=\"lineNumbers\"\n [highlight]=\"codeFiles[i].content\"\n [lineNumbers]=\"true\"\n [tabIndex]=\"canShowFocus(codeContent) ? 0 : -1\"\n (highlighted)=\"onHighlighted()\"\n (blur)=\"hasKeyboardFocus = false\">\n </code></pre>\n\n <div\n *ngIf=\"maxHeight\"\n class=\"kbq-code-block__show-more\"\n [class.kbq-code-block__show-more_collapsed]=\"!viewAll\"\n [class.kbq-code-block__show-more_expanded]=\"viewAll\"\n >\n <span class=\"bg-wrapper\">\n <button\n kbq-button\n [color]=\"'theme'\"\n [kbqStyle]=\"'transparent'\"\n (click)=\"onShowMoreClick(codeContent)\"\n (keydown.enter)=\"onEnter(codeContent)\"\n >\n <i\n *ngIf=\"!viewAll\"\n kbq-icon=\"mc-angle-down-L_16\"\n ></i>\n <i\n *ngIf=\"viewAll\"\n kbq-icon=\"mc-angle-up-L_16\"\n ></i>\n {{ viewAll ? config.viewLessText : config.viewAllText }}\n </button>\n </span>\n </div>\n </kbq-tab>\n</kbq-tab-group>\n", styles: [".kbq-code-block{display:block;position:relative;overflow:hidden;box-sizing:border-box;hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;border-radius:var(--kbq-code-block-size-container-border-radius, 12px);border-width:0}.kbq-code-block .kbq-tab-header{padding:calc(var(--kbq-code-block-size-header-padding-vertical, 8px) - var(--kbq-code-block-size-container-border-width, 1px)) calc(var(--kbq-code-block-size-header-padding-right, 8px) + 152px) var(--kbq-code-block-size-header-padding-vertical, 8px) var(--kbq-code-block-size-header-padding-left, 12px);border-width:var(--kbq-code-block-size-container-border-width, 1px) var(--kbq-code-block-size-container-border-width, 1px) 0 var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px) 0 0}.kbq-code-block:has(.kbq-code-block__show-more) .kbq-code-block__code>code{padding-bottom:var(--kbq-size-3xl, 32px)!important;overflow-x:scroll}.kbq-code-block:has(.kbq-code-block__show-more):has(.kbq-code-block__show-more_collapsed) .kbq-code-block__code>code{overflow-x:hidden}.kbq-code-block .kbq-code-block__code>code{padding:var(--kbq-code-block-size-with-header-content-padding-top, 4px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px) var(--kbq-code-block-size-with-header-content-padding-bottom, 16px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-code-block__code>code:focus-visible{outline:none}.kbq-code-block .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-with-header-content-content-gap-horizontal, 12px)}.kbq-code-block.kbq-code-block_hide-line-numbers .hljs-ln-line.hljs-ln-numbers{display:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:before{content:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:hover{background:transparent!important}.kbq-code-block:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-width:0;overflow:visible}.kbq-code-block.kbq-code-block_no-header .kbq-tab-header{display:none}.kbq-code-block.kbq-code-block_no-header .kbq-tab-body__wrapper{border-width:var(--kbq-code-block-size-container-border-width, 1px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code{position:relative}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code>code{padding:var(--kbq-code-block-size-no-header-content-padding-vertical, 14px) var(--kbq-code-block-size-no-header-content-padding-horizontal, 20px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-no-header-content-content-gap-horizontal, 12px)}.kbq-code-block:not(:has(.kbq-code-block__show-more)) .kbq-code-block__code{overflow-y:auto}.kbq-code-block pre{margin:0}.kbq-code-block .kbq-tab-body__wrapper{flex-direction:column;border-width:var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:0 0 var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-tab-body.kbq-tab-body__active{position:unset}.kbq-code-block__code{overflow-y:hidden}.kbq-code-block__code.kbq-code-block__code_view-all{max-height:unset;overflow-y:auto}.kbq-code-block__code.kbq-code-block__code_soft-wrap{white-space:pre-wrap}.kbq-code-block__code .hljs-ln{border-collapse:unset}.kbq-code-block__code .hljs-ln .hljs{padding:0}.kbq-code-block__code .hljs-ln-numbers{vertical-align:baseline;text-align:right}.kbq-code-block__code .hljs-ln-n:before{white-space:nowrap}.kbq-code-block__show-more{display:flex;justify-content:center;width:100%;position:absolute;bottom:0;border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block__show-more.kbq-code-block__show-more_collapsed{padding-top:var(--kbq-code-block-size-collapse-collapsed-padding-top, 32px);padding-bottom:var(--kbq-code-block-size-collapse-collapsed-padding-bottom, 16px)}.kbq-code-block__show-more.kbq-code-block__show-more_expanded{padding-top:var(--kbq-code-block-size-collapse-expanded-padding-top, 0);margin-bottom:var(--kbq-code-block-size-collapse-expanded-padding-bottom, 16px)}.kbq-code-block__show-more .bg-wrapper{border-radius:var(--kbq-button-size-border-radius, 8px)}\n"] }]
307
+ }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<kbq-tab-group\n [class.kbq-focused]=\"hasKeyboardFocus\"\n (selectedTabChange)=\"onSelectTab($event)\"\n>\n <kbq-tab\n *ngFor=\"let codeFile of codeFiles; let i = index\"\n [disabled]=\"singleFile\"\n >\n <ng-template kbq-tab-label>{{ codeFile.filename }}</ng-template>\n\n <pre\n #codeContent\n class=\"kbq-code-block__code kbq-scrollbar\"\n [class.kbq-code-block__code_soft-wrap]=\"softWrap\"\n [class.kbq-code-block__code_view-all]=\"viewAll\"\n [style.max-height]=\"getMaxHeight()\"\n (scroll)=\"checkOverflow(codeContent)\"\n ><kbq-actionbar-block\n [class.kbq-actionbar-block_floating]=\"noHeader\"\n [config]=\"config\"\n [codeFiles]=\"codeFiles\"\n [selectedTabIndex]=\"selectedTabIndex\"\n [multiLine]=\"multiLine\"\n [softWrap]=\"softWrap\"\n [canLoad]=\"canLoad\"\n [style.opacity]=\"actionbarHidden ? 0 : null\"\n (toggleSoftWrap)=\"toggleSoftWrap()\"\n (downloadCode)=\"downloadCode()\"\n (copyCode)=\"copyCode()\"\n (openExternalSystem)=\"openExternalSystem()\" /><code class=\"hljs\"\n [id]=\"codeFile.filename + '_' + i\"\n [class.hljs-line-numbers]=\"lineNumbers\"\n [highlight]=\"codeFiles[i].content\"\n [lineNumbers]=\"true\"\n [tabIndex]=\"canShowFocus(codeContent) ? 0 : -1\"\n (highlighted)=\"onHighlighted()\"\n (blur)=\"hasKeyboardFocus = false\">\n </code></pre>\n\n <div\n *ngIf=\"maxHeight\"\n class=\"kbq-code-block__show-more\"\n [class.kbq-code-block__show-more_collapsed]=\"!viewAll\"\n [class.kbq-code-block__show-more_expanded]=\"viewAll\"\n >\n <span class=\"bg-wrapper\">\n <button\n kbq-button\n [color]=\"'theme'\"\n [kbqStyle]=\"'transparent'\"\n (click)=\"onShowMoreClick(codeContent)\"\n (keydown.enter)=\"onEnter(codeContent)\"\n >\n <i\n *ngIf=\"!viewAll\"\n kbq-icon=\"mc-angle-down-L_16\"\n ></i>\n <i\n *ngIf=\"viewAll\"\n kbq-icon=\"mc-angle-up-L_16\"\n ></i>\n {{ viewAll ? config.viewLessText : config.viewAllText }}\n </button>\n </span>\n </div>\n </kbq-tab>\n</kbq-tab-group>\n", styles: [".kbq-code-block{display:block;position:relative;overflow:hidden;box-sizing:border-box;hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;border-radius:var(--kbq-code-block-size-container-border-radius, 12px);border-width:0}.kbq-code-block .kbq-tab-header{padding:calc(var(--kbq-code-block-size-header-padding-vertical, 8px) - var(--kbq-code-block-size-container-border-width, 1px)) calc(var(--kbq-code-block-size-header-padding-right, 8px) + 152px) var(--kbq-code-block-size-header-padding-vertical, 8px) var(--kbq-code-block-size-header-padding-left, 12px);border-width:var(--kbq-code-block-size-container-border-width, 1px) var(--kbq-code-block-size-container-border-width, 1px) 0 var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px) 0 0}.kbq-code-block:has(.kbq-code-block__show-more) .kbq-code-block__code>code{padding-bottom:var(--kbq-size-3xl, 32px)!important;overflow-x:scroll}.kbq-code-block:has(.kbq-code-block__show-more):has(.kbq-code-block__show-more_collapsed) .kbq-code-block__code>code{overflow-x:hidden}.kbq-code-block .kbq-code-block__code>code{padding:var(--kbq-code-block-size-with-header-content-padding-top, 4px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px) var(--kbq-code-block-size-with-header-content-padding-bottom, 16px) var(--kbq-code-block-size-with-header-content-padding-horizontal, 20px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-code-block__code>code:focus-visible{outline:none}.kbq-code-block .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-with-header-content-content-gap-horizontal, 12px)}.kbq-code-block.kbq-code-block_hide-line-numbers .hljs-ln-line.hljs-ln-numbers{display:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:before{content:none}.kbq-code-block.kbq-code-block_single-file .kbq-tab-label:hover{background:transparent!important}.kbq-code-block:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-width:0;overflow:visible}.kbq-code-block.kbq-code-block_no-header .kbq-tab-header{display:none}.kbq-code-block.kbq-code-block_no-header .kbq-tab-body__wrapper{border-width:var(--kbq-code-block-size-container-border-width, 1px);border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code{position:relative}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code>code{padding:var(--kbq-code-block-size-no-header-content-padding-vertical, 14px) var(--kbq-code-block-size-no-header-content-padding-horizontal, 20px)}.kbq-code-block.kbq-code-block_no-header .kbq-code-block__code .hljs-ln-numbers{padding-right:var(--kbq-code-block-size-no-header-content-content-gap-horizontal, 12px)}.kbq-code-block:not(:has(.kbq-code-block__show-more)) .kbq-code-block__code{overflow-y:auto}.kbq-code-block pre{margin:0}.kbq-code-block .kbq-tab-body__wrapper{flex-direction:column;border-width:var(--kbq-code-block-size-container-border-width, 1px);border-style:solid;border-radius:0 0 var(--kbq-code-block-size-container-border-radius, 12px) var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block .kbq-tab-body.kbq-tab-body__active{position:unset}.kbq-code-block__code{overflow-y:hidden}.kbq-code-block__code.kbq-code-block__code_view-all{max-height:unset;overflow-y:auto}.kbq-code-block__code.kbq-code-block__code_soft-wrap{white-space:pre-wrap}.kbq-code-block__code .hljs-ln{border-collapse:unset}.kbq-code-block__code .hljs-ln .hljs{padding:0}.kbq-code-block__code .hljs-ln-numbers{vertical-align:baseline;text-align:right}.kbq-code-block__code .hljs-ln-n:before{white-space:nowrap}.kbq-code-block__show-more{display:flex;justify-content:center;width:100%;position:absolute;bottom:0;border-radius:var(--kbq-code-block-size-container-border-radius, 12px)}.kbq-code-block__show-more.kbq-code-block__show-more_collapsed{padding-top:var(--kbq-code-block-size-collapse-collapsed-padding-top, 32px);padding-bottom:var(--kbq-code-block-size-collapse-collapsed-padding-bottom, 16px)}.kbq-code-block__show-more.kbq-code-block__show-more_expanded{padding-top:var(--kbq-code-block-size-collapse-expanded-padding-top, 0);margin-bottom:var(--kbq-code-block-size-collapse-expanded-padding-bottom, 16px)}.kbq-code-block__show-more .bg-wrapper{border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-code-block .hljs{display:block;overflow-x:auto}.kbq-code-block .hljs-addition{background-color:var(--kbq-code-block-hljs-addition-background, );color:var(--kbq-code-block-hljs-addition-color, )}.kbq-code-block .hljs-attr{background-color:var(--kbq-code-block-hljs-attr-background, );color:var(--kbq-code-block-hljs-attr-color, )}.kbq-code-block .hljs-attribute{background-color:var(--kbq-code-block-hljs-attribute-background, );color:var(--kbq-code-block-hljs-attribute-color, )}.kbq-code-block .hljs-built_in{background-color:var(--kbq-code-block-hljs-built_in-background, );color:var(--kbq-code-block-hljs-built_in-color, )}.kbq-code-block .hljs-bullet{background-color:var(--kbq-code-block-hljs-bullet-background, );color:var(--kbq-code-block-hljs-bullet-color, )}.kbq-code-block .hljs-char-escape{background-color:var(--kbq-code-block-hljs-char-escape-background, );color:var(--kbq-code-block-hljs-char-escape-color, )}.kbq-code-block .hljs-class{background-color:var(--kbq-code-block-hljs-class-background, );color:var(--kbq-code-block-hljs-class-color, )}.kbq-code-block .hljs-code{background-color:var(--kbq-code-block-hljs-code-background, );color:var(--kbq-code-block-hljs-code-color, )}.kbq-code-block .hljs-comment{background-color:var(--kbq-code-block-hljs-comment-background, );color:var(--kbq-code-block-hljs-comment-color, )}.kbq-code-block .hljs-deletion{background-color:var(--kbq-code-block-hljs-deletion-background, );color:var(--kbq-code-block-hljs-deletion-color, )}.kbq-code-block .hljs-doctag{background-color:var(--kbq-code-block-hljs-doctag-background, );color:var(--kbq-code-block-hljs-doctag-color, )}.kbq-code-block .hljs-emphasis{background-color:var(--kbq-code-block-hljs-emphasis-background, );color:var(--kbq-code-block-hljs-emphasis-color, )}.kbq-code-block .hljs-formula{background-color:var(--kbq-code-block-hljs-formula-background, );color:var(--kbq-code-block-hljs-formula-color, )}.kbq-code-block .hljs-function{background-color:var(--kbq-code-block-hljs-function-background, );color:var(--kbq-code-block-hljs-function-color, )}.kbq-code-block .hljs-keyword{background-color:var(--kbq-code-block-hljs-keyword-background, );color:var(--kbq-code-block-hljs-keyword-color, )}.kbq-code-block .hljs-link{background-color:var(--kbq-code-block-hljs-link-background, );color:var(--kbq-code-block-hljs-link-color, )}.kbq-code-block .hljs-literal{background-color:var(--kbq-code-block-hljs-literal-background, );color:var(--kbq-code-block-hljs-literal-color, )}.kbq-code-block .hljs-meta{background-color:var(--kbq-code-block-hljs-meta-background, );color:var(--kbq-code-block-hljs-meta-color, )}.kbq-code-block .hljs-meta-keyword{background-color:var(--kbq-code-block-hljs-meta-keyword-background, );color:var(--kbq-code-block-hljs-meta-keyword-color, )}.kbq-code-block .hljs-meta-string{background-color:var(--kbq-code-block-hljs-meta-string-background, );color:var(--kbq-code-block-hljs-meta-string-color, )}.kbq-code-block .hljs-meta-prompt{background-color:var(--kbq-code-block-hljs-meta-prompt-background, );color:var(--kbq-code-block-hljs-meta-prompt-color, )}.kbq-code-block .hljs-name{background-color:var(--kbq-code-block-hljs-name-background, );color:var(--kbq-code-block-hljs-name-color, )}.kbq-code-block .hljs-number{background-color:var(--kbq-code-block-hljs-number-background, );color:var(--kbq-code-block-hljs-number-color, )}.kbq-code-block .hljs-operator{background-color:var(--kbq-code-block-hljs-operator-background, );color:var(--kbq-code-block-hljs-operator-color, )}.kbq-code-block .hljs-params{background-color:var(--kbq-code-block-hljs-params-background, );color:var(--kbq-code-block-hljs-params-color, )}.kbq-code-block .hljs-property{background-color:var(--kbq-code-block-hljs-property-background, );color:var(--kbq-code-block-hljs-property-color, )}.kbq-code-block .hljs-punctuation{background-color:var(--kbq-code-block-hljs-punctuation-background, );color:var(--kbq-code-block-hljs-punctuation-color, )}.kbq-code-block .hljs-quote{background-color:var(--kbq-code-block-hljs-quote-background, );color:var(--kbq-code-block-hljs-quote-color, )}.kbq-code-block .hljs-regexp{background-color:var(--kbq-code-block-hljs-regexp-background, );color:var(--kbq-code-block-hljs-regexp-color, )}.kbq-code-block .hljs-section{background-color:var(--kbq-code-block-hljs-section-background, );color:var(--kbq-code-block-hljs-section-color, )}.kbq-code-block .hljs-selector-attr{background-color:var(--kbq-code-block-hljs-selector-attr-background, );color:var(--kbq-code-block-hljs-selector-attr-color, )}.kbq-code-block .hljs-selector-class{background-color:var(--kbq-code-block-hljs-selector-class-background, );color:var(--kbq-code-block-hljs-selector-class-color, )}.kbq-code-block .hljs-selector-id{background-color:var(--kbq-code-block-hljs-selector-id-background, );color:var(--kbq-code-block-hljs-selector-id-color, )}.kbq-code-block .hljs-selector-pseudo{background-color:var(--kbq-code-block-hljs-selector-pseudo-background, );color:var(--kbq-code-block-hljs-selector-pseudo-color, )}.kbq-code-block .hljs-selector-tag{background-color:var(--kbq-code-block-hljs-selector-tag-background, );color:var(--kbq-code-block-hljs-selector-tag-color, )}.kbq-code-block .hljs-string{background-color:var(--kbq-code-block-hljs-string-background, );color:var(--kbq-code-block-hljs-string-color, )}.kbq-code-block .hljs-strong{background-color:var(--kbq-code-block-hljs-strong-background, );color:var(--kbq-code-block-hljs-strong-color, )}.kbq-code-block .hljs-subst{background-color:var(--kbq-code-block-hljs-subst-background, );color:var(--kbq-code-block-hljs-subst-color, )}.kbq-code-block .hljs-symbol{background-color:var(--kbq-code-block-hljs-symbol-background, );color:var(--kbq-code-block-hljs-symbol-color, )}.kbq-code-block .hljs-tag{background-color:var(--kbq-code-block-hljs-tag-background, );color:var(--kbq-code-block-hljs-tag-color, )}.kbq-code-block .hljs-template-tag{background-color:var(--kbq-code-block-hljs-template-tag-background, );color:var(--kbq-code-block-hljs-template-tag-color, )}.kbq-code-block .hljs-template-variable{background-color:var(--kbq-code-block-hljs-template-variable-background, );color:var(--kbq-code-block-hljs-template-variable-color, )}.kbq-code-block .hljs-title{background-color:var(--kbq-code-block-hljs-title-background, );color:var(--kbq-code-block-hljs-title-color, )}.kbq-code-block .hljs-title-class{background-color:var(--kbq-code-block-hljs-title-class-background, );color:var(--kbq-code-block-hljs-title-class-color, )}.kbq-code-block .hljs-title-class-inherited{background-color:var(--kbq-code-block-hljs-title-class-inherited-background, );color:var(--kbq-code-block-hljs-title-class-inherited-color, )}.kbq-code-block .hljs-title-function{background-color:var(--kbq-code-block-hljs-title-function-background, );color:var(--kbq-code-block-hljs-title-function-color, )}.kbq-code-block .hljs-title-function-invoke{background-color:var(--kbq-code-block-hljs-title-function-invoke-background, );color:var(--kbq-code-block-hljs-title-function-invoke-color, )}.kbq-code-block .hljs-type{background-color:var(--kbq-code-block-hljs-type-background, );color:var(--kbq-code-block-hljs-type-color, )}.kbq-code-block .hljs-variable{background-color:var(--kbq-code-block-hljs-variable-background, );color:var(--kbq-code-block-hljs-variable-color, )}.kbq-code-block .hljs-variable-constant{background-color:var(--kbq-code-block-hljs-variable-constant-background, );color:var(--kbq-code-block-hljs-variable-constant-color, )}.kbq-code-block .hljs-variable-language{background-color:var(--kbq-code-block-hljs-variable-language-background, );color:var(--kbq-code-block-hljs-variable-language-color, )}.kbq-code-block .hljs-ln-n{color:var(--kbq-code-block-hljs-line-numbers-color, )}.kbq-code-block.kbq-code-block_outline{background:var(--kbq-code-block-outline-container-background, )}.kbq-code-block.kbq-code-block_outline .kbq-tab-header{background:var(--kbq-code-block-outline-header-background, )!important;border-color:var(--kbq-code-block-outline-container-border-color, )}.kbq-code-block.kbq-code-block_outline .kbq-tab-body__wrapper{border-color:var(--kbq-code-block-outline-container-border-color, )}.kbq-code-block.kbq-code-block_outline:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-color:transparent}.kbq-code-block.kbq-code-block_outline .kbq-code-block-actionbar,.kbq-code-block.kbq-code-block_outline .kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{background:var(--kbq-code-block-outline-actionbar-background, )}.kbq-code-block.kbq-code-block_outline.kbq-code-block_header-with-shadow .kbq-tab-header{box-shadow:var(--kbq-code-block-outline-header-shadow, )}.kbq-code-block.kbq-code-block_outline.kbq-code-block_no-header .kbq-code-block__fade-gradient{background:var(--kbq-code-block-outline-actionbar-fade-gradient, )}.kbq-code-block.kbq-code-block_outline .kbq-code-block__show-more .bg-wrapper{background:var(--kbq-code-block-outline-collapse-button-expand-background, );opacity:90%}.kbq-code-block.kbq-code-block_outline .kbq-code-block__show-more_expanded{background:var(--kbq-code-block-outline-collapse-expanded-background, )}.kbq-code-block.kbq-code-block_outline .kbq-code-block__show-more_collapsed{background:var(--kbq-code-block-outline-collapse-collapsed-background, )}.kbq-code-block.kbq-code-block_filled{background:var(--kbq-code-block-filled-container-background, )}.kbq-code-block.kbq-code-block_filled .kbq-tab-header{background:var(--kbq-code-block-filled-header-background, )!important;border-color:var(--kbq-code-block-filled-container-border-color, )}.kbq-code-block.kbq-code-block_filled .kbq-tab-body__wrapper{border-color:var(--kbq-code-block-filled-container-border-color, )}.kbq-code-block.kbq-code-block_filled:not(.kbq-code-block_no-header) .kbq-tab-body__wrapper{border-top-color:transparent}.kbq-code-block.kbq-code-block_filled .kbq-code-block-actionbar,.kbq-code-block.kbq-code-block_filled .kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{background:var(--kbq-code-block-filled-actionbar-background, )}.kbq-code-block.kbq-code-block_filled.kbq-code-block_header-with-shadow .kbq-tab-header{box-shadow:var(--kbq-code-block-filled-header-shadow, )}.kbq-code-block.kbq-code-block_filled.kbq-code-block_no-header .kbq-code-block__fade-gradient{background:var(--kbq-code-block-filled-actionbar-fade-gradient, )}.kbq-code-block.kbq-code-block_filled .kbq-code-block__show-more .bg-wrapper{background:var(--kbq-code-block-filled-collapse-button-expand-background, );opacity:90%}.kbq-code-block.kbq-code-block_filled .kbq-code-block__show-more_expanded{background:var(--kbq-code-block-filled-collapse-expanded-background, )}.kbq-code-block.kbq-code-block_filled .kbq-code-block__show-more_collapsed{background:var(--kbq-code-block-filled-collapse-collapsed-background, )}.kbq-code-block .kbq-tab-header .kbq-tab-label.kbq-tab-label_horizontal,.kbq-code-block .kbq-tab-header .kbq-tab-header__pagination{border-bottom-color:transparent}.kbq-code-block .kbq-tab-group.kbq-focused .kbq-tab-header{box-shadow:0 2px 0 -1px var(--kbq-states-focused-color, )}.kbq-code-block .kbq-tab-group.kbq-focused .kbq-tab-body__wrapper{border-color:var(--kbq-states-focused-color, );box-shadow:inset 0 0 .1 1px var(--kbq-states-focused-color, )}.kbq-code-block{font-size:var(--kbq-code-block-font-default-font-size, 14px);font-weight:var(--kbq-code-block-font-default-font-weight, normal);line-height:var(--kbq-code-block-font-default-line-height, 20px);font-family:var(--kbq-code-block-font-default-font-family, \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace);text-transform:var(--kbq-code-block-font-default-text-transform, );font-feature-settings:var(--kbq-code-block-font-default-font-feature-settings, initial);letter-spacing:var(--kbq-code-block-font-default-letter-spacing, normal)}.kbq-code-block .kbq-code-block__code{font:inherit}.kbq-code-block .kbq-code-block__code>code{font:inherit}\n", ".kbq-code-block{--kbq-code-block-size-container-border-width: 1px;--kbq-code-block-size-container-border-radius: 12px;--kbq-code-block-size-with-header-content-padding-top: 4px;--kbq-code-block-size-with-header-content-padding-bottom: 16px;--kbq-code-block-size-with-header-content-padding-horizontal: 20px;--kbq-code-block-size-with-header-content-content-gap-horizontal: 12px;--kbq-code-block-size-no-header-content-padding-vertical: 14px;--kbq-code-block-size-no-header-content-padding-horizontal: 20px;--kbq-code-block-size-no-header-content-content-gap-horizontal: 12px;--kbq-code-block-size-header-padding-vertical: 8px;--kbq-code-block-size-header-padding-left: 12px;--kbq-code-block-size-header-padding-right: 8px;--kbq-code-block-size-header-content-gap-horizontal: 16px;--kbq-code-block-size-actionbar-content-gap-horizontal: 2px;--kbq-code-block-size-actionbar-padding-vertical: 8px;--kbq-code-block-size-actionbar-padding-horizontal: 12px;--kbq-code-block-size-actionbar-fade-gradient-width: 32px;--kbq-code-block-size-collapse-expanded-padding-top: 0;--kbq-code-block-size-collapse-expanded-padding-bottom: 16px;--kbq-code-block-size-collapse-collapsed-padding-top: 32px;--kbq-code-block-size-collapse-collapsed-padding-bottom: 16px;--kbq-code-block-font-default-font-size: 14px;--kbq-code-block-font-default-line-height: 20px;--kbq-code-block-font-default-letter-spacing: normal;--kbq-code-block-font-default-font-weight: normal;--kbq-code-block-font-default-font-family: \"JetBrains Mono\", \"Roboto Mono\", \"Consolas\", \"Menlo\", \"Monaco\", monospace;--kbq-code-block-font-default-text-transform: null;--kbq-code-block-font-default-font-feature-settings: initial;--kbq-code-block-font-hljs-addition-font-style: null;--kbq-code-block-font-hljs-addition-font-weight: null;--kbq-code-block-font-hljs-attr-font-style: null;--kbq-code-block-font-hljs-attr-font-weight: null;--kbq-code-block-font-hljs-attribute-font-style: null;--kbq-code-block-font-hljs-attribute-font-weight: null;--kbq-code-block-font-hljs-built-in-font-style: null;--kbq-code-block-font-hljs-built-in-font-weight: null;--kbq-code-block-font-hljs-bullet-font-style: null;--kbq-code-block-font-hljs-bullet-font-weight: null;--kbq-code-block-font-hljs-char-escape-font-style: null;--kbq-code-block-font-hljs-char-escape-font-weight: null;--kbq-code-block-font-hljs-class-font-style: null;--kbq-code-block-font-hljs-class-font-weight: null;--kbq-code-block-font-hljs-code-font-style: null;--kbq-code-block-font-hljs-code-font-weight: null;--kbq-code-block-font-hljs-comment-font-style: null;--kbq-code-block-font-hljs-comment-font-weight: null;--kbq-code-block-font-hljs-deletion-font-style: null;--kbq-code-block-font-hljs-deletion-font-weight: null;--kbq-code-block-font-hljs-doctag-font-style: null;--kbq-code-block-font-hljs-doctag-font-weight: null;--kbq-code-block-font-hljs-emphasis-font-style: null;--kbq-code-block-font-hljs-emphasis-font-weight: null;--kbq-code-block-font-hljs-formula-font-style: null;--kbq-code-block-font-hljs-formula-font-weight: null;--kbq-code-block-font-hljs-function-font-style: null;--kbq-code-block-font-hljs-function-font-weight: null;--kbq-code-block-font-hljs-keyword-font-style: null;--kbq-code-block-font-hljs-keyword-font-weight: null;--kbq-code-block-font-hljs-link-font-style: null;--kbq-code-block-font-hljs-link-font-weight: null;--kbq-code-block-font-hljs-literal-font-style: null;--kbq-code-block-font-hljs-literal-font-weight: null;--kbq-code-block-font-hljs-meta-font-style: null;--kbq-code-block-font-hljs-meta-font-weight: null;--kbq-code-block-font-hljs-meta-keyword-font-style: null;--kbq-code-block-font-hljs-meta-keyword-font-weight: null;--kbq-code-block-font-hljs-meta-string-font-style: null;--kbq-code-block-font-hljs-meta-string-font-weight: null;--kbq-code-block-font-hljs-meta-prompt-font-style: null;--kbq-code-block-font-hljs-meta-prompt-font-weight: null;--kbq-code-block-font-hljs-name-font-style: null;--kbq-code-block-font-hljs-name-font-weight: null;--kbq-code-block-font-hljs-number-font-style: null;--kbq-code-block-font-hljs-number-font-weight: null;--kbq-code-block-font-hljs-operator-font-style: null;--kbq-code-block-font-hljs-operator-font-weight: null;--kbq-code-block-font-hljs-params-font-style: null;--kbq-code-block-font-hljs-params-font-weight: null;--kbq-code-block-font-hljs-property-font-style: null;--kbq-code-block-font-hljs-property-font-weight: null;--kbq-code-block-font-hljs-punctuation-font-style: null;--kbq-code-block-font-hljs-punctuation-font-weight: null;--kbq-code-block-font-hljs-quote-font-style: null;--kbq-code-block-font-hljs-quote-font-weight: null;--kbq-code-block-font-hljs-regexp-font-style: null;--kbq-code-block-font-hljs-regexp-font-weight: null;--kbq-code-block-font-hljs-section-font-style: null;--kbq-code-block-font-hljs-section-font-weight: null;--kbq-code-block-font-hljs-selector-attr-font-style: null;--kbq-code-block-font-hljs-selector-attr-font-weight: null;--kbq-code-block-font-hljs-selector-class-font-style: null;--kbq-code-block-font-hljs-selector-class-font-weight: null;--kbq-code-block-font-hljs-selector-id-font-style: null;--kbq-code-block-font-hljs-selector-id-font-weight: null;--kbq-code-block-font-hljs-selector-pseudo-font-style: null;--kbq-code-block-font-hljs-selector-pseudo-font-weight: null;--kbq-code-block-font-hljs-selector-tag-font-style: null;--kbq-code-block-font-hljs-selector-tag-font-weight: null;--kbq-code-block-font-hljs-string-font-style: null;--kbq-code-block-font-hljs-string-font-weight: null;--kbq-code-block-font-hljs-strong-font-style: null;--kbq-code-block-font-hljs-strong-font-weight: null;--kbq-code-block-font-hljs-subst-font-style: null;--kbq-code-block-font-hljs-subst-font-weight: null;--kbq-code-block-font-hljs-symbol-font-style: null;--kbq-code-block-font-hljs-symbol-font-weight: null;--kbq-code-block-font-hljs-tag-font-style: null;--kbq-code-block-font-hljs-tag-font-weight: null;--kbq-code-block-font-hljs-template-tag-font-style: null;--kbq-code-block-font-hljs-template-tag-font-weight: null;--kbq-code-block-font-hljs-template-variable-font-style: null;--kbq-code-block-font-hljs-template-variable-font-weight: null;--kbq-code-block-font-hljs-title-font-style: null;--kbq-code-block-font-hljs-title-font-weight: null;--kbq-code-block-font-hljs-title-class-font-style: normal;--kbq-code-block-font-hljs-title-class-font-weight: 500;--kbq-code-block-font-hljs-title-class-inherited-font-style: null;--kbq-code-block-font-hljs-title-class-inherited-font-weight: null;--kbq-code-block-font-hljs-title-function-font-style: null;--kbq-code-block-font-hljs-title-function-font-weight: null;--kbq-code-block-font-hljs-title-function-invoke-font-style: null;--kbq-code-block-font-hljs-title-function-invoke-font-weight: null;--kbq-code-block-font-hljs-type-font-style: null;--kbq-code-block-font-hljs-type-font-weight: null;--kbq-code-block-font-hljs-variable-font-style: null;--kbq-code-block-font-hljs-variable-font-weight: null;--kbq-code-block-font-hljs-variable-constant-font-style: null;--kbq-code-block-font-hljs-variable-constant-font-weight: null;--kbq-code-block-font-hljs-variable-language-font-style: null;--kbq-code-block-font-hljs-variable-language-font-weight: null}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-code-block-filled-container-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-filled-container-border-color: transparent;--kbq-code-block-filled-header-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-filled-header-shadow: 0px 1px 0px 0px hsla(229, 15%, 6%, 12%);--kbq-code-block-filled-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 95%, 100%));--kbq-code-block-filled-actionbar-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-filled-collapse-expanded-background: transparent;--kbq-code-block-filled-collapse-collapsed-background: linear-gradient( 180deg, hsla(225, 15%, 95%, 0%) 0%, hsla(225, 15%, 95%, 100%) 100% );--kbq-code-block-filled-collapse-button-expand-background: hsla(229, 15%, 95%, 100%);--kbq-code-block-outline-container-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-outline-container-border-color: hsla(229, 15%, 6%, 12%);--kbq-code-block-outline-header-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-outline-header-shadow: 0px 1px 0px 0px hsla(229, 15%, 6%, 12%);--kbq-code-block-outline-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 100%, 100%));--kbq-code-block-outline-actionbar-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-outline-collapse-expanded-background: transparent;--kbq-code-block-outline-collapse-collapsed-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0%) 0%, hsla(0, 0%, 100%, 100%) 100% );--kbq-code-block-outline-collapse-button-expand-background: hsla(229, 15%, 100%, 100%);--kbq-code-block-hljs-addition-background: hsla(104, 64%, 95%, 100%);--kbq-code-block-hljs-addition-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-attr-background: null;--kbq-code-block-hljs-attr-color: null;--kbq-code-block-hljs-attribute-background: null;--kbq-code-block-hljs-attribute-color: null;--kbq-code-block-hljs-built-in-background: null;--kbq-code-block-hljs-built-in-color: null;--kbq-code-block-hljs-bullet-background: null;--kbq-code-block-hljs-bullet-color: null;--kbq-code-block-hljs-char-escape-background: null;--kbq-code-block-hljs-char-escape-color: null;--kbq-code-block-hljs-class-background: null;--kbq-code-block-hljs-class-color: null;--kbq-code-block-hljs-code-background: null;--kbq-code-block-hljs-code-color: null;--kbq-code-block-hljs-comment-background: null;--kbq-code-block-hljs-comment-color: hsla(229, 15%, 60%, 100%);--kbq-code-block-hljs-deletion-background: hsla(7, 97%, 95%, 100%);--kbq-code-block-hljs-deletion-color: hsla(7, 97%, 35%, 100%);--kbq-code-block-hljs-doctag-background: null;--kbq-code-block-hljs-doctag-color: null;--kbq-code-block-hljs-emphasis-background: null;--kbq-code-block-hljs-emphasis-color: null;--kbq-code-block-hljs-formula-background: null;--kbq-code-block-hljs-formula-color: null;--kbq-code-block-hljs-function-background: null;--kbq-code-block-hljs-function-color: null;--kbq-code-block-hljs-keyword-background: null;--kbq-code-block-hljs-keyword-color: null;--kbq-code-block-hljs-line-numbers-color: hsla(229, 15%, 50%, 100%);--kbq-code-block-hljs-link-background: null;--kbq-code-block-hljs-link-color: null;--kbq-code-block-hljs-literal-background: null;--kbq-code-block-hljs-literal-color: hsla(277, 72%, 30%, 100%);--kbq-code-block-hljs-meta-background: null;--kbq-code-block-hljs-meta-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-meta-keyword-background: null;--kbq-code-block-hljs-meta-keyword-color: null;--kbq-code-block-hljs-meta-string-background: null;--kbq-code-block-hljs-meta-string-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-meta-prompt-background: null;--kbq-code-block-hljs-meta-prompt-color: null;--kbq-code-block-hljs-name-background: null;--kbq-code-block-hljs-name-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-number-background: null;--kbq-code-block-hljs-number-color: hsla(277, 72%, 30%, 100%);--kbq-code-block-hljs-operator-background: null;--kbq-code-block-hljs-operator-color: null;--kbq-code-block-hljs-params-background: null;--kbq-code-block-hljs-params-color: null;--kbq-code-block-hljs-property-background: null;--kbq-code-block-hljs-property-color: null;--kbq-code-block-hljs-punctuation-background: null;--kbq-code-block-hljs-punctuation-color: null;--kbq-code-block-hljs-quote-background: null;--kbq-code-block-hljs-quote-color: null;--kbq-code-block-hljs-regexp-background: null;--kbq-code-block-hljs-regexp-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-section-background: null;--kbq-code-block-hljs-section-color: null;--kbq-code-block-hljs-selector-attr-background: null;--kbq-code-block-hljs-selector-attr-color: null;--kbq-code-block-hljs-selector-class-background: null;--kbq-code-block-hljs-selector-class-color: null;--kbq-code-block-hljs-selector-id-background: null;--kbq-code-block-hljs-selector-id-color: null;--kbq-code-block-hljs-selector-pseudo-background: null;--kbq-code-block-hljs-selector-pseudo-color: null;--kbq-code-block-hljs-selector-tag-background: null;--kbq-code-block-hljs-selector-tag-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-string-background: null;--kbq-code-block-hljs-string-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-strong-background: null;--kbq-code-block-hljs-strong-color: null;--kbq-code-block-hljs-subst-background: null;--kbq-code-block-hljs-subst-color: null;--kbq-code-block-hljs-symbol-background: null;--kbq-code-block-hljs-symbol-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-tag-background: null;--kbq-code-block-hljs-tag-color: null;--kbq-code-block-hljs-template-tag-background: null;--kbq-code-block-hljs-template-tag-color: null;--kbq-code-block-hljs-template-variable-background: null;--kbq-code-block-hljs-template-variable-color: null;--kbq-code-block-hljs-title-background: null;--kbq-code-block-hljs-title-color: hsla(216, 100%, 35%, 100%);--kbq-code-block-hljs-title-class-background: null;--kbq-code-block-hljs-title-class-color: null;--kbq-code-block-hljs-title-class-inherited-background: null;--kbq-code-block-hljs-title-class-inherited-color: null;--kbq-code-block-hljs-title-function-background: null;--kbq-code-block-hljs-title-function-color: null;--kbq-code-block-hljs-title-function-invoke-background: null;--kbq-code-block-hljs-title-function-invoke-color: null;--kbq-code-block-hljs-type-background: null;--kbq-code-block-hljs-type-color: null;--kbq-code-block-hljs-variable-background: null;--kbq-code-block-hljs-variable-color: null;--kbq-code-block-hljs-variable-constant-background: null;--kbq-code-block-hljs-variable-constant-color: null;--kbq-code-block-hljs-variable-language-background: null;--kbq-code-block-hljs-variable-language-color: null}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-code-block-filled-container-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-filled-container-border-color: hsla(229, 15%, 22%, 100%);--kbq-code-block-filled-header-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-filled-header-shadow: 0px 1px 0px 0px hsla(229, 100%, 85%, 15%);--kbq-code-block-filled-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 16%, 100%));--kbq-code-block-filled-actionbar-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-filled-collapse-expanded-background: transparent;--kbq-code-block-filled-collapse-collapsed-background: linear-gradient( 180deg, hsla(229, 15%, 15%, 0%) 0%, hsla(229, 15%, 15%, 1%) 100% );--kbq-code-block-filled-collapse-button-expand-background: hsla(229, 15%, 16%, 100%);--kbq-code-block-outline-container-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-outline-container-border-color: transparent;--kbq-code-block-outline-header-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-outline-header-shadow: 0px 1px 0px 0px hsla(229, 100%, 85%, 15%);--kbq-code-block-outline-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 15%, 100%));--kbq-code-block-outline-actionbar-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-outline-collapse-expanded-background: transparent;--kbq-code-block-outline-collapse-collapsed-background: linear-gradient( 180deg, hsla(229, 15%, 12%, 0%) 0%, hsla(229, 15%, 12%, 1%) 100% );--kbq-code-block-outline-collapse-button-expand-background: hsla(229, 15%, 15%, 100%);--kbq-code-block-hljs-addition-background: hsla(104, 64%, 95%, 100%);--kbq-code-block-hljs-addition-color: hsla(104, 64%, 25%, 100%);--kbq-code-block-hljs-attr-background: null;--kbq-code-block-hljs-attr-color: null;--kbq-code-block-hljs-attribute-background: null;--kbq-code-block-hljs-attribute-color: null;--kbq-code-block-hljs-built-in-background: null;--kbq-code-block-hljs-built-in-color: null;--kbq-code-block-hljs-bullet-background: null;--kbq-code-block-hljs-bullet-color: null;--kbq-code-block-hljs-char-escape-background: null;--kbq-code-block-hljs-char-escape-color: null;--kbq-code-block-hljs-class-background: null;--kbq-code-block-hljs-class-color: null;--kbq-code-block-hljs-code-background: null;--kbq-code-block-hljs-code-color: null;--kbq-code-block-hljs-comment-background: null;--kbq-code-block-hljs-comment-color: hsla(229, 15%, 60%, 100%);--kbq-code-block-hljs-deletion-background: hsla(7, 97%, 95%, 100%);--kbq-code-block-hljs-deletion-color: hsla(7, 97%, 35%, 100%);--kbq-code-block-hljs-doctag-background: null;--kbq-code-block-hljs-doctag-color: null;--kbq-code-block-hljs-emphasis-background: null;--kbq-code-block-hljs-emphasis-color: null;--kbq-code-block-hljs-formula-background: null;--kbq-code-block-hljs-formula-color: null;--kbq-code-block-hljs-function-background: null;--kbq-code-block-hljs-function-color: null;--kbq-code-block-hljs-keyword-background: null;--kbq-code-block-hljs-keyword-color: null;--kbq-code-block-hljs-line-numbers-color: hsla(229, 15%, 60%, 100%);--kbq-code-block-hljs-link-background: null;--kbq-code-block-hljs-link-color: null;--kbq-code-block-hljs-literal-background: null;--kbq-code-block-hljs-literal-color: hsla(277, 72%, 60%, 100%);--kbq-code-block-hljs-meta-background: null;--kbq-code-block-hljs-meta-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-meta-keyword-background: null;--kbq-code-block-hljs-meta-keyword-color: null;--kbq-code-block-hljs-meta-string-background: null;--kbq-code-block-hljs-meta-string-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-meta-prompt-background: null;--kbq-code-block-hljs-meta-prompt-color: null;--kbq-code-block-hljs-name-background: null;--kbq-code-block-hljs-name-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-number-background: null;--kbq-code-block-hljs-number-color: hsla(277, 72%, 60%, 100%);--kbq-code-block-hljs-operator-background: null;--kbq-code-block-hljs-operator-color: null;--kbq-code-block-hljs-params-background: null;--kbq-code-block-hljs-params-color: null;--kbq-code-block-hljs-property-background: null;--kbq-code-block-hljs-property-color: null;--kbq-code-block-hljs-punctuation-background: null;--kbq-code-block-hljs-punctuation-color: null;--kbq-code-block-hljs-quote-background: null;--kbq-code-block-hljs-quote-color: null;--kbq-code-block-hljs-regexp-background: null;--kbq-code-block-hljs-regexp-color: hsla(104, 64%, 40%, 100%);--kbq-code-block-hljs-section-background: null;--kbq-code-block-hljs-section-color: null;--kbq-code-block-hljs-selector-attr-background: null;--kbq-code-block-hljs-selector-attr-color: null;--kbq-code-block-hljs-selector-class-background: null;--kbq-code-block-hljs-selector-class-color: null;--kbq-code-block-hljs-selector-id-background: null;--kbq-code-block-hljs-selector-id-color: null;--kbq-code-block-hljs-selector-pseudo-background: null;--kbq-code-block-hljs-selector-pseudo-color: null;--kbq-code-block-hljs-selector-tag-background: null;--kbq-code-block-hljs-selector-tag-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-string-background: null;--kbq-code-block-hljs-string-color: hsla(104, 64%, 40%, 100%);--kbq-code-block-hljs-strong-background: null;--kbq-code-block-hljs-strong-color: null;--kbq-code-block-hljs-subst-background: null;--kbq-code-block-hljs-subst-color: null;--kbq-code-block-hljs-symbol-background: null;--kbq-code-block-hljs-symbol-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-tag-background: null;--kbq-code-block-hljs-tag-color: null;--kbq-code-block-hljs-template-tag-background: null;--kbq-code-block-hljs-template-tag-color: null;--kbq-code-block-hljs-template-variable-background: null;--kbq-code-block-hljs-template-variable-color: null;--kbq-code-block-hljs-title-background: null;--kbq-code-block-hljs-title-color: hsla(216, 100%, 65%, 100%);--kbq-code-block-hljs-title-class-background: null;--kbq-code-block-hljs-title-class-color: null;--kbq-code-block-hljs-title-class-inherited-background: null;--kbq-code-block-hljs-title-class-inherited-color: null;--kbq-code-block-hljs-title-function-background: null;--kbq-code-block-hljs-title-function-color: null;--kbq-code-block-hljs-title-function-invoke-background: null;--kbq-code-block-hljs-title-function-invoke-color: null;--kbq-code-block-hljs-type-background: null;--kbq-code-block-hljs-type-color: null;--kbq-code-block-hljs-variable-background: null;--kbq-code-block-hljs-variable-color: null;--kbq-code-block-hljs-variable-constant-background: null;--kbq-code-block-hljs-variable-constant-color: null;--kbq-code-block-hljs-variable-language-background: null;--kbq-code-block-hljs-variable-language-color: null}\n"] }]
308
308
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Clipboard }, { type: i0.Renderer2 }, { type: i2$1.FocusMonitor }, { type: undefined, decorators: [{
309
309
  type: Optional
310
310
  }, {