@koobiq/components 17.6.1 → 17.7.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/alert/alert.module.d.ts +3 -4
- package/autocomplete/autocomplete.module.d.ts +1 -1
- package/badge/badge.module.d.ts +3 -4
- package/button/button.module.d.ts +4 -5
- package/code-block/code-block.module.d.ts +6 -7
- package/core/forms/_forms-theme.scss +7 -15
- package/core/forms/_forms.scss +3 -9
- package/core/forms/forms-tokens.scss +39 -0
- package/core/option/_optgroup-theme.scss +4 -10
- package/core/option/_option-action-theme.scss +7 -15
- package/core/option/_option-theme.scss +13 -24
- package/core/option/action.scss +4 -0
- package/core/option/optgroup-tokens.scss +26 -0
- package/core/option/optgroup.scss +4 -5
- package/core/option/option-action-tokens.scss +21 -0
- package/core/option/option-module.d.ts +2 -3
- package/core/option/option-tokens.scss +115 -0
- package/core/option/option.scss +5 -3
- package/core/styles/_koobiq-theme.scss +7 -37
- package/core/styles/theming/_scrollbar-theme.scss +10 -11
- package/core/styles/theming/scrollbar-tokens.scss +34 -0
- package/datepicker/datepicker-module.d.ts +8 -8
- package/dl/dl.module.d.ts +3 -4
- package/dropdown/dropdown.module.d.ts +4 -4
- package/empty-state/empty-state.module.d.ts +3 -4
- package/esm2022/alert/alert.component.mjs +3 -4
- package/esm2022/alert/alert.module.mjs +3 -7
- package/esm2022/autocomplete/autocomplete.module.mjs +15 -5
- package/esm2022/badge/badge.module.mjs +3 -7
- package/esm2022/button/button.module.mjs +3 -7
- package/esm2022/code-block/actionbar.component.mjs +6 -7
- package/esm2022/code-block/code-block.component.mjs +8 -9
- package/esm2022/code-block/code-block.module.mjs +4 -8
- package/esm2022/core/option/action.mjs +14 -25
- package/esm2022/core/option/optgroup.mjs +3 -3
- package/esm2022/core/option/option-module.mjs +4 -5
- package/esm2022/core/option/option.mjs +5 -6
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-body.component.mjs +3 -3
- package/esm2022/datepicker/calendar-header.component.mjs +8 -8
- package/esm2022/datepicker/datepicker-module.mjs +10 -9
- package/esm2022/datepicker/datepicker-toggle.component.mjs +5 -6
- package/esm2022/datepicker/month-view.component.mjs +4 -5
- package/esm2022/dl/dl.module.mjs +3 -7
- package/esm2022/dropdown/dropdown-item.component.mjs +5 -6
- package/esm2022/dropdown/dropdown.module.mjs +8 -9
- package/esm2022/empty-state/empty-state.module.mjs +3 -7
- package/esm2022/file-upload/file-upload.module.mjs +12 -9
- package/esm2022/file-upload/multiple-file-upload.component.mjs +10 -10
- package/esm2022/file-upload/single-file-upload.component.mjs +10 -10
- package/esm2022/form-field/form-field.mjs +7 -8
- package/esm2022/form-field/form-field.module.mjs +9 -5
- package/esm2022/form-field/password-hint.mjs +3 -3
- package/esm2022/form-field/password-toggle.mjs +3 -3
- package/esm2022/icon/icon.module.mjs +3 -7
- package/esm2022/input/input.module.mjs +3 -7
- package/esm2022/link/link.module.mjs +3 -7
- package/esm2022/list/list-selection.component.mjs +4 -5
- package/esm2022/list/list.module.mjs +3 -7
- package/esm2022/loader-overlay/loader-overlay.component.mjs +4 -5
- package/esm2022/loader-overlay/loader-overlay.module.mjs +3 -7
- package/esm2022/markdown/markdown.module.mjs +4 -5
- package/esm2022/modal/modal.component.mjs +7 -7
- package/esm2022/modal/modal.module.mjs +12 -9
- package/esm2022/navbar/navbar-item.component.mjs +30 -31
- package/esm2022/navbar/navbar.module.mjs +3 -7
- package/esm2022/popover/popover-confirm.component.mjs +4 -4
- package/esm2022/popover/popover.component.mjs +8 -8
- package/esm2022/popover/popover.module.mjs +40 -7
- package/esm2022/progress-bar/progress-bar.component.mjs +3 -4
- package/esm2022/progress-bar/progress-bar.module.mjs +3 -7
- package/esm2022/progress-spinner/progress-spinner.component.mjs +3 -3
- package/esm2022/progress-spinner/progress-spinner.module.mjs +7 -8
- package/esm2022/radio/radio.component.mjs +3 -3
- package/esm2022/radio/radio.module.mjs +4 -5
- package/esm2022/risk-level/risk-level.component.mjs +3 -3
- package/esm2022/risk-level/risk-level.module.mjs +3 -7
- package/esm2022/scrollbar/scrollbar.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +8 -8
- package/esm2022/select/select.module.mjs +11 -13
- package/esm2022/sidebar/sidebar.component.mjs +3 -4
- package/esm2022/sidepanel/sidepanel-container.component.mjs +5 -6
- package/esm2022/sidepanel/sidepanel-directives.mjs +30 -29
- package/esm2022/sidepanel/sidepanel.module.mjs +3 -7
- package/esm2022/splitter/splitter.component.mjs +3 -4
- package/esm2022/splitter/splitter.module.mjs +3 -7
- package/esm2022/table/table.module.mjs +3 -7
- package/esm2022/tabs/tab-group.component.mjs +9 -10
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +3 -3
- package/esm2022/tabs/tabs.module.mjs +3 -7
- package/esm2022/tags/tag-list.component.mjs +3 -4
- package/esm2022/tags/tag.module.mjs +4 -5
- package/esm2022/textarea/textarea.module.mjs +4 -5
- package/esm2022/timepicker/timepicker.module.mjs +3 -7
- package/esm2022/timezone/timezone-option.component.mjs +6 -6
- package/esm2022/timezone/timezone-select.component.mjs +7 -7
- package/esm2022/timezone/timezone.module.mjs +10 -9
- package/esm2022/toast/toast.component.mjs +6 -6
- package/esm2022/toast/toast.module.mjs +10 -9
- package/esm2022/toggle/toggle.module.mjs +4 -5
- package/esm2022/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.module.mjs +11 -5
- package/esm2022/tree/tree-option.component.mjs +5 -6
- package/esm2022/tree/tree.module.mjs +3 -7
- package/esm2022/tree-select/tree-select.component.mjs +7 -7
- package/esm2022/tree-select/tree-select.module.mjs +11 -12
- package/fesm2022/koobiq-components-alert.mjs +4 -9
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-autocomplete.mjs +14 -4
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +2 -6
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -6
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +15 -20
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +22 -33
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +21 -20
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dl.mjs +2 -6
- package/fesm2022/koobiq-components-dl.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +16 -17
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-empty-state.mjs +2 -6
- package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +22 -19
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +17 -13
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +2 -6
- package/fesm2022/koobiq-components-icon.mjs.map +1 -1
- package/fesm2022/koobiq-components-input.mjs +2 -6
- package/fesm2022/koobiq-components-input.mjs.map +1 -1
- package/fesm2022/koobiq-components-link.mjs +2 -6
- package/fesm2022/koobiq-components-link.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +5 -10
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-loader-overlay.mjs +5 -10
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +3 -4
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +18 -15
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +32 -36
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +47 -14
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-bar.mjs +4 -9
- package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs +8 -9
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-radio.mjs +5 -6
- package/fesm2022/koobiq-components-radio.mjs.map +1 -1
- package/fesm2022/koobiq-components-risk-level.mjs +4 -8
- package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
- package/fesm2022/koobiq-components-scrollbar.mjs +2 -2
- package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +17 -19
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidebar.mjs +2 -3
- package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +35 -38
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-splitter.mjs +4 -9
- package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +2 -6
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +8 -13
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +5 -7
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-textarea.mjs +3 -4
- package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
- package/fesm2022/koobiq-components-timepicker.mjs +2 -6
- package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +19 -18
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +14 -13
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +3 -4
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +12 -6
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +16 -17
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +10 -15
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/file-upload.module.d.ts +12 -12
- package/file-upload/single-file-upload.component.d.ts +1 -1
- package/form-field/form-field-tokens.scss +12 -0
- package/form-field/form-field.module.d.ts +3 -3
- package/icon/icon.module.d.ts +3 -4
- package/input/input.module.d.ts +5 -6
- package/link/link.module.d.ts +2 -3
- package/list/list.module.d.ts +3 -4
- package/loader-overlay/loader-overlay.module.d.ts +4 -5
- package/markdown/markdown.module.d.ts +4 -5
- package/modal/modal.module.d.ts +7 -7
- package/navbar/navbar.module.d.ts +5 -6
- package/package.json +4 -4
- package/popover/popover.module.d.ts +7 -7
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +6 -12
- package/progress-bar/progress-bar-tokens.scss +36 -0
- package/progress-bar/progress-bar.module.d.ts +2 -3
- package/progress-bar/progress-bar.scss +4 -4
- package/progress-spinner/_progress-spinner-theme.scss +5 -11
- package/progress-spinner/progress-spinner-tokens.scss +38 -0
- package/progress-spinner/progress-spinner.module.d.ts +3 -3
- package/progress-spinner/progress-spinner.scss +4 -4
- package/radio/_radio-theme.scss +21 -36
- package/radio/radio-tokens.scss +166 -0
- package/radio/radio.module.d.ts +3 -4
- package/radio/radio.scss +4 -5
- package/risk-level/_risk-level-theme.scss +20 -24
- package/risk-level/risk-level-tokens.scss +72 -0
- package/risk-level/risk-level.component.scss +5 -3
- package/risk-level/risk-level.module.d.ts +3 -4
- package/schematics/ng-add/index.js +2 -2
- package/scrollbar/_scrollbar-component-theme.scss +13 -31
- package/scrollbar/scrollbar-tokens.scss +34 -0
- package/scrollbar/scrollbar.component.scss +4 -3
- package/select/_select-theme.scss +11 -22
- package/select/select-tokens.scss +59 -0
- package/select/select.component.d.ts +1 -1
- package/select/select.module.d.ts +7 -7
- package/select/select.scss +5 -3
- package/sidepanel/_sidepanel-theme.scss +6 -12
- package/sidepanel/sidepanel-tokens.scss +48 -0
- package/sidepanel/sidepanel.module.d.ts +8 -9
- package/sidepanel/sidepanel.scss +4 -4
- package/splitter/_splitter-theme.scss +2 -6
- package/splitter/splitter-tokens.scss +7 -0
- package/splitter/splitter.module.d.ts +2 -3
- package/splitter/splitter.scss +4 -0
- package/table/table.module.d.ts +3 -4
- package/tabs/_tabs-common.scss +0 -6
- package/tabs/_tabs-theme.scss +30 -65
- package/tabs/tab-group.scss +0 -3
- package/tabs/tab-header.scss +0 -3
- package/tabs/tab-nav-bar/tab-nav-bar.scss +0 -2
- package/tabs/tabs-tokens.scss +136 -0
- package/tabs/tabs.module.d.ts +7 -8
- package/tags/_tag-theme.scss +17 -26
- package/tags/tag-input-tokens.scss +14 -0
- package/tags/tag-list.scss +0 -6
- package/tags/tag-tokens.scss +151 -0
- package/tags/tag.module.d.ts +2 -3
- package/tags/tag.scss +0 -3
- package/textarea/textarea.module.d.ts +4 -5
- package/timepicker/timepicker.module.d.ts +4 -5
- package/timezone/timezone.module.d.ts +9 -9
- package/toast/toast.module.d.ts +7 -7
- package/toggle/toggle.module.d.ts +3 -4
- package/tooltip/tooltip.module.d.ts +3 -3
- package/tree/tree.module.d.ts +3 -4
- package/tree-select/tree-select.component.d.ts +1 -1
- package/tree-select/tree-select.module.d.ts +7 -7
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SelectionModel, DataSource } from '@angular/cdk/collections';
|
|
2
2
|
import { BehaviorSubject, merge, Subject, Observable, of, asyncScheduler } from 'rxjs';
|
|
3
|
-
import * as
|
|
3
|
+
import * as i1 from '@koobiq/components/core';
|
|
4
4
|
import { escapeRegExp, mixinDisabled, KBQ_TITLE_TEXT_REF, KBQ_OPTION_ACTION_PARENT, KbqPseudoCheckbox, KbqOptionActionComponent, MultipleMode, getKbqSelectNonArrayValueError, KbqPseudoCheckboxModule } from '@koobiq/components/core';
|
|
5
5
|
import { take, map, takeUntil, delay } from 'rxjs/operators';
|
|
6
6
|
import * as i0 from '@angular/core';
|
|
@@ -13,9 +13,7 @@ import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
|
|
|
13
13
|
import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
|
|
14
14
|
import * as i2 from '@koobiq/components/icon';
|
|
15
15
|
import { KbqIconModule } from '@koobiq/components/icon';
|
|
16
|
-
import * as
|
|
17
|
-
import { CommonModule } from '@angular/common';
|
|
18
|
-
import * as i2$2 from '@angular/cdk/clipboard';
|
|
16
|
+
import * as i2$1 from '@angular/cdk/clipboard';
|
|
19
17
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
20
18
|
import { FocusKeyManager } from '@koobiq/cdk/a11y';
|
|
21
19
|
import * as i1$1 from 'rxjs/internal/scheduler/AsyncScheduler';
|
|
@@ -1058,11 +1056,11 @@ class KbqTreeOption extends KbqTreeNode {
|
|
|
1058
1056
|
}
|
|
1059
1057
|
}
|
|
1060
1058
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: KBQ_TREE_OPTION_PARENT_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1061
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1059
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqTreeOption, selector: "kbq-tree-option", inputs: { checkboxThirdState: "checkboxThirdState", disabled: "disabled", showCheckbox: "showCheckbox" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "focusin": "focus()", "blur": "blur()", "click": "selectViaInteraction($event)", "keydown": "onKeydown($event)" }, properties: { "class.kbq-selected": "selected", "class.kbq-focused": "hasFocus", "class.kbq-disabled": "disabled", "class.kbq-action-button-focused": "actionButton?.active", "attr.id": "id", "attr.tabindex": "-1", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-option" }, providers: [
|
|
1062
1060
|
{ provide: KbqTreeNode, useExisting: KbqTreeOption },
|
|
1063
1061
|
{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTreeOption },
|
|
1064
1062
|
{ provide: KBQ_OPTION_ACTION_PARENT, useExisting: KbqTreeOption }
|
|
1065
|
-
], queries: [{ propertyName: "toggleElementDirective", first: true, predicate: KbqTreeNodeToggleDirective, descendants: true }, { propertyName: "toggleElementComponent", first: true, predicate: KbqTreeNodeToggleComponent, descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: KbqPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: KbqOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: KbqTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: KbqDropdownTrigger, descendants: true }], viewQueries: [{ propertyName: "parentTextElement", first: true, predicate: ["kbqTitleContainer"], descendants: true }], exportAs: ["kbqTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n <ng-content\n *ngSwitchCase=\"true\"\n select=\"kbq-pseudo-checkbox\"\n />\n\n <ng-container *ngSwitchCase=\"false\">\n <kbq-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [disabled]=\"disabled\"\n [state]=\"checkboxState\"\n />\n </ng-container>\n</ng-container>\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n #kbqTitleContainer\n class=\"kbq-option-text\"\n>\n <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\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-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-button-size-border-width, 1px))}.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-button-size-border-radius, 8px)}.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-button-size-border-radius, 8px)}.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-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1063
|
+
], queries: [{ propertyName: "toggleElementDirective", first: true, predicate: KbqTreeNodeToggleDirective, descendants: true }, { propertyName: "toggleElementComponent", first: true, predicate: KbqTreeNodeToggleComponent, descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: KbqPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: KbqOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: KbqTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: KbqDropdownTrigger, descendants: true }], viewQueries: [{ propertyName: "parentTextElement", first: true, predicate: ["kbqTitleContainer"], descendants: true }], exportAs: ["kbqTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n@if (externalPseudoCheckbox) {\n <ng-content select=\"kbq-pseudo-checkbox\" />\n} @else {\n @if (showCheckbox) {\n <kbq-pseudo-checkbox\n [disabled]=\"disabled\"\n [state]=\"checkboxState\"\n />\n }\n}\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n #kbqTitleContainer\n class=\"kbq-option-text\"\n>\n <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\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-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-button-size-border-width, 1px))}.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-button-size-border-radius, 8px)}.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-button-size-border-radius, 8px)}.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-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"], dependencies: [{ kind: "component", type: i1.KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1066
1064
|
}
|
|
1067
1065
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeOption, decorators: [{
|
|
1068
1066
|
type: Component,
|
|
@@ -1083,7 +1081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
1083
1081
|
{ provide: KbqTreeNode, useExisting: KbqTreeOption },
|
|
1084
1082
|
{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTreeOption },
|
|
1085
1083
|
{ provide: KBQ_OPTION_ACTION_PARENT, useExisting: KbqTreeOption }
|
|
1086
|
-
], template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n <ng-content\n *ngSwitchCase=\"true\"\n select=\"kbq-pseudo-checkbox\"\n />\n\n <ng-container *ngSwitchCase=\"false\">\n <kbq-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [disabled]=\"disabled\"\n [state]=\"checkboxState\"\n />\n </ng-container>\n</ng-container>\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n #kbqTitleContainer\n class=\"kbq-option-text\"\n>\n <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\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-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-button-size-border-width, 1px))}.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-button-size-border-radius, 8px)}.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-button-size-border-radius, 8px)}.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-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"] }]
|
|
1084
|
+
], template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n@if (externalPseudoCheckbox) {\n <ng-content select=\"kbq-pseudo-checkbox\" />\n} @else {\n @if (showCheckbox) {\n <kbq-pseudo-checkbox\n [disabled]=\"disabled\"\n [state]=\"checkboxState\"\n />\n }\n}\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n #kbqTitleContainer\n class=\"kbq-option-text\"\n>\n <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\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-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-button-size-border-width, 1px))}.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-button-size-border-radius, 8px)}.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-button-size-border-radius, 8px)}.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-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"] }]
|
|
1087
1085
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
1088
1086
|
type: Inject,
|
|
1089
1087
|
args: [KBQ_TREE_OPTION_PARENT_COMPONENT]
|
|
@@ -1703,7 +1701,7 @@ class KbqTreeSelection extends KbqTreeBase {
|
|
|
1703
1701
|
}
|
|
1704
1702
|
return $event.relatedTarget.classList.contains('kbq-tree-option');
|
|
1705
1703
|
}
|
|
1706
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeSelection, deps: [{ token: i0.ElementRef }, { token: i1$1.AsyncScheduler }, { token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i2$
|
|
1704
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeSelection, deps: [{ token: i0.ElementRef }, { token: i1$1.AsyncScheduler }, { token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i2$1.Clipboard, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1707
1705
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqTreeSelection, selector: "kbq-tree-selection", inputs: { treeControl: "treeControl", autoSelect: "autoSelect", noUnselectLast: "noUnselectLast", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { navigationChange: "navigationChange", selectionChange: "selectionChange", onSelectAll: "onSelectAll", onCopy: "onCopy" }, host: { listeners: { "blur": "blur()", "focus": "focus($event)", "keydown": "onKeyDown($event)", "window:resize": "updateScrollSize()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-selection" }, providers: [
|
|
1708
1706
|
KBQ_SELECTION_TREE_VALUE_ACCESSOR,
|
|
1709
1707
|
{ provide: KBQ_TREE_OPTION_PARENT_COMPONENT, useExisting: KbqTreeSelection },
|
|
@@ -1725,10 +1723,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
1725
1723
|
{ provide: KBQ_TREE_OPTION_PARENT_COMPONENT, useExisting: KbqTreeSelection },
|
|
1726
1724
|
{ provide: KbqTreeBase, useExisting: KbqTreeSelection }
|
|
1727
1725
|
], styles: [".kbq-tree-selection{display:block}.kbq-tree-selection:focus{outline:none}.kbq-tree-option{background:var(--kbq-tree-default-container-background, )}.kbq-tree-option .kbq-option-text{color:var(--kbq-tree-default-text-color, )}.kbq-tree-option .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-default-tree-toggle-color, )}.kbq-tree-option .kbq-option-action .kbq-icon{color:var(--kbq-tree-default-action-button-color, )}.kbq-tree-option .kbq-option-caption{color:var(--kbq-tree-default-caption-color, )}.kbq-tree-option:hover:not(.kbq-disabled){background:var(--kbq-tree-states-hover-container-background, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-hover-text-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-hover-tree-toggle-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-hover-action-button-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-hover-caption-color, )}.kbq-tree-option.kbq-focused,.kbq-tree-option.kbq-active{border-color:var(--kbq-tree-states-focused-focus-outline-color, )}.kbq-tree-option.kbq-selected{background:var(--kbq-tree-states-selected-container-background, )}.kbq-tree-option.kbq-selected .kbq-option-text{color:var(--kbq-tree-states-selected-text-color, )}.kbq-tree-option.kbq-selected .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-selected-tree-toggle-color, )}.kbq-tree-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-selected-action-button-color, )}.kbq-tree-option.kbq-selected .kbq-option-caption{color:var(--kbq-tree-states-selected-caption-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-tree-states-selected-hover-container-background, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-selected-hover-text-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-selected-hover-tree-toggle-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-selected-hover-action-button-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-selected-hover-caption-color, )}.kbq-tree-option.kbq-disabled{background:var(--kbq-tree-states-disabled-container-background, )}.kbq-tree-option.kbq-disabled .kbq-option-text{color:var(--kbq-tree-states-disabled-text-color, )}.kbq-tree-option.kbq-disabled .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-disabled-tree-toggle-color, )}.kbq-tree-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-disabled-action-button-color, )}.kbq-tree-option.kbq-disabled .kbq-option-caption{color:var(--kbq-tree-states-disabled-caption-color, )}.kbq-tree-option.kbq-disabled .kbq-icon{cursor:default}.kbq-tree-option{font-size:var(--kbq-tree-font-text-font-size, 14px);font-weight:var(--kbq-tree-font-text-font-weight, normal);line-height:var(--kbq-tree-font-text-line-height, 20px);font-family:var(--kbq-tree-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-tree-font-text-text-transform, );font-feature-settings:var(--kbq-tree-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-tree-font-text-letter-spacing, -.006em)}.kbq-tree-option-caption{font-size:var(--kbq-tree-font-caption-font-size, 12px);font-weight:var(--kbq-tree-font-caption-font-weight, normal);line-height:var(--kbq-tree-font-caption-line-height, 16px);font-family:var(--kbq-tree-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-tree-font-caption-text-transform, );font-feature-settings:var(--kbq-tree-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-tree-font-caption-letter-spacing, normal)}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"] }]
|
|
1728
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.AsyncScheduler }, { type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }, { type:
|
|
1726
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.AsyncScheduler }, { type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }, { type: i1.MultipleMode, decorators: [{
|
|
1729
1727
|
type: Attribute,
|
|
1730
1728
|
args: ['multiple']
|
|
1731
|
-
}] }, { type: i2$
|
|
1729
|
+
}] }, { type: i2$1.Clipboard, decorators: [{
|
|
1732
1730
|
type: Optional
|
|
1733
1731
|
}] }], propDecorators: { nodeOutlet: [{
|
|
1734
1732
|
type: ViewChild,
|
|
@@ -1777,8 +1775,7 @@ class KbqTreeModule {
|
|
|
1777
1775
|
KbqTreeSelection,
|
|
1778
1776
|
KbqTreeOption,
|
|
1779
1777
|
KbqTreeNodeToggleComponent,
|
|
1780
|
-
KbqTreeNodeToggleDirective], imports: [
|
|
1781
|
-
KbqPseudoCheckboxModule,
|
|
1778
|
+
KbqTreeNodeToggleDirective], imports: [KbqPseudoCheckboxModule,
|
|
1782
1779
|
KbqIconModule], exports: [KbqTreeNodeOutlet,
|
|
1783
1780
|
KbqTreeNodeDef,
|
|
1784
1781
|
KbqTreeNode,
|
|
@@ -1788,15 +1785,13 @@ class KbqTreeModule {
|
|
|
1788
1785
|
KbqTreeOption,
|
|
1789
1786
|
KbqTreeNodeToggleComponent,
|
|
1790
1787
|
KbqTreeNodeToggleDirective] }); }
|
|
1791
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeModule, providers: [{ provide: AsyncScheduler, useValue: asyncScheduler }], imports: [
|
|
1792
|
-
KbqPseudoCheckboxModule,
|
|
1788
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeModule, providers: [{ provide: AsyncScheduler, useValue: asyncScheduler }], imports: [KbqPseudoCheckboxModule,
|
|
1793
1789
|
KbqIconModule] }); }
|
|
1794
1790
|
}
|
|
1795
1791
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeModule, decorators: [{
|
|
1796
1792
|
type: NgModule,
|
|
1797
1793
|
args: [{
|
|
1798
1794
|
imports: [
|
|
1799
|
-
CommonModule,
|
|
1800
1795
|
KbqPseudoCheckboxModule,
|
|
1801
1796
|
KbqIconModule
|
|
1802
1797
|
],
|