@koobiq/components 17.8.5 → 18.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert-tokens.scss +114 -121
- package/autocomplete/autocomplete-tokens.scss +8 -7
- package/badge/badge-tokens.scss +164 -169
- package/button/button-tokens.scss +237 -228
- package/button/button.scss +5 -9
- package/button-toggle/button-toggle-tokens.scss +68 -71
- package/checkbox/checkbox-tokens.scss +118 -125
- package/code-block/code-block-tokens.scss +92 -91
- package/core/common-behaviors/index.d.ts +1 -1
- package/core/forms/forms-tokens.scss +28 -33
- package/core/option/optgroup-tokens.scss +8 -26
- package/core/option/option-action-tokens.scss +3 -19
- package/core/option/option-tokens.scss +89 -105
- package/core/pop-up/pop-up-trigger.d.ts +5 -1
- package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +118 -125
- package/core/styles/_koobiq-theme.scss +3 -7
- package/core/styles/theming/_theming.scss +4 -6
- package/core/styles/theming/scrollbar-tokens.scss +16 -14
- package/core/styles/typography/_typography.scss +1 -0
- package/datepicker/datepicker-tokens.scss +41 -47
- package/divider/divider-tokens.scss +6 -4
- package/dl/dl-tokens.scss +24 -25
- package/dropdown/dropdown-tokens.scss +87 -99
- package/empty-state/empty-state-tokens.scss +46 -59
- package/esm2022/alert/alert.component.mjs +13 -13
- package/esm2022/alert/alert.module.mjs +4 -4
- package/esm2022/autocomplete/autocomplete-origin.directive.mjs +3 -3
- package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +3 -3
- package/esm2022/autocomplete/autocomplete.component.mjs +5 -5
- package/esm2022/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2022/badge/badge.component.mjs +10 -10
- package/esm2022/badge/badge.module.mjs +4 -4
- package/esm2022/button/button.component.mjs +8 -8
- package/esm2022/button/button.module.mjs +4 -4
- package/esm2022/button-toggle/button-toggle.component.mjs +8 -8
- package/esm2022/button-toggle/button-toggle.module.mjs +4 -4
- package/esm2022/checkbox/checkbox-module.mjs +4 -4
- package/esm2022/checkbox/checkbox-required-validator.mjs +3 -3
- package/esm2022/checkbox/checkbox.mjs +5 -5
- package/esm2022/code-block/actionbar.component.mjs +5 -5
- package/esm2022/code-block/code-block.component.mjs +5 -5
- package/esm2022/code-block/code-block.module.mjs +4 -4
- package/esm2022/core/common-behaviors/common-module.mjs +4 -4
- package/esm2022/core/common-behaviors/index.mjs +2 -2
- package/esm2022/core/error/error-options.mjs +6 -6
- package/esm2022/core/formatters/date/formatter.mjs +3 -3
- package/esm2022/core/formatters/date/formatter.pipe.mjs +39 -39
- package/esm2022/core/formatters/index.mjs +4 -4
- package/esm2022/core/formatters/number/formatter.mjs +12 -12
- package/esm2022/core/forms/forms-module.mjs +4 -4
- package/esm2022/core/forms/forms.directive.mjs +6 -6
- package/esm2022/core/highlight/highlight.pipe.mjs +3 -3
- package/esm2022/core/highlight/index.mjs +4 -4
- package/esm2022/core/line/line.mjs +7 -7
- package/esm2022/core/locales/locale-service.mjs +3 -3
- package/esm2022/core/locales/locale-service.module.mjs +4 -4
- package/esm2022/core/option/action.mjs +8 -8
- package/esm2022/core/option/optgroup.mjs +4 -4
- package/esm2022/core/option/option-module.mjs +4 -4
- package/esm2022/core/option/option.mjs +5 -5
- package/esm2022/core/pop-up/pop-up-trigger.mjs +17 -8
- package/esm2022/core/pop-up/pop-up.mjs +3 -3
- package/esm2022/core/select/common.mjs +15 -15
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +5 -5
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
- package/esm2022/core/services/measure-scrollbar.service.mjs +3 -3
- package/esm2022/core/services/theme.service.mjs +3 -3
- package/esm2022/core/utils/data-size/data-size.pipe.mjs +3 -3
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-body.component.mjs +3 -3
- package/esm2022/datepicker/calendar-header.component.mjs +5 -5
- package/esm2022/datepicker/calendar.component.mjs +3 -3
- package/esm2022/datepicker/datepicker-input.directive.mjs +3 -3
- package/esm2022/datepicker/datepicker-intl.mjs +3 -3
- package/esm2022/datepicker/datepicker-module.mjs +4 -4
- package/esm2022/datepicker/datepicker-toggle.component.mjs +8 -8
- package/esm2022/datepicker/datepicker.component.mjs +8 -8
- package/esm2022/datepicker/month-view.component.mjs +3 -3
- package/esm2022/divider/divider.component.mjs +4 -4
- package/esm2022/divider/divider.module.mjs +4 -4
- package/esm2022/dl/dl.component.mjs +10 -10
- package/esm2022/dl/dl.module.mjs +4 -4
- package/esm2022/dropdown/dropdown-content.directive.mjs +3 -3
- package/esm2022/dropdown/dropdown-item.component.mjs +6 -6
- package/esm2022/dropdown/dropdown-trigger.directive.mjs +3 -3
- package/esm2022/dropdown/dropdown.component.mjs +6 -6
- package/esm2022/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +7 -7
- package/esm2022/empty-state/empty-state.component.mjs +16 -16
- package/esm2022/empty-state/empty-state.module.mjs +4 -4
- package/esm2022/file-upload/file-drop.mjs +3 -3
- package/esm2022/file-upload/file-upload.module.mjs +4 -4
- package/esm2022/file-upload/multiple-file-upload.component.mjs +5 -5
- package/esm2022/file-upload/single-file-upload.component.mjs +5 -5
- package/esm2022/form-field/cleaner.mjs +6 -6
- package/esm2022/form-field/form-field.mjs +11 -11
- package/esm2022/form-field/form-field.module.mjs +4 -4
- package/esm2022/form-field/hint.mjs +5 -5
- package/esm2022/form-field/password-hint.mjs +7 -7
- package/esm2022/form-field/password-toggle.mjs +5 -5
- package/esm2022/form-field/prefix.mjs +3 -3
- package/esm2022/form-field/stepper.mjs +8 -8
- package/esm2022/form-field/suffix.mjs +3 -3
- package/esm2022/form-field/validate.directive.mjs +3 -3
- package/esm2022/icon/icon-button.component.mjs +7 -7
- package/esm2022/icon/icon-item.component.mjs +7 -7
- package/esm2022/icon/icon.component.mjs +7 -7
- package/esm2022/icon/icon.module.mjs +13 -24
- package/esm2022/input/input-number-validators.mjs +6 -6
- package/esm2022/input/input-number.mjs +3 -3
- package/esm2022/input/input-password.mjs +3 -3
- package/esm2022/input/input.mjs +6 -6
- package/esm2022/input/input.module.mjs +4 -4
- package/esm2022/link/link.component.mjs +3 -3
- package/esm2022/link/link.module.mjs +4 -4
- package/esm2022/list/list-selection.component.mjs +11 -11
- package/esm2022/list/list.component.mjs +7 -7
- package/esm2022/list/list.module.mjs +4 -4
- package/esm2022/loader-overlay/loader-overlay.component.mjs +13 -13
- package/esm2022/loader-overlay/loader-overlay.module.mjs +4 -4
- package/esm2022/markdown/markdown.component.mjs +5 -5
- package/esm2022/markdown/markdown.module.mjs +4 -4
- package/esm2022/markdown/markdown.service.mjs +3 -3
- package/esm2022/modal/css-unit.pipe.mjs +3 -3
- package/esm2022/modal/modal-control.service.mjs +3 -3
- package/esm2022/modal/modal.component.mjs +5 -5
- package/esm2022/modal/modal.directive.mjs +53 -17
- package/esm2022/modal/modal.module.mjs +4 -4
- package/esm2022/modal/modal.service.mjs +3 -3
- package/esm2022/navbar/navbar-item.component.mjs +33 -33
- package/esm2022/navbar/navbar.component.mjs +11 -11
- package/esm2022/navbar/navbar.module.mjs +4 -4
- package/esm2022/navbar/vertical-navbar.component.mjs +5 -5
- package/esm2022/popover/popover-confirm.component.mjs +8 -8
- package/esm2022/popover/popover.component.mjs +8 -8
- package/esm2022/popover/popover.module.mjs +4 -4
- package/esm2022/progress-bar/progress-bar.component.mjs +10 -10
- package/esm2022/progress-bar/progress-bar.module.mjs +4 -4
- package/esm2022/progress-spinner/progress-spinner.component.mjs +10 -10
- package/esm2022/progress-spinner/progress-spinner.module.mjs +4 -4
- package/esm2022/radio/radio.component.mjs +7 -7
- package/esm2022/radio/radio.module.mjs +4 -4
- package/esm2022/risk-level/risk-level.component.mjs +4 -4
- package/esm2022/risk-level/risk-level.module.mjs +4 -4
- package/esm2022/scrollbar/scrollbar.component.mjs +6 -6
- package/esm2022/scrollbar/scrollbar.directive.mjs +3 -3
- package/esm2022/scrollbar/scrollbar.module.mjs +4 -4
- package/esm2022/select/select-option.directive.mjs +3 -3
- package/esm2022/select/select.component.mjs +6 -6
- package/esm2022/select/select.module.mjs +4 -4
- package/esm2022/sidebar/sidebar.component.mjs +9 -9
- package/esm2022/sidebar/sidebar.module.mjs +4 -4
- package/esm2022/sidepanel/sidepanel-container.component.mjs +5 -5
- package/esm2022/sidepanel/sidepanel-directives.mjs +18 -18
- package/esm2022/sidepanel/sidepanel.module.mjs +4 -4
- package/esm2022/sidepanel/sidepanel.service.mjs +3 -3
- package/esm2022/splitter/splitter.component.mjs +14 -14
- package/esm2022/splitter/splitter.module.mjs +4 -4
- package/esm2022/table/table.component.mjs +7 -7
- package/esm2022/table/table.module.mjs +4 -4
- package/esm2022/tabs/paginated-tab-header.mjs +3 -3
- package/esm2022/tabs/tab-body.component.mjs +6 -6
- package/esm2022/tabs/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/tab-group.component.mjs +33 -18
- package/esm2022/tabs/tab-header.component.mjs +16 -5
- package/esm2022/tabs/tab-label-wrapper.directive.mjs +8 -4
- package/esm2022/tabs/tab-label.directive.mjs +3 -3
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
- package/esm2022/tabs/tab.component.mjs +3 -3
- package/esm2022/tabs/tabs.module.mjs +15 -8
- package/esm2022/tags/tag-input.mjs +3 -3
- package/esm2022/tags/tag-list.component.mjs +4 -4
- package/esm2022/tags/tag.component.mjs +12 -12
- package/esm2022/tags/tag.module.mjs +4 -4
- package/esm2022/textarea/textarea.component.mjs +3 -3
- package/esm2022/textarea/textarea.module.mjs +4 -4
- package/esm2022/timepicker/timepicker.directive.mjs +3 -3
- package/esm2022/timepicker/timepicker.module.mjs +4 -4
- package/esm2022/timezone/cities-by-filter.pipe.mjs +3 -3
- package/esm2022/timezone/timezone-option.component.mjs +5 -5
- package/esm2022/timezone/timezone-option.directive.mjs +3 -3
- package/esm2022/timezone/timezone-select.component.mjs +9 -9
- package/esm2022/timezone/timezone.module.mjs +4 -4
- package/esm2022/timezone/utc-offset.pipe.mjs +3 -3
- package/esm2022/title/title.directive.mjs +3 -3
- package/esm2022/title/title.module.mjs +4 -4
- package/esm2022/toast/toast-container.component.mjs +3 -3
- package/esm2022/toast/toast.component.mjs +8 -8
- package/esm2022/toast/toast.module.mjs +4 -4
- package/esm2022/toast/toast.service.mjs +3 -3
- package/esm2022/toggle/toggle.component.mjs +6 -6
- package/esm2022/toggle/toggle.module.mjs +4 -4
- package/esm2022/tooltip/tooltip.component.mjs +52 -15
- package/esm2022/tooltip/tooltip.module.mjs +15 -28
- package/esm2022/tree/node.mjs +3 -3
- package/esm2022/tree/outlet.mjs +3 -3
- package/esm2022/tree/padding.directive.mjs +3 -3
- package/esm2022/tree/toggle.mjs +14 -14
- package/esm2022/tree/tree-base.mjs +6 -6
- package/esm2022/tree/tree-option.component.mjs +5 -5
- package/esm2022/tree/tree-selection.component.mjs +5 -5
- package/esm2022/tree/tree.mjs +5 -5
- package/esm2022/tree/tree.module.mjs +4 -4
- package/esm2022/tree-select/tree-select.component.mjs +6 -6
- package/esm2022/tree-select/tree-select.module.mjs +4 -4
- package/fesm2022/koobiq-components-alert.mjs +17 -17
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-autocomplete.mjs +15 -15
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +14 -14
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +12 -12
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +12 -12
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +11 -11
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +12 -12
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +171 -162
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +37 -37
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-divider.mjs +8 -8
- package/fesm2022/koobiq-components-divider.mjs.map +1 -1
- package/fesm2022/koobiq-components-dl.mjs +14 -14
- package/fesm2022/koobiq-components-dl.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +20 -20
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-ellipsis-center.mjs +7 -7
- package/fesm2022/koobiq-components-empty-state.mjs +20 -20
- package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +15 -15
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +51 -51
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +30 -41
- package/fesm2022/koobiq-components-icon.mjs.map +1 -1
- package/fesm2022/koobiq-components-input.mjs +22 -22
- package/fesm2022/koobiq-components-link.mjs +7 -7
- package/fesm2022/koobiq-components-list.mjs +22 -22
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-loader-overlay.mjs +17 -17
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +12 -12
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +64 -32
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +52 -52
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +18 -18
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-bar.mjs +14 -14
- package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs +14 -14
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-radio.mjs +11 -11
- package/fesm2022/koobiq-components-radio.mjs.map +1 -1
- package/fesm2022/koobiq-components-risk-level.mjs +8 -8
- package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
- package/fesm2022/koobiq-components-scrollbar.mjs +12 -12
- package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +12 -12
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidebar.mjs +13 -13
- package/fesm2022/koobiq-components-sidepanel.mjs +28 -28
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-splitter.mjs +17 -17
- package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +11 -11
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +93 -56
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +23 -23
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-textarea.mjs +7 -7
- package/fesm2022/koobiq-components-timepicker.mjs +7 -7
- package/fesm2022/koobiq-components-timezone.mjs +26 -26
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-title.mjs +7 -7
- package/fesm2022/koobiq-components-toast.mjs +17 -17
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +9 -9
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +67 -42
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +9 -9
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +47 -47
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/file-upload-tokens.scss +142 -145
- package/file-upload/multiple-file-upload.component.scss +2 -8
- package/form-field/form-field-tokens.scss +70 -75
- package/form-field/hint-tokens.scss +49 -54
- package/icon/icon-button-tokens.scss +54 -56
- package/icon/icon-button.component.d.ts +1 -1
- package/icon/icon-item-tokens.scss +46 -44
- package/icon/icon-item.component.d.ts +1 -1
- package/icon/icon-tokens.scss +14 -12
- package/icon/icon.component.d.ts +1 -1
- package/icon/icon.module.d.ts +1 -3
- package/input/input-tokens.scss +10 -13
- package/link/link-tokens.scss +53 -60
- package/list/list-tokens.scss +80 -89
- package/loader-overlay/loader-overlay-tokens.scss +50 -51
- package/markdown/markdown-tokens.scss +203 -234
- package/modal/modal-tokens.scss +38 -44
- package/modal/modal.directive.d.ts +3 -0
- package/navbar/navbar-tokens.scss +49 -74
- package/package.json +12 -9
- package/popover/popover-tokens.scss +38 -48
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/prebuilt-themes/theme.css +1 -0
- package/progress-bar/progress-bar-tokens.scss +26 -31
- package/progress-spinner/progress-spinner-tokens.scss +26 -31
- package/radio/radio-tokens.scss +115 -128
- package/risk-level/risk-level-tokens.scss +56 -59
- package/schematics/collection.json +5 -0
- package/schematics/new-icons-pack/data.js +2303 -0
- package/schematics/new-icons-pack/index.js +120 -0
- package/schematics/new-icons-pack/schema.json +25 -0
- package/schematics/ng-add/index.js +14 -40
- package/schematics/utils/package-config.js +65 -0
- package/scrollbar/scrollbar-tokens.scss +16 -14
- package/scrollbar/scrollbar.directive.d.ts +1 -24
- package/select/select-tokens.scss +30 -50
- package/sidepanel/sidepanel-tokens.scss +34 -40
- package/splitter/splitter-tokens.scss +1 -7
- package/table/table-tokens.scss +16 -37
- package/tabs/_tabs-common.scss +29 -0
- package/tabs/_tabs-theme.scss +12 -0
- package/tabs/tab-group.component.d.ts +7 -2
- package/tabs/tab-header.component.d.ts +4 -1
- package/tabs/tab-header.scss +28 -0
- package/tabs/tabs-tokens.scss +167 -110
- package/tabs/tabs.module.d.ts +2 -1
- package/tags/tag-input-tokens.scss +12 -15
- package/tags/tag-tokens.scss +139 -144
- package/textarea/textarea-tokens.scss +10 -13
- package/timezone/timezone-option-tokens.scss +60 -39
- package/toast/toast-tokens.scss +59 -66
- package/toggle/toggle-tokens.scss +120 -129
- package/tooltip/tooltip-tokens.scss +48 -55
- package/tooltip/tooltip.component.d.ts +11 -4
- package/tooltip/tooltip.module.d.ts +1 -3
- package/tree/tree-tokens.scss +78 -83
- package/tree-select/tree-select-tokens.scss +13 -53
package/esm2022/tree/toggle.mjs
CHANGED
|
@@ -37,10 +37,10 @@ export class KbqTreeNodeToggleBaseDirective extends KbqTreeNodeToggleMixinBase {
|
|
|
37
37
|
: this.tree.treeControl.toggle(this.treeNode.data);
|
|
38
38
|
event.stopPropagation();
|
|
39
39
|
}
|
|
40
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
41
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
40
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleBaseDirective, deps: [{ token: i1.KbqTreeBase }, { token: i1.KbqTreeNode }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
41
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodeToggleBaseDirective, inputs: { node: "node", recursive: ["kbqTreeNodeToggleRecursive", "recursive"] }, usesInheritance: true, ngImport: i0 }); }
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleBaseDirective, decorators: [{
|
|
44
44
|
type: Directive
|
|
45
45
|
}], ctorParameters: () => [{ type: i1.KbqTreeBase }, { type: i1.KbqTreeNode }], propDecorators: { node: [{
|
|
46
46
|
type: Input
|
|
@@ -49,27 +49,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
49
49
|
args: ['kbqTreeNodeToggleRecursive']
|
|
50
50
|
}] } });
|
|
51
51
|
export class KbqTreeNodeToggleComponent extends KbqTreeNodeToggleBaseDirective {
|
|
52
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
53
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
54
|
-
<i kbq-icon="
|
|
55
|
-
`, isInline: true, styles: [".kbq-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;padding-left:var(--kbq-tree-size-toggle-padding, );padding-right:var(--kbq-tree-size-toggle-padding, );cursor:pointer}.kbq-tree-node-toggle .kbq-icon{transform:rotate(-90deg)}.kbq-tree-node-toggle.kbq-expanded .kbq-icon{transform:rotate(0)}.kbq-tree-node-toggle[disabled]{cursor:default}.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-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-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}: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: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
52
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodeToggleComponent, selector: "kbq-tree-node-toggle", inputs: { disabled: "disabled" }, host: { listeners: { "click": "toggle($event)" }, properties: { "class.kbq-expanded": "iconState", "attr.disabled": "disabled || null" }, classAttribute: "kbq-tree-node-toggle" }, exportAs: ["kbqTreeNodeToggle"], usesInheritance: true, ngImport: i0, template: `
|
|
54
|
+
<i kbq-icon="kbq-chevron-down-s_16"></i>
|
|
55
|
+
`, isInline: true, styles: [".kbq-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;padding-left:var(--kbq-tree-size-toggle-padding, );padding-right:var(--kbq-tree-size-toggle-padding, );cursor:pointer}.kbq-tree-node-toggle .kbq-icon{transform:rotate(-90deg)}.kbq-tree-node-toggle.kbq-expanded .kbq-icon{transform:rotate(0)}.kbq-tree-node-toggle[disabled]{cursor:default}.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: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-tree-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tree-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tree-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tree-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tree-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-tree-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-tree-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-tree-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-tree-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-tree-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
59
|
args: [{ selector: 'kbq-tree-node-toggle', exportAs: 'kbqTreeNodeToggle', template: `
|
|
60
|
-
<i kbq-icon="
|
|
60
|
+
<i kbq-icon="kbq-chevron-down-s_16"></i>
|
|
61
61
|
`, host: {
|
|
62
62
|
class: 'kbq-tree-node-toggle',
|
|
63
63
|
'[class.kbq-expanded]': 'iconState',
|
|
64
64
|
'[attr.disabled]': 'disabled || null',
|
|
65
65
|
'(click)': 'toggle($event)'
|
|
66
|
-
}, inputs: ['disabled'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;padding-left:var(--kbq-tree-size-toggle-padding, );padding-right:var(--kbq-tree-size-toggle-padding, );cursor:pointer}.kbq-tree-node-toggle .kbq-icon{transform:rotate(-90deg)}.kbq-tree-node-toggle.kbq-expanded .kbq-icon{transform:rotate(0)}.kbq-tree-node-toggle[disabled]{cursor:default}.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-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-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}: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"] }]
|
|
66
|
+
}, inputs: ['disabled'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;padding-left:var(--kbq-tree-size-toggle-padding, );padding-right:var(--kbq-tree-size-toggle-padding, );cursor:pointer}.kbq-tree-node-toggle .kbq-icon{transform:rotate(-90deg)}.kbq-tree-node-toggle.kbq-expanded .kbq-icon{transform:rotate(0)}.kbq-tree-node-toggle[disabled]{cursor:default}.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: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-tree-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tree-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tree-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tree-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tree-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-tree-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-tree-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-tree-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-tree-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-tree-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"] }]
|
|
67
67
|
}] });
|
|
68
68
|
export class KbqTreeNodeToggleDirective extends KbqTreeNodeToggleBaseDirective {
|
|
69
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
70
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
69
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
70
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNodeToggleDirective, selector: "[kbq-tree-node-toggle], [kbqTreeNodeToggle]", host: { listeners: { "click": "toggle($event)" }, properties: { "attr.disabled": "disabled || null" } }, exportAs: ["kbqTreeNodeToggle"], usesInheritance: true, ngImport: i0 }); }
|
|
71
71
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNodeToggleDirective, decorators: [{
|
|
73
73
|
type: Directive,
|
|
74
74
|
args: [{
|
|
75
75
|
selector: '[kbq-tree-node-toggle], [kbqTreeNodeToggle]',
|
|
@@ -80,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
80
80
|
}
|
|
81
81
|
}]
|
|
82
82
|
}] });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90cmVlL3RvZ2dsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUE4QixhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNwRixPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7OztBQUV2RCxvQkFBb0I7QUFDcEIsTUFBTSxPQUFPLHFCQUFxQjtDQUFHO0FBRXJDLG9CQUFvQjtBQUNwQixNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FDbkMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLENBQUM7QUFFekMsb0JBQW9CO0FBRXBCLE1BQU0sT0FBTyw4QkFBa0MsU0FBUSwwQkFBMEI7SUFHN0UsSUFDSSxTQUFTO1FBQ1QsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUFJLFNBQVMsQ0FBQyxLQUFVO1FBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUlELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsWUFDWSxJQUFvQixFQUNwQixRQUF3QjtRQUVoQyxLQUFLLEVBQUUsQ0FBQztRQUhBLFNBQUksR0FBSixJQUFJLENBQWdCO1FBQ3BCLGFBQVEsR0FBUixRQUFRLENBQWdCO1FBUjVCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFZdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUM5RixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVk7UUFDZixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNoQixPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxTQUFTO1lBQ1YsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQzdELENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV2RCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDNUIsQ0FBQztpSUFyQ1EsOEJBQThCO3FIQUE5Qiw4QkFBOEI7OzJGQUE5Qiw4QkFBOEI7a0JBRDFDLFNBQVM7MEdBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUdGLFNBQVM7c0JBRFosS0FBSzt1QkFBQyw0QkFBNEI7O0FBd0R2QyxNQUFNLE9BQU8sMEJBQThCLFNBQVEsOEJBQWlDO2lJQUF2RSwwQkFBMEI7cUhBQTFCLDBCQUEwQiwwVUFoQnpCOztLQUVUOzsyRkFjUSwwQkFBMEI7a0JBbkJ0QyxTQUFTOytCQUNJLHNCQUFzQixZQUN0QixtQkFBbUIsWUFDbkI7O0tBRVQsUUFFSzt3QkFDRixLQUFLLEVBQUUsc0JBQXNCO3dCQUM3QixzQkFBc0IsRUFBRSxXQUFXO3dCQUVuQyxpQkFBaUIsRUFBRSxrQkFBa0I7d0JBRXJDLFNBQVMsRUFBRSxnQkFBZ0I7cUJBQzlCLFVBQ08sQ0FBQyxVQUFVLENBQUMsaUJBQ0wsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs7QUFZbkQsTUFBTSxPQUFPLDBCQUE4QixTQUFRLDhCQUFpQztpSUFBdkUsMEJBQTBCO3FIQUExQiwwQkFBMEI7OzJGQUExQiwwQkFBMEI7a0JBUnRDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDZDQUE2QztvQkFDdkQsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsSUFBSSxFQUFFO3dCQUNGLGlCQUFpQixFQUFFLGtCQUFrQjt3QkFDckMsU0FBUyxFQUFFLGdCQUFnQjtxQkFDOUI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhbkRpc2FibGUsIENhbkRpc2FibGVDdG9yLCBtaXhpbkRpc2FibGVkIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxVHJlZUJhc2UsIEticVRyZWVOb2RlIH0gZnJvbSAnLi90cmVlLWJhc2UnO1xuXG4vKiogQGRvY3MtcHJpdmF0ZSAqL1xuZXhwb3J0IGNsYXNzIEticVRyZWVOb2RlVG9nZ2xlQmFzZSB7fVxuXG4vKiogQGRvY3MtcHJpdmF0ZSAqL1xuZXhwb3J0IGNvbnN0IEticVRyZWVOb2RlVG9nZ2xlTWl4aW5CYXNlOiBDYW5EaXNhYmxlQ3RvciAmIHR5cGVvZiBLYnFUcmVlTm9kZVRvZ2dsZUJhc2UgPVxuICAgIG1peGluRGlzYWJsZWQoS2JxVHJlZU5vZGVUb2dnbGVCYXNlKTtcblxuLyoqIEBkb2NzLXByaXZhdGUgKi9cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIEticVRyZWVOb2RlVG9nZ2xlQmFzZURpcmVjdGl2ZTxUPiBleHRlbmRzIEticVRyZWVOb2RlVG9nZ2xlTWl4aW5CYXNlIGltcGxlbWVudHMgQ2FuRGlzYWJsZSB7XG4gICAgQElucHV0KCkgbm9kZTogVDtcblxuICAgIEBJbnB1dCgna2JxVHJlZU5vZGVUb2dnbGVSZWN1cnNpdmUnKVxuICAgIGdldCByZWN1cnNpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9yZWN1cnNpdmU7XG4gICAgfVxuXG4gICAgc2V0IHJlY3Vyc2l2ZSh2YWx1ZTogYW55KSB7XG4gICAgICAgIHRoaXMuX3JlY3Vyc2l2ZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfcmVjdXJzaXZlID0gZmFsc2U7XG5cbiAgICBnZXQgaWNvblN0YXRlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy50cmVlLnRyZWVDb250cm9sLmlzRXhwYW5kZWQodGhpcy5ub2RlKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB0cmVlOiBLYnFUcmVlQmFzZTxUPixcbiAgICAgICAgcHJpdmF0ZSB0cmVlTm9kZTogS2JxVHJlZU5vZGU8VD5cbiAgICApIHtcbiAgICAgICAgc3VwZXIoKTtcblxuICAgICAgICB0aGlzLnRyZWUudHJlZUNvbnRyb2wuZmlsdGVyVmFsdWUuc3Vic2NyaWJlKCh2YWx1ZSkgPT4gKHRoaXMuZGlzYWJsZWQgPSAhIXZhbHVlPy5sZW5ndGgpKTtcbiAgICB9XG5cbiAgICB0b2dnbGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnJlY3Vyc2l2ZVxuICAgICAgICAgICAgPyB0aGlzLnRyZWUudHJlZUNvbnRyb2wudG9nZ2xlRGVzY2VuZGFudHModGhpcy50cmVlTm9kZS5kYXRhKVxuICAgICAgICAgICAgOiB0aGlzLnRyZWUudHJlZUNvbnRyb2wudG9nZ2xlKHRoaXMudHJlZU5vZGUuZGF0YSk7XG5cbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ticS10cmVlLW5vZGUtdG9nZ2xlJyxcbiAgICBleHBvcnRBczogJ2ticVRyZWVOb2RlVG9nZ2xlJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aSBrYnEtaWNvbj1cImticS1jaGV2cm9uLWRvd24tc18xNlwiPjwvaT5cbiAgICBgLFxuICAgIHN0eWxlVXJsczogWycuL3RvZ2dsZS5zY3NzJywgJy4vdHJlZS10b2tlbnMuc2NzcyddLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtdHJlZS1ub2RlLXRvZ2dsZScsXG4gICAgICAgICdbY2xhc3Mua2JxLWV4cGFuZGVkXSc6ICdpY29uU3RhdGUnLFxuXG4gICAgICAgICdbYXR0ci5kaXNhYmxlZF0nOiAnZGlzYWJsZWQgfHwgbnVsbCcsXG5cbiAgICAgICAgJyhjbGljayknOiAndG9nZ2xlKCRldmVudCknXG4gICAgfSxcbiAgICBpbnB1dHM6IFsnZGlzYWJsZWQnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEticVRyZWVOb2RlVG9nZ2xlQ29tcG9uZW50PFQ+IGV4dGVuZHMgS2JxVHJlZU5vZGVUb2dnbGVCYXNlRGlyZWN0aXZlPFQ+IHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS10cmVlLW5vZGUtdG9nZ2xlXSwgW2ticVRyZWVOb2RlVG9nZ2xlXScsXG4gICAgZXhwb3J0QXM6ICdrYnFUcmVlTm9kZVRvZ2dsZScsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIuZGlzYWJsZWRdJzogJ2Rpc2FibGVkIHx8IG51bGwnLFxuICAgICAgICAnKGNsaWNrKSc6ICd0b2dnbGUoJGV2ZW50KSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticVRyZWVOb2RlVG9nZ2xlRGlyZWN0aXZlPFQ+IGV4dGVuZHMgS2JxVHJlZU5vZGVUb2dnbGVCYXNlRGlyZWN0aXZlPFQ+IHt9XG4iXX0=
|
|
@@ -174,10 +174,10 @@ export class KbqTreeBase {
|
|
|
174
174
|
this.observeRenderChanges();
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
178
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
177
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeBase, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
178
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeBase, inputs: { treeControl: "treeControl", trackBy: "trackBy", dataSource: "dataSource" }, queries: [{ propertyName: "nodeDefs", predicate: KbqTreeNodeDef }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: KbqTreeNodeOutlet, descendants: true, static: true }], ngImport: i0 }); }
|
|
179
179
|
}
|
|
180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeBase, decorators: [{
|
|
181
181
|
type: Directive
|
|
182
182
|
}], ctorParameters: () => [{ type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }], propDecorators: { treeControl: [{
|
|
183
183
|
type: Input
|
|
@@ -223,10 +223,10 @@ export class KbqTreeNode {
|
|
|
223
223
|
focus() {
|
|
224
224
|
this.elementRef.nativeElement.focus();
|
|
225
225
|
}
|
|
226
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
227
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
226
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNode, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => KbqTreeBase) }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
227
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqTreeNode, selector: "kbq-tree-node", exportAs: ["kbqTreeNode"], ngImport: i0 }); }
|
|
228
228
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeNode, decorators: [{
|
|
230
230
|
type: Directive,
|
|
231
231
|
args: [{
|
|
232
232
|
selector: 'kbq-tree-node',
|
|
@@ -237,14 +237,14 @@ export class KbqTreeOption extends KbqTreeNode {
|
|
|
237
237
|
this.updateCheckboxState();
|
|
238
238
|
}
|
|
239
239
|
}
|
|
240
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
241
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
240
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: KBQ_TREE_OPTION_PARENT_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
241
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", 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: [
|
|
242
242
|
{ provide: KbqTreeNode, useExisting: KbqTreeOption },
|
|
243
243
|
{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTreeOption },
|
|
244
244
|
{ provide: KBQ_OPTION_ACTION_PARENT, useExisting: KbqTreeOption }
|
|
245
|
-
], 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-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-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}: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 }); }
|
|
245
|
+
], 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: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-tree-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tree-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tree-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tree-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tree-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-tree-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-tree-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-tree-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-tree-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-tree-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "component", type: i1.KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
246
246
|
}
|
|
247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeOption, decorators: [{
|
|
248
248
|
type: Component,
|
|
249
249
|
args: [{ selector: 'kbq-tree-option', exportAs: 'kbqTreeOption', host: {
|
|
250
250
|
class: 'kbq-tree-option',
|
|
@@ -263,7 +263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
263
263
|
{ provide: KbqTreeNode, useExisting: KbqTreeOption },
|
|
264
264
|
{ provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTreeOption },
|
|
265
265
|
{ provide: KBQ_OPTION_ACTION_PARENT, useExisting: KbqTreeOption }
|
|
266
|
-
], 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-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-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}: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"] }]
|
|
266
|
+
], 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: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-tree-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tree-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tree-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tree-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tree-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-tree-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-tree-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-tree-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-tree-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-tree-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"] }]
|
|
267
267
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
268
268
|
type: Inject,
|
|
269
269
|
args: [KBQ_TREE_OPTION_PARENT_COMPONENT]
|
|
@@ -488,14 +488,14 @@ export class KbqTreeSelection extends KbqTreeBase {
|
|
|
488
488
|
}
|
|
489
489
|
return $event.relatedTarget.classList.contains('kbq-tree-option');
|
|
490
490
|
}
|
|
491
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
492
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
491
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelection, deps: [{ token: i0.ElementRef }, { token: i1.AsyncScheduler }, { token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i2.Clipboard, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
492
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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: [
|
|
493
493
|
KBQ_SELECTION_TREE_VALUE_ACCESSOR,
|
|
494
494
|
{ provide: KBQ_TREE_OPTION_PARENT_COMPONENT, useExisting: KbqTreeSelection },
|
|
495
495
|
{ provide: KbqTreeBase, useExisting: KbqTreeSelection }
|
|
496
|
-
], queries: [{ propertyName: "unorderedOptions", predicate: KbqTreeOption }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: KbqTreeNodeOutlet, descendants: true, static: true }], exportAs: ["kbqTreeSelection"], usesInheritance: true, ngImport: i0, template: '<ng-container kbqTreeNodeOutlet />', isInline: true, 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-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-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}: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: i3.KbqTreeNodeOutlet, selector: "[kbqTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
496
|
+
], queries: [{ propertyName: "unorderedOptions", predicate: KbqTreeOption }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: KbqTreeNodeOutlet, descendants: true, static: true }], exportAs: ["kbqTreeSelection"], usesInheritance: true, ngImport: i0, template: '<ng-container kbqTreeNodeOutlet />', isInline: true, 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: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-tree-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tree-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tree-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tree-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tree-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-tree-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-tree-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-tree-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-tree-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-tree-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "directive", type: i3.KbqTreeNodeOutlet, selector: "[kbqTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
497
497
|
}
|
|
498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
498
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelection, decorators: [{
|
|
499
499
|
type: Component,
|
|
500
500
|
args: [{ selector: 'kbq-tree-selection', exportAs: 'kbqTreeSelection', template: '<ng-container kbqTreeNodeOutlet />', host: {
|
|
501
501
|
class: 'kbq-tree-selection',
|
|
@@ -509,7 +509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
509
509
|
KBQ_SELECTION_TREE_VALUE_ACCESSOR,
|
|
510
510
|
{ provide: KBQ_TREE_OPTION_PARENT_COMPONENT, useExisting: KbqTreeSelection },
|
|
511
511
|
{ provide: KbqTreeBase, useExisting: KbqTreeSelection }
|
|
512
|
-
], 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-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-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}: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"] }]
|
|
512
|
+
], 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: var(--kbq-size-xxl);--kbq-tree-size-container-padding-right: var(--kbq-size-s);--kbq-tree-size-container-padding-vertical: var(--kbq-size-xxs);--kbq-tree-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);--kbq-tree-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-tree-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-tree-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-tree-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-tree-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-tree-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-tree-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-tree-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-tree-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-tree-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-tree-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-tree-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: var(--kbq-foreground-contrast);--kbq-tree-default-icon-color: var(--kbq-icon-contrast);--kbq-tree-default-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-tree-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-tree-states-selected-container-background: var(--kbq-background-theme-less);--kbq-tree-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-tree-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-tree-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-tree-states-selected-hover-tree-toggle-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-action-button-color: var(--kbq-icon-contrast-fade);--kbq-tree-states-selected-hover-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-tree-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-tree-toggle-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-action-button-color: var(--kbq-states-icon-disabled);--kbq-tree-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"] }]
|
|
513
513
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AsyncScheduler }, { type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }, { type: i4.MultipleMode, decorators: [{
|
|
514
514
|
type: Attribute,
|
|
515
515
|
args: ['multiple']
|