@koobiq/components 18.25.0 → 18.27.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.
- package/badge/_badge-theme.scss +1 -1
- package/breadcrumbs/breadcrumbs.scss +0 -1
- package/button/_button-theme.scss +1 -1
- package/button-toggle/_button-toggle-theme.scss +1 -1
- package/checkbox/checkbox-tokens.scss +0 -2
- package/checkbox/checkbox.scss +17 -11
- package/code-block/code-block.scss +2 -0
- package/core/locales/en-US.d.ts +1 -0
- package/core/locales/es-LA.d.ts +1 -0
- package/core/locales/fa-IR.d.ts +1 -0
- package/core/locales/locale-service.d.ts +7 -0
- package/core/locales/pt-BR.d.ts +1 -0
- package/core/locales/ru-RU.d.ts +1 -0
- package/core/locales/tk-TM.d.ts +1 -0
- package/core/locales/zh-CN.d.ts +1 -0
- package/core/option/_option-action-theme.scss +3 -3
- package/core/option/_option-theme.scss +1 -1
- package/core/option/option.d.ts +3 -1
- package/core/pop-up/pop-up-trigger.d.ts +2 -1
- package/core/styles/common/_select.scss +1 -2
- package/core/styles/typography/_typography.scss +2 -0
- package/core/styles/visual/_layout-media.scss +1 -0
- package/core/styles/visual/_layout.scss +2 -0
- package/dropdown/_dropdown-theme.scss +7 -7
- package/dropdown/dropdown.scss +3 -3
- package/esm2022/alert/alert.component.mjs +3 -2
- package/esm2022/badge/badge.component.mjs +2 -2
- package/esm2022/breadcrumbs/breadcrumbs.mjs +3 -3
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
- package/esm2022/checkbox/checkbox.mjs +2 -2
- package/esm2022/core/locales/en-US.mjs +3 -2
- package/esm2022/core/locales/es-LA.mjs +3 -2
- package/esm2022/core/locales/fa-IR.mjs +3 -2
- package/esm2022/core/locales/pt-BR.mjs +3 -2
- package/esm2022/core/locales/ru-RU.mjs +3 -2
- package/esm2022/core/locales/tk-TM.mjs +3 -2
- package/esm2022/core/locales/zh-CN.mjs +3 -2
- package/esm2022/core/option/action.mjs +2 -2
- package/esm2022/core/option/option.mjs +9 -5
- package/esm2022/core/pop-up/pop-up-trigger.mjs +9 -5
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-header.component.mjs +1 -1
- package/esm2022/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +1 -2
- package/esm2022/file-upload/multiple-file-upload.component.mjs +5 -6
- package/esm2022/file-upload/single-file-upload.component.mjs +8 -9
- package/esm2022/filter-bar/filter-bar.mjs +3 -3
- package/esm2022/filter-bar/filter-bar.types.mjs +4 -1
- package/esm2022/filter-bar/pipe-add.mjs +2 -2
- package/esm2022/filter-bar/pipes/base-pipe.mjs +2 -2
- package/esm2022/filter-bar/pipes/pipe-button.mjs +13 -6
- package/esm2022/filter-bar/pipes/pipe-date.mjs +2 -2
- package/esm2022/filter-bar/pipes/pipe-datetime.mjs +2 -2
- package/esm2022/filter-bar/pipes/pipe-multi-select.mjs +46 -5
- package/esm2022/filter-bar/pipes/pipe-readonly.mjs +71 -0
- package/esm2022/filter-bar/pipes/pipe-select.mjs +2 -2
- package/esm2022/filter-bar/pipes/pipe-state.mjs +9 -2
- package/esm2022/filter-bar/pipes/pipe-text.mjs +2 -2
- package/esm2022/filter-bar/public-api.mjs +2 -1
- package/esm2022/form-field/form-field.mjs +2 -2
- package/esm2022/form-field/hint.mjs +2 -2
- package/esm2022/form-field/password-hint.mjs +2 -2
- package/esm2022/input/input-number.mjs +2 -2
- package/esm2022/list/list-selection.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/modal/modal.component.mjs +2 -2
- package/esm2022/navbar/navbar-item.component.mjs +6 -4
- package/esm2022/navbar/navbar.component.mjs +4 -4
- package/esm2022/navbar/vertical-navbar.component.mjs +5 -4
- package/esm2022/popover/popover.component.mjs +20 -1
- package/esm2022/select/select.component.mjs +9 -5
- package/esm2022/sidepanel/sidepanel-container.component.mjs +2 -2
- package/esm2022/tags/tag-list.component.mjs +12 -6
- package/esm2022/timezone/timezone-option.component.mjs +2 -2
- package/esm2022/timezone/timezone-select.component.mjs +2 -2
- package/esm2022/toast/toast-container.component.mjs +2 -2
- package/esm2022/toast/toast.component.mjs +3 -3
- package/esm2022/toast/toast.service.mjs +18 -15
- package/esm2022/toast/toast.type.mjs +19 -2
- package/esm2022/toggle/toggle.component.mjs +18 -12
- package/esm2022/top-bar/top-bar.mjs +14 -6
- package/esm2022/tree/toggle.mjs +2 -2
- package/esm2022/tree/tree-selection.component.mjs +2 -2
- package/esm2022/tree/tree.mjs +2 -2
- package/esm2022/tree-select/tree-select.component.mjs +8 -4
- package/fesm2022/koobiq-components-alert.mjs +2 -1
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +2 -2
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-breadcrumbs.mjs +2 -2
- package/fesm2022/koobiq-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -2
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +2 -2
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +33 -18
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +2 -2
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-ellipsis-center.mjs +0 -1
- package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +11 -13
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-filter-bar.mjs +139 -22
- package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +6 -6
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-input.mjs +1 -1
- package/fesm2022/koobiq-components-input.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +4 -4
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +2 -2
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +11 -9
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +19 -0
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +8 -4
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
- package/fesm2022/koobiq-components-tags.mjs +11 -5
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +4 -4
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +40 -20
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +16 -10
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-top-bar.mjs +13 -5
- package/fesm2022/koobiq-components-top-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +7 -3
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +6 -6
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +17 -15
- package/file-upload/file-upload.scss +6 -3
- package/file-upload/multiple-file-upload.component.scss +2 -0
- package/file-upload/single-file-upload.component.scss +2 -0
- package/filter-bar/_filter-bar-theme.scss +1 -1
- package/filter-bar/filter-bar.types.d.ts +6 -3
- package/filter-bar/pipes/pipe-button.d.ts +4 -1
- package/filter-bar/pipes/pipe-multi-select.d.ts +15 -1
- package/filter-bar/pipes/pipe-readonly.d.ts +7 -0
- package/filter-bar/pipes/pipe-state.d.ts +6 -0
- package/filter-bar/public-api.d.ts +1 -0
- package/form-field/_form-field-theme.scss +2 -2
- package/form-field/_hint-theme.scss +1 -1
- package/link/_link-theme.scss +1 -1
- package/list/_list-theme.scss +11 -21
- package/list/list.scss +20 -6
- package/markdown/markdown.scss +2 -0
- package/modal/modal-tokens.scss +1 -1
- package/modal/modal.scss +8 -3
- package/navbar/_navbar-theme.scss +1 -1
- package/package.json +4 -4
- package/popover/popover.component.d.ts +5 -3
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/prebuilt-themes/theme.css +1 -1
- package/schematics/ng-add/index.js +2 -2
- package/scrollbar/scrollbar.component.scss +2 -0
- package/select/select.component.d.ts +1 -0
- package/sidepanel/sidepanel-tokens.scss +4 -4
- package/sidepanel/sidepanel.scss +1 -0
- package/tabs/_tabs-theme.scss +1 -1
- package/tags/_tag-theme.scss +1 -1
- package/textarea/textarea-tokens.scss +1 -1
- package/toast/toast-container.component.scss +29 -3
- package/toast/toast-tokens.scss +5 -1
- package/toast/toast.service.d.ts +0 -1
- package/toast/toast.type.d.ts +12 -2
- package/toggle/toggle.component.d.ts +6 -2
- package/toggle/toggle.scss +3 -0
- package/top-bar/top-bar-tokens.scss +4 -3
- package/top-bar/top-bar.d.ts +7 -0
- package/top-bar/top-bar.scss +27 -3
- package/tree/_tree-theme.scss +4 -4
- package/tree-select/tree-select.component.d.ts +1 -0
|
@@ -148,7 +148,7 @@ export class KbqButton extends KbqColorDirective {
|
|
|
148
148
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqButton, deps: [{ token: i1.FocusMonitor }, { token: KbqButtonCssStyler }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
149
149
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.6", type: KbqButton, selector: "[kbq-button]", inputs: { kbqStyle: "kbqStyle", disabled: ["disabled", "disabled", booleanAttribute], tabIndex: ["tabIndex", "tabIndex", numberAttribute] }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "class.kbq-disabled": "disabled", "attr.tabIndex": "tabIndex", "class": "kbqStyle" } }, providers: [
|
|
150
150
|
{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqButton }
|
|
151
|
-
], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #kbqTitleText class=\"kbq-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n <ng-content />\n</div>\n<div class=\"kbq-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height);min-height:var(--kbq-button-size-height);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width) solid transparent;border-radius:var(--kbq-button-size-border-radius)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-icon{padding-left:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-overlay{position:absolute;top:calc(-1 * var(--kbq-button-size-border-width));left:calc(-1 * var(--kbq-button-size-border-width));right:calc(-1 * var(--kbq-button-size-border-width));bottom:calc(-1 * var(--kbq-button-size-border-width));border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border);color:var(--kbq-button-filled-contrast-fade-off-foreground);background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border);color:var(--kbq-button-filled-contrast-fade-on-foreground);background:var(--kbq-button-filled-contrast-fade-on-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border);color:var(--kbq-button-outline-theme-fade-on-foreground);background:var(--kbq-button-outline-theme-fade-on-background)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border);color:var(--kbq-button-outline-contrast-fade-on-foreground);background:var(--kbq-button-outline-contrast-fade-on-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border);color:var(--kbq-button-transparent-theme-fade-on-foreground);background:var(--kbq-button-transparent-theme-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border);color:var(--kbq-button-transparent-contrast-fade-on-foreground);background:var(--kbq-button-transparent-contrast-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button,.kbq-button-icon{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height)}\n", ".kbq-button,.kbq-button-icon{--kbq-button-size-height: var(--kbq-size-3xl);--kbq-button-size-border-width: var(--kbq-size-border-width);--kbq-button-size-border-radius: var(--kbq-size-border-radius);--kbq-button-size-horizontal-padding: var(--kbq-size-m);--kbq-button-size-content-padding: var(--kbq-size-xs);--kbq-button-icon-size-horizontal-padding: var(--kbq-size-s);--kbq-button-icon-size-vertical-padding: var(--kbq-size-s);--kbq-button-icon-size-content-padding: var(--kbq-size-xxs);--kbq-button-filled-contrast-fade-off-background: var(--kbq-background-contrast);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: var(--kbq-foreground-on-contrast);--kbq-button-filled-contrast-fade-off-left-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-right-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-states-hover-background: var(--kbq-states-background-contrast-hover);--kbq-button-filled-contrast-fade-off-states-active-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-active-hover-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-background: var(--kbq-background-contrast-fade);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-filled-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-filled-contrast-fade-on-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-filled-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-contrast-fade-active );--kbq-button-filled-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-theme-fade-on-states-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-contrast-fade-on-states-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-contrast-fade-on-states-active-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-outline-contrast-fade-on-states-active-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
151
|
+
], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #kbqTitleText class=\"kbq-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n <ng-content />\n</div>\n<div class=\"kbq-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height);min-height:var(--kbq-button-size-height);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width) solid transparent;border-radius:var(--kbq-button-size-border-radius)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-icon{padding-left:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-overlay{position:absolute;top:calc(-1 * var(--kbq-button-size-border-width));left:calc(-1 * var(--kbq-button-size-border-width));right:calc(-1 * var(--kbq-button-size-border-width));bottom:calc(-1 * var(--kbq-button-size-border-width));border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border);color:var(--kbq-button-filled-contrast-fade-off-foreground);background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border);color:var(--kbq-button-filled-contrast-fade-on-foreground);background:var(--kbq-button-filled-contrast-fade-on-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border);color:var(--kbq-button-outline-theme-fade-on-foreground);background:var(--kbq-button-outline-theme-fade-on-background)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border);color:var(--kbq-button-outline-contrast-fade-on-foreground);background:var(--kbq-button-outline-contrast-fade-on-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border);color:var(--kbq-button-transparent-theme-fade-on-foreground);background:var(--kbq-button-transparent-theme-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border);color:var(--kbq-button-transparent-contrast-fade-on-foreground);background:var(--kbq-button-transparent-contrast-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button,.kbq-button-icon{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height)}\n", ".kbq-button,.kbq-button-icon{--kbq-button-size-height: var(--kbq-size-3xl);--kbq-button-size-border-width: var(--kbq-size-border-width);--kbq-button-size-border-radius: var(--kbq-size-border-radius);--kbq-button-size-horizontal-padding: var(--kbq-size-m);--kbq-button-size-content-padding: var(--kbq-size-xs);--kbq-button-icon-size-horizontal-padding: var(--kbq-size-s);--kbq-button-icon-size-vertical-padding: var(--kbq-size-s);--kbq-button-icon-size-content-padding: var(--kbq-size-xxs);--kbq-button-filled-contrast-fade-off-background: var(--kbq-background-contrast);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: var(--kbq-foreground-on-contrast);--kbq-button-filled-contrast-fade-off-left-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-right-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-states-hover-background: var(--kbq-states-background-contrast-hover);--kbq-button-filled-contrast-fade-off-states-active-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-active-hover-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-background: var(--kbq-background-contrast-fade);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-filled-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-filled-contrast-fade-on-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-filled-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-contrast-fade-active );--kbq-button-filled-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-theme-fade-on-states-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-contrast-fade-on-states-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-contrast-fade-on-states-active-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-outline-contrast-fade-on-states-active-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
152
152
|
}
|
|
153
153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqButton, decorators: [{
|
|
154
154
|
type: Component,
|
|
@@ -161,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
161
161
|
'(blur)': 'onBlur()'
|
|
162
162
|
}, providers: [
|
|
163
163
|
{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqButton }
|
|
164
|
-
], template: "<div #kbqTitleText class=\"kbq-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n <ng-content />\n</div>\n<div class=\"kbq-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height);min-height:var(--kbq-button-size-height);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width) solid transparent;border-radius:var(--kbq-button-size-border-radius)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-icon{padding-left:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-overlay{position:absolute;top:calc(-1 * var(--kbq-button-size-border-width));left:calc(-1 * var(--kbq-button-size-border-width));right:calc(-1 * var(--kbq-button-size-border-width));bottom:calc(-1 * var(--kbq-button-size-border-width));border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border);color:var(--kbq-button-filled-contrast-fade-off-foreground);background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border);color:var(--kbq-button-filled-contrast-fade-on-foreground);background:var(--kbq-button-filled-contrast-fade-on-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border);color:var(--kbq-button-outline-theme-fade-on-foreground);background:var(--kbq-button-outline-theme-fade-on-background)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border);color:var(--kbq-button-outline-contrast-fade-on-foreground);background:var(--kbq-button-outline-contrast-fade-on-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border);color:var(--kbq-button-transparent-theme-fade-on-foreground);background:var(--kbq-button-transparent-theme-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border);color:var(--kbq-button-transparent-contrast-fade-on-foreground);background:var(--kbq-button-transparent-contrast-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button,.kbq-button-icon{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height)}\n", ".kbq-button,.kbq-button-icon{--kbq-button-size-height: var(--kbq-size-3xl);--kbq-button-size-border-width: var(--kbq-size-border-width);--kbq-button-size-border-radius: var(--kbq-size-border-radius);--kbq-button-size-horizontal-padding: var(--kbq-size-m);--kbq-button-size-content-padding: var(--kbq-size-xs);--kbq-button-icon-size-horizontal-padding: var(--kbq-size-s);--kbq-button-icon-size-vertical-padding: var(--kbq-size-s);--kbq-button-icon-size-content-padding: var(--kbq-size-xxs);--kbq-button-filled-contrast-fade-off-background: var(--kbq-background-contrast);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: var(--kbq-foreground-on-contrast);--kbq-button-filled-contrast-fade-off-left-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-right-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-states-hover-background: var(--kbq-states-background-contrast-hover);--kbq-button-filled-contrast-fade-off-states-active-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-active-hover-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-background: var(--kbq-background-contrast-fade);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-filled-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-filled-contrast-fade-on-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-filled-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-contrast-fade-active );--kbq-button-filled-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-theme-fade-on-states-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-contrast-fade-on-states-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-contrast-fade-on-states-active-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-outline-contrast-fade-on-states-active-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled)}\n"] }]
|
|
164
|
+
], template: "<div #kbqTitleText class=\"kbq-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n <ng-content />\n</div>\n<div class=\"kbq-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-button,.kbq-light-button,.kbq-button-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--kbq-button-size-height);min-height:var(--kbq-button-size-height);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--kbq-button-size-border-width) solid transparent;border-radius:var(--kbq-button-size-border-radius)}.kbq-button::-moz-focus-inner,.kbq-light-button::-moz-focus-inner,.kbq-button-icon::-moz-focus-inner{border:0}.kbq-button:focus,.kbq-light-button:focus,.kbq-button-icon:focus{outline:none}.kbq-disabled.kbq-button,.kbq-disabled.kbq-light-button,.kbq-disabled.kbq-button-icon{cursor:default}.cdk-focused.kbq-button,.cdk-focused.kbq-light-button,.cdk-focused.kbq-button-icon{z-index:1}.kbq-button .kbq-button-wrapper,.kbq-light-button .kbq-button-wrapper,.kbq-button-icon .kbq-button-wrapper{display:flex;align-items:center}.kbq-button .kbq-icon_left,.kbq-light-button .kbq-icon_left,.kbq-button-icon .kbq-icon_left{margin-right:var(--kbq-button-size-content-padding)}.kbq-button .kbq-icon_right,.kbq-light-button .kbq-icon_right,.kbq-button-icon .kbq-icon_right{margin-left:var(--kbq-button-size-content-padding)}.kbq-button{padding-left:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-icon{padding-left:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width));padding-right:calc(var(--kbq-button-icon-size-horizontal-padding) - var(--kbq-button-size-border-width))}.kbq-button-overlay{position:absolute;top:calc(-1 * var(--kbq-button-size-border-width));left:calc(-1 * var(--kbq-button-size-border-width));right:calc(-1 * var(--kbq-button-size-border-width));bottom:calc(-1 * var(--kbq-button-size-border-width));border-radius:inherit}.kbq-button-overlay{display:none}.kbq-button,.kbq-button-icon{-webkit-font-smoothing:antialiased}.kbq-button.kbq-button_filled.kbq-contrast,.kbq-button-icon.kbq-button_filled.kbq-contrast{border-color:var(--kbq-button-filled-contrast-fade-off-border);color:var(--kbq-button-filled-contrast-fade-off-foreground);background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-off-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-off-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-off-states-disabled-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade{border-color:var(--kbq-button-filled-contrast-fade-on-border);color:var(--kbq-button-filled-contrast-fade-on-foreground);background:var(--kbq-button-filled-contrast-fade-on-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-right-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-filled-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-filled-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_filled.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-filled-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade,.kbq-button-icon.kbq-button_outline.kbq-theme-fade{border-color:var(--kbq-button-outline-theme-fade-on-border);color:var(--kbq-button-outline-theme-fade-on-foreground);background:var(--kbq-button-outline-theme-fade-on-background)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-theme-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled{color:var(--kbq-button-outline-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-theme-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade{border-color:var(--kbq-button-outline-contrast-fade-on-border);color:var(--kbq-button-outline-contrast-fade-on-foreground);background:var(--kbq-button-outline-contrast-fade-on-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-right-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-active:not(.kbq-disabled){background:var(--kbq-button-outline-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-outline-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_outline.kbq-contrast-fade.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-outline-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme,.kbq-button-icon.kbq-button_transparent.kbq-theme{border-color:var(--kbq-button-transparent-theme-fade-on-border);color:var(--kbq-button-transparent-theme-fade-on-foreground);background:var(--kbq-button-transparent-theme-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-theme-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-theme-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-theme.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-theme-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast,.kbq-button-icon.kbq-button_transparent.kbq-contrast{border-color:var(--kbq-button-transparent-contrast-fade-on-border);color:var(--kbq-button-transparent-contrast-fade-on-foreground);background:var(--kbq-button-transparent-contrast-fade-on-background)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-right-icon)}.kbq-button.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:hover:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-hover:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-hover-background)}.kbq-button.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast:active:not(.kbq-disabled),.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-active:not(.kbq-disabled){background:var(--kbq-button-transparent-contrast-fade-on-states-active-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-foreground);background:var(--kbq-button-transparent-contrast-fade-on-states-disabled-background)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty,.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_left{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon)}.kbq-button.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right,.kbq-button-icon.kbq-button_transparent.kbq-contrast.kbq-disabled .kbq-icon.kbq-empty.kbq-icon_right{color:var(--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon)}.kbq-button.kbq-button_filled.cdk-keyboard-focused,.kbq-button.kbq-button_outline.cdk-keyboard-focused,.kbq-button.kbq-button_transparent.cdk-keyboard-focused,.kbq-button-icon.kbq-button_filled.cdk-keyboard-focused,.kbq-button-icon.kbq-button_outline.cdk-keyboard-focused,.kbq-button-icon.kbq-button_transparent.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button,.kbq-button-icon{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-button-icon.kbq-button-wrapper .kbq-icon{line-height:var(--kbq-typography-body-line-height)}\n", ".kbq-button,.kbq-button-icon{--kbq-button-size-height: var(--kbq-size-3xl);--kbq-button-size-border-width: var(--kbq-size-border-width);--kbq-button-size-border-radius: var(--kbq-size-border-radius);--kbq-button-size-horizontal-padding: var(--kbq-size-m);--kbq-button-size-content-padding: var(--kbq-size-xs);--kbq-button-icon-size-horizontal-padding: var(--kbq-size-s);--kbq-button-icon-size-vertical-padding: var(--kbq-size-s);--kbq-button-icon-size-content-padding: var(--kbq-size-xxs);--kbq-button-filled-contrast-fade-off-background: var(--kbq-background-contrast);--kbq-button-filled-contrast-fade-off-border: transparent;--kbq-button-filled-contrast-fade-off-foreground: var(--kbq-foreground-on-contrast);--kbq-button-filled-contrast-fade-off-left-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-right-icon: var(--kbq-icon-on-contrast);--kbq-button-filled-contrast-fade-off-states-hover-background: var(--kbq-states-background-contrast-hover);--kbq-button-filled-contrast-fade-off-states-active-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-active-hover-background: var(--kbq-states-background-contrast-active);--kbq-button-filled-contrast-fade-off-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-off-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-off-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-background: var(--kbq-background-contrast-fade);--kbq-button-filled-contrast-fade-on-border: transparent;--kbq-button-filled-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-filled-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-filled-contrast-fade-on-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-filled-contrast-fade-on-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-filled-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-contrast-fade-active );--kbq-button-filled-contrast-fade-on-states-disabled-background: var(--kbq-states-background-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-border: transparent;--kbq-button-filled-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-foreground-disabled);--kbq-button-filled-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-background: transparent;--kbq-button-outline-theme-fade-on-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-theme-fade-on-states-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-theme-fade-on-states-active-hover-border: var(--kbq-line-theme-fade);--kbq-button-outline-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-outline-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-outline-theme-fade-on-states-disabled-background: transparent;--kbq-button-outline-theme-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-background: transparent;--kbq-button-outline-contrast-fade-on-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-outline-contrast-fade-on-states-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-outline-contrast-fade-on-states-active-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-outline-contrast-fade-on-states-active-hover-border: var(--kbq-line-contrast-fade);--kbq-button-outline-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;--kbq-button-outline-contrast-fade-on-states-disabled-border: var(--kbq-states-line-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-outline-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-border: transparent;--kbq-button-transparent-theme-fade-on-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-background: transparent;--kbq-button-transparent-theme-fade-on-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-theme-fade-on-states-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-theme-fade-on-states-active-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-theme-fade-on-states-active-hover-foreground: var(--kbq-foreground-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: var(--kbq-icon-theme);--kbq-button-transparent-theme-fade-on-states-disabled-border: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-background: transparent;--kbq-button-transparent-theme-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-theme-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-border: transparent;--kbq-button-transparent-contrast-fade-on-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-background: transparent;--kbq-button-transparent-contrast-fade-on-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-button-transparent-contrast-fade-on-states-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-background: var(--kbq-states-background-transparent-active);--kbq-button-transparent-contrast-fade-on-states-active-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent;--kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: var(--kbq-foreground-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-background: var( --kbq-states-background-transparent-active );--kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: var(--kbq-icon-contrast);--kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-foreground: var(--kbq-states-foreground-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent;--kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: var(--kbq-states-icon-disabled);--kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: var(--kbq-states-icon-disabled)}\n"] }]
|
|
165
165
|
}], ctorParameters: () => [{ type: i1.FocusMonitor }, { type: KbqButtonCssStyler }], propDecorators: { textElement: [{
|
|
166
166
|
type: ViewChild,
|
|
167
167
|
args: ['kbqTitleText', { static: false }]
|
|
@@ -339,7 +339,7 @@ export class KbqButtonToggle {
|
|
|
339
339
|
<ng-content />
|
|
340
340
|
</div>
|
|
341
341
|
</button>
|
|
342
|
-
`, isInline: true, styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-button-toggle-group{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;gap:var(--kbq-button-toggle-size-container-content-gap-horizontal);border-radius:var(--kbq-button-toggle-size-container-border-radius);padding:var(--kbq-button-toggle-size-container-padding-vertical) var(--kbq-button-toggle-size-container-padding-horizontal)}.kbq-button-toggle-group .kbq-button-toggle{display:flex;overflow:hidden;justify-content:flex-start;align-items:center;height:var(--kbq-button-toggle-size-item-height);min-height:var(--kbq-button-toggle-size-item-height);border-radius:var(--kbq-button-toggle-size-item-border-radius);border:var(--kbq-size-border-width) solid transparent}.kbq-button-toggle-group .kbq-button-toggle.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon{height:inherit;min-height:inherit;border-radius:var(--kbq-button-toggle-size-item-border-radius);border-width:0;padding:calc(var(--kbq-button-toggle-size-item-padding-vertical) - var(--kbq-button-toggle-size-item-focus-outline-width)) calc(var(--kbq-button-toggle-size-item-padding-horizontal) - var(--kbq-button-toggle-size-item-focus-outline-width))}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-wrapper{width:100%}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-toggle-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-toggle-wrapper{display:inline-flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center;width:100%;gap:var(--kbq-button-toggle-size-item-content-gap-horizontal)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon.cdk-keyboard-focused{outline:none}.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button-icon{max-width:100%;height:var(--kbq-button-toggle-size-item-height)}.kbq-button-toggle_vertical{flex-direction:column}.kbq-button-toggle_vertical .kbq-button-toggle{width:100%}.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button,.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button-icon{width:100%;border-radius:var(--kbq-button-toggle-size-item-border-radius)}.kbq-button-toggle-group{background:var(--kbq-button-toggle-container-background)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button{background:var(--kbq-button-toggle-item-default-background);color:var(--kbq-button-toggle-item-default-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button .kbq-icon{color:var(--kbq-button-toggle-item-default-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-hover-background);color:var(--kbq-button-toggle-item-states-hover-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled) .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-button-toggle-item-states-hover-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-active-background);color:var(--kbq-button-toggle-item-states-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled) .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled) .kbq-icon{color:var(--kbq-button-toggle-item-states-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-selected-background);color:var(--kbq-button-toggle-item-states-selected-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled) .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled) .kbq-icon{color:var(--kbq-button-toggle-item-states-selected-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active{background:var(--kbq-button-toggle-item-states-selected-active-background);color:var(--kbq-button-toggle-item-states-selected-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active .kbq-icon{color:var(--kbq-button-toggle-item-states-selected-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled{background:var(--kbq-button-toggle-item-states-disabled-background);color:var(--kbq-button-toggle-item-states-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled .kbq-icon{color:var(--kbq-button-toggle-item-states-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected{background:var(--kbq-button-toggle-item-states-selected-disabled-background);color:var(--kbq-button-toggle-item-states-selected-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected .kbq-icon{color:var(--kbq-button-toggle-item-states-selected-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.cdk-keyboard-focused{border-color:var(--kbq-button-toggle-item-states-focused-outline)}.kbq-button-toggle .kbq-button-toggle-wrapper{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}\n", ".kbq-button-toggle-group{--kbq-button-toggle-size-container-border-radius: var(--kbq-size-border-radius);--kbq-button-toggle-size-container-padding-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-button-toggle-size-container-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-height: 22px;--kbq-button-toggle-size-item-border-radius: var(--kbq-size-xxs);--kbq-button-toggle-size-item-padding-horizontal: var(--kbq-size-s);--kbq-button-toggle-size-item-padding-vertical: var(--kbq-size-3xs);--kbq-button-toggle-size-item-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-focus-outline-width: var(--kbq-size-3xs);--kbq-button-toggle-container-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-default-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-toggle-item-states-hover-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-toggle-item-states-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-background: var(--kbq-background-card);--kbq-button-toggle-item-states-selected-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-active-background: var(--kbq-states-background-transparent-active);--kbq-button-toggle-item-states-selected-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-disabled-background: var(--kbq-states-background-disabled);--kbq-button-toggle-item-states-selected-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-selected-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-disabled-background: none;--kbq-button-toggle-item-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-focused-outline: var(--kbq-states-line-focus-theme)}\n"], dependencies: [{ kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i3.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
342
|
+
`, isInline: true, styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-button-toggle-group{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;gap:var(--kbq-button-toggle-size-container-content-gap-horizontal);border-radius:var(--kbq-button-toggle-size-container-border-radius);padding:var(--kbq-button-toggle-size-container-padding-vertical) var(--kbq-button-toggle-size-container-padding-horizontal)}.kbq-button-toggle-group .kbq-button-toggle{display:flex;overflow:hidden;justify-content:flex-start;align-items:center;height:var(--kbq-button-toggle-size-item-height);min-height:var(--kbq-button-toggle-size-item-height);border-radius:var(--kbq-button-toggle-size-item-border-radius);border:var(--kbq-size-border-width) solid transparent}.kbq-button-toggle-group .kbq-button-toggle.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon{height:inherit;min-height:inherit;border-radius:var(--kbq-button-toggle-size-item-border-radius);border-width:0;padding:calc(var(--kbq-button-toggle-size-item-padding-vertical) - var(--kbq-button-toggle-size-item-focus-outline-width)) calc(var(--kbq-button-toggle-size-item-padding-horizontal) - var(--kbq-button-toggle-size-item-focus-outline-width))}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-wrapper{width:100%}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-toggle-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-toggle-wrapper{display:inline-flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center;width:100%;gap:var(--kbq-button-toggle-size-item-content-gap-horizontal)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon.cdk-keyboard-focused{outline:none}.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button-icon{max-width:100%;height:var(--kbq-button-toggle-size-item-height)}.kbq-button-toggle_vertical{flex-direction:column}.kbq-button-toggle_vertical .kbq-button-toggle{width:100%}.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button,.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button-icon{width:100%;border-radius:var(--kbq-button-toggle-size-item-border-radius)}.kbq-button-toggle-group{background:var(--kbq-button-toggle-container-background)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button{background:var(--kbq-button-toggle-item-default-background);color:var(--kbq-button-toggle-item-default-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-default-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-hover-background);color:var(--kbq-button-toggle-item-states-hover-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-hover-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-active-background);color:var(--kbq-button-toggle-item-states-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-selected-background);color:var(--kbq-button-toggle-item-states-selected-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-selected-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active{background:var(--kbq-button-toggle-item-states-selected-active-background);color:var(--kbq-button-toggle-item-states-selected-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-selected-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled{background:var(--kbq-button-toggle-item-states-disabled-background);color:var(--kbq-button-toggle-item-states-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected{background:var(--kbq-button-toggle-item-states-selected-disabled-background);color:var(--kbq-button-toggle-item-states-selected-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-selected-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.cdk-keyboard-focused{border-color:var(--kbq-button-toggle-item-states-focused-outline)}.kbq-button-toggle .kbq-button-toggle-wrapper{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}\n", ".kbq-button-toggle-group{--kbq-button-toggle-size-container-border-radius: var(--kbq-size-border-radius);--kbq-button-toggle-size-container-padding-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-button-toggle-size-container-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-height: 22px;--kbq-button-toggle-size-item-border-radius: var(--kbq-size-xxs);--kbq-button-toggle-size-item-padding-horizontal: var(--kbq-size-s);--kbq-button-toggle-size-item-padding-vertical: var(--kbq-size-3xs);--kbq-button-toggle-size-item-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-focus-outline-width: var(--kbq-size-3xs);--kbq-button-toggle-container-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-default-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-toggle-item-states-hover-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-toggle-item-states-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-background: var(--kbq-background-card);--kbq-button-toggle-item-states-selected-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-active-background: var(--kbq-states-background-transparent-active);--kbq-button-toggle-item-states-selected-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-disabled-background: var(--kbq-states-background-disabled);--kbq-button-toggle-item-states-selected-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-selected-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-disabled-background: none;--kbq-button-toggle-item-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-focused-outline: var(--kbq-states-line-focus-theme)}\n"], dependencies: [{ kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i3.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
343
343
|
}
|
|
344
344
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqButtonToggle, decorators: [{
|
|
345
345
|
type: Component,
|
|
@@ -361,7 +361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
361
361
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
362
362
|
class: 'kbq-button-toggle',
|
|
363
363
|
'[class]': '"kbq-button-toggle" + iconType'
|
|
364
|
-
}, styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-button-toggle-group{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;gap:var(--kbq-button-toggle-size-container-content-gap-horizontal);border-radius:var(--kbq-button-toggle-size-container-border-radius);padding:var(--kbq-button-toggle-size-container-padding-vertical) var(--kbq-button-toggle-size-container-padding-horizontal)}.kbq-button-toggle-group .kbq-button-toggle{display:flex;overflow:hidden;justify-content:flex-start;align-items:center;height:var(--kbq-button-toggle-size-item-height);min-height:var(--kbq-button-toggle-size-item-height);border-radius:var(--kbq-button-toggle-size-item-border-radius);border:var(--kbq-size-border-width) solid transparent}.kbq-button-toggle-group .kbq-button-toggle.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon{height:inherit;min-height:inherit;border-radius:var(--kbq-button-toggle-size-item-border-radius);border-width:0;padding:calc(var(--kbq-button-toggle-size-item-padding-vertical) - var(--kbq-button-toggle-size-item-focus-outline-width)) calc(var(--kbq-button-toggle-size-item-padding-horizontal) - var(--kbq-button-toggle-size-item-focus-outline-width))}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-wrapper{width:100%}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-toggle-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-toggle-wrapper{display:inline-flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center;width:100%;gap:var(--kbq-button-toggle-size-item-content-gap-horizontal)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon.cdk-keyboard-focused{outline:none}.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button-icon{max-width:100%;height:var(--kbq-button-toggle-size-item-height)}.kbq-button-toggle_vertical{flex-direction:column}.kbq-button-toggle_vertical .kbq-button-toggle{width:100%}.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button,.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button-icon{width:100%;border-radius:var(--kbq-button-toggle-size-item-border-radius)}.kbq-button-toggle-group{background:var(--kbq-button-toggle-container-background)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button{background:var(--kbq-button-toggle-item-default-background);color:var(--kbq-button-toggle-item-default-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button .kbq-icon{color:var(--kbq-button-toggle-item-default-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-hover-background);color:var(--kbq-button-toggle-item-states-hover-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled) .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled) .kbq-icon{color:var(--kbq-button-toggle-item-states-hover-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-active-background);color:var(--kbq-button-toggle-item-states-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled) .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled) .kbq-icon{color:var(--kbq-button-toggle-item-states-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-selected-background);color:var(--kbq-button-toggle-item-states-selected-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled) .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled) .kbq-icon{color:var(--kbq-button-toggle-item-states-selected-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active{background:var(--kbq-button-toggle-item-states-selected-active-background);color:var(--kbq-button-toggle-item-states-selected-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active .kbq-icon{color:var(--kbq-button-toggle-item-states-selected-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled{background:var(--kbq-button-toggle-item-states-disabled-background);color:var(--kbq-button-toggle-item-states-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled .kbq-icon{color:var(--kbq-button-toggle-item-states-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected{background:var(--kbq-button-toggle-item-states-selected-disabled-background);color:var(--kbq-button-toggle-item-states-selected-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected .kbq-icon,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected .kbq-icon{color:var(--kbq-button-toggle-item-states-selected-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.cdk-keyboard-focused{border-color:var(--kbq-button-toggle-item-states-focused-outline)}.kbq-button-toggle .kbq-button-toggle-wrapper{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}\n", ".kbq-button-toggle-group{--kbq-button-toggle-size-container-border-radius: var(--kbq-size-border-radius);--kbq-button-toggle-size-container-padding-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-button-toggle-size-container-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-height: 22px;--kbq-button-toggle-size-item-border-radius: var(--kbq-size-xxs);--kbq-button-toggle-size-item-padding-horizontal: var(--kbq-size-s);--kbq-button-toggle-size-item-padding-vertical: var(--kbq-size-3xs);--kbq-button-toggle-size-item-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-focus-outline-width: var(--kbq-size-3xs);--kbq-button-toggle-container-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-default-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-toggle-item-states-hover-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-toggle-item-states-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-background: var(--kbq-background-card);--kbq-button-toggle-item-states-selected-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-active-background: var(--kbq-states-background-transparent-active);--kbq-button-toggle-item-states-selected-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-disabled-background: var(--kbq-states-background-disabled);--kbq-button-toggle-item-states-selected-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-selected-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-disabled-background: none;--kbq-button-toggle-item-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-focused-outline: var(--kbq-states-line-focus-theme)}\n"] }]
|
|
364
|
+
}, styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-button-toggle-group{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;gap:var(--kbq-button-toggle-size-container-content-gap-horizontal);border-radius:var(--kbq-button-toggle-size-container-border-radius);padding:var(--kbq-button-toggle-size-container-padding-vertical) var(--kbq-button-toggle-size-container-padding-horizontal)}.kbq-button-toggle-group .kbq-button-toggle{display:flex;overflow:hidden;justify-content:flex-start;align-items:center;height:var(--kbq-button-toggle-size-item-height);min-height:var(--kbq-button-toggle-size-item-height);border-radius:var(--kbq-button-toggle-size-item-border-radius);border:var(--kbq-size-border-width) solid transparent}.kbq-button-toggle-group .kbq-button-toggle.cdk-keyboard-focused{outline:1px solid var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon{height:inherit;min-height:inherit;border-radius:var(--kbq-button-toggle-size-item-border-radius);border-width:0;padding:calc(var(--kbq-button-toggle-size-item-padding-vertical) - var(--kbq-button-toggle-size-item-focus-outline-width)) calc(var(--kbq-button-toggle-size-item-padding-horizontal) - var(--kbq-button-toggle-size-item-focus-outline-width))}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-wrapper{width:100%}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-button-toggle-wrapper,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon .kbq-button-toggle-wrapper{display:inline-flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center;width:100%;gap:var(--kbq-button-toggle-size-item-content-gap-horizontal)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-button-icon.cdk-keyboard-focused{outline:none}.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group:not(.kbq-button-toggle_vertical) .kbq-button-toggle>.kbq-button-icon{max-width:100%;height:var(--kbq-button-toggle-size-item-height)}.kbq-button-toggle_vertical{flex-direction:column}.kbq-button-toggle_vertical .kbq-button-toggle{width:100%}.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button,.kbq-button-toggle_vertical .kbq-button-toggle>.kbq-button-icon{width:100%;border-radius:var(--kbq-button-toggle-size-item-border-radius)}.kbq-button-toggle-group{background:var(--kbq-button-toggle-container-background)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button{background:var(--kbq-button-toggle-item-default-background);color:var(--kbq-button-toggle-item-default-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-default-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-hover-background);color:var(--kbq-button-toggle-item-states-hover-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:hover:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:hover:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-hover-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-active-background);color:var(--kbq-button-toggle-item-states-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button:active:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button:active:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled),.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled){background:var(--kbq-button-toggle-item-states-selected-background);color:var(--kbq-button-toggle-item-states-selected-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-selected-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active{background:var(--kbq-button-toggle-item-states-selected-active-background);color:var(--kbq-button-toggle-item-states-selected-active-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-selected:not(.kbq-disabled):active .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-selected:not(.kbq-disabled):active .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-selected-active-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled{background:var(--kbq-button-toggle-item-states-disabled-background);color:var(--kbq-button-toggle-item-states-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected{background:var(--kbq-button-toggle-item-states-selected-disabled-background);color:var(--kbq-button-toggle-item-states-selected-disabled-text)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.kbq-disabled.kbq-selected .kbq-icon.kbq-empty,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.kbq-disabled.kbq-selected .kbq-icon.kbq-empty{color:var(--kbq-button-toggle-item-states-selected-disabled-icon)}.kbq-button-toggle-group .kbq-button-toggle>.kbq-button.cdk-keyboard-focused,.kbq-button-toggle-group .kbq-button-toggle>.kbq-icon-button.cdk-keyboard-focused{border-color:var(--kbq-button-toggle-item-states-focused-outline)}.kbq-button-toggle .kbq-button-toggle-wrapper{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}\n", ".kbq-button-toggle-group{--kbq-button-toggle-size-container-border-radius: var(--kbq-size-border-radius);--kbq-button-toggle-size-container-padding-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-button-toggle-size-container-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-height: 22px;--kbq-button-toggle-size-item-border-radius: var(--kbq-size-xxs);--kbq-button-toggle-size-item-padding-horizontal: var(--kbq-size-s);--kbq-button-toggle-size-item-padding-vertical: var(--kbq-size-3xs);--kbq-button-toggle-size-item-content-gap-horizontal: var(--kbq-size-xxs);--kbq-button-toggle-size-item-focus-outline-width: var(--kbq-size-3xs);--kbq-button-toggle-container-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-background: var(--kbq-background-contrast-fade);--kbq-button-toggle-item-default-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-default-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-hover-background: var(--kbq-states-background-contrast-fade-hover);--kbq-button-toggle-item-states-hover-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-hover-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-active-background: var(--kbq-states-background-contrast-fade-active);--kbq-button-toggle-item-states-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-background: var(--kbq-background-card);--kbq-button-toggle-item-states-selected-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-active-background: var(--kbq-states-background-transparent-active);--kbq-button-toggle-item-states-selected-active-text: var(--kbq-foreground-contrast);--kbq-button-toggle-item-states-selected-active-icon: var(--kbq-icon-contrast-fade);--kbq-button-toggle-item-states-selected-disabled-background: var(--kbq-states-background-disabled);--kbq-button-toggle-item-states-selected-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-selected-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-disabled-background: none;--kbq-button-toggle-item-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-button-toggle-item-states-disabled-icon: var(--kbq-states-icon-disabled);--kbq-button-toggle-item-states-focused-outline: var(--kbq-states-line-focus-theme)}\n"] }]
|
|
365
365
|
}], ctorParameters: () => [{ type: KbqButtonToggleGroup, decorators: [{
|
|
366
366
|
type: Optional
|
|
367
367
|
}] }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: i0.ElementRef }], propDecorators: { icons: [{
|