npm - @koobiq/components - Versions diffs - 17.6.0 → 17.6.1 - Mend

@koobiq/components 17.6.0 → 17.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/badge/badge-tokens.scss +1 -1
package/button/button-tokens.scss +2 -3
package/dropdown/dropdown-tokens.scss +0 -1
package/esm2022/badge/badge.component.mjs +2 -2
package/esm2022/button/button.component.mjs +2 -2
package/esm2022/core/version.mjs +2 -2
package/esm2022/file-upload/multiple-file-upload.component.mjs +2 -2
package/esm2022/file-upload/single-file-upload.component.mjs +2 -2
package/esm2022/form-field/form-field.mjs +2 -2
package/esm2022/toggle/toggle.component.mjs +2 -2
package/esm2022/tree/toggle.mjs +2 -2
package/esm2022/tree/tree-option.component.mjs +2 -2
package/esm2022/tree/tree-selection.component.mjs +2 -2
package/esm2022/tree/tree.mjs +2 -2
package/fesm2022/koobiq-components-badge.mjs +2 -2
package/fesm2022/koobiq-components-button.mjs +2 -2
package/fesm2022/koobiq-components-core.mjs +1 -1
package/fesm2022/koobiq-components-core.mjs.map +1 -1
package/fesm2022/koobiq-components-file-upload.mjs +4 -4
package/fesm2022/koobiq-components-form-field.mjs +2 -2
package/fesm2022/koobiq-components-toggle.mjs +2 -2
package/fesm2022/koobiq-components-tree.mjs +8 -8
package/file-upload/file-upload-tokens.scss +5 -5
package/form-field/form-field-tokens.scss +1 -1
package/icon/icon-button-tokens.scss +0 -1
package/link/link-tokens.scss +1 -1
package/package.json +6 -6
package/prebuilt-themes/dark-theme.css +1 -1
package/prebuilt-themes/light-theme.css +1 -1
package/schematics/ng-add/index.js +4 -4
package/toggle/toggle-tokens.scss +4 -4
package/tree/tree-tokens.scss +4 -4

package/esm2022/toggle/toggle.component.mjs CHANGED Viewed

@@ -107,7 +107,7 @@ export class KbqToggleComponent extends KbqToggleMixinBase {
                 useExisting: forwardRef((() => KbqToggleComponent)),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqToggle"], usesInheritance: true, ngImport: i0, template: "<label\n    class=\"kbq-toggle-layout\"\n    [attr.for]=\"inputId\"\n    [class.left]=\"labelPosition === 'left'\"\n>\n    <input\n        #input\n        role=\"switch\"\n        type=\"checkbox\"\n        class=\"kbq-toggle-input cdk-visually-hidden\"\n        [attr.aria-checked]=\"getAriaChecked()\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [id]=\"inputId\"\n        [tabIndex]=\"tabIndex\"\n        (change)=\"onChangeEvent($event)\"\n        (click)=\"onInputClick($event)\"\n    />\n    <div class=\"kbq-toggle-bar-container\">\n        <div class=\"kbq-toggle-bar\">\n            <div\n                class=\"kbq-toggle__circle\"\n                [@switch]=\"checked\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        class=\"kbq-toggle__content\"\n        [class.left]=\"labelPosition === 'left'\"\n        [class.right]=\"labelPosition === 'right'\"\n    >\n        <span\n            class=\"kbq-toggle-label\"\n            (cdkObserveContent)=\"onLabelTextChange()\"\n        >\n            <ng-content />\n        </span>\n\n        <ng-content select=\"kbq-hint\" />\n    </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"], animations: [
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqToggle"], usesInheritance: true, ngImport: i0, template: "<label\n    class=\"kbq-toggle-layout\"\n    [attr.for]=\"inputId\"\n    [class.left]=\"labelPosition === 'left'\"\n>\n    <input\n        #input\n        role=\"switch\"\n        type=\"checkbox\"\n        class=\"kbq-toggle-input cdk-visually-hidden\"\n        [attr.aria-checked]=\"getAriaChecked()\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [id]=\"inputId\"\n        [tabIndex]=\"tabIndex\"\n        (change)=\"onChangeEvent($event)\"\n        (click)=\"onInputClick($event)\"\n    />\n    <div class=\"kbq-toggle-bar-container\">\n        <div class=\"kbq-toggle-bar\">\n            <div\n                class=\"kbq-toggle__circle\"\n                [@switch]=\"checked\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        class=\"kbq-toggle__content\"\n        [class.left]=\"labelPosition === 'left'\"\n        [class.right]=\"labelPosition === 'right'\"\n    >\n        <span\n            class=\"kbq-toggle-label\"\n            (cdkObserveContent)=\"onLabelTextChange()\"\n        >\n            <ng-content />\n        </span>\n\n        <ng-content select=\"kbq-hint\" />\n    </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"], animations: [
             trigger('switch', [
                 state('true', style({ left: 'calc(100% - 11px)' })),
                 state('false', style({ left: '3px' })),
@@ -136,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                             useExisting: forwardRef((() => KbqToggleComponent)),
                             multi: true
                         }
-                    ], template: "<label\n    class=\"kbq-toggle-layout\"\n    [attr.for]=\"inputId\"\n    [class.left]=\"labelPosition === 'left'\"\n>\n    <input\n        #input\n        role=\"switch\"\n        type=\"checkbox\"\n        class=\"kbq-toggle-input cdk-visually-hidden\"\n        [attr.aria-checked]=\"getAriaChecked()\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [id]=\"inputId\"\n        [tabIndex]=\"tabIndex\"\n        (change)=\"onChangeEvent($event)\"\n        (click)=\"onInputClick($event)\"\n    />\n    <div class=\"kbq-toggle-bar-container\">\n        <div class=\"kbq-toggle-bar\">\n            <div\n                class=\"kbq-toggle__circle\"\n                [@switch]=\"checked\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        class=\"kbq-toggle__content\"\n        [class.left]=\"labelPosition === 'left'\"\n        [class.right]=\"labelPosition === 'right'\"\n    >\n        <span\n            class=\"kbq-toggle-label\"\n            (cdkObserveContent)=\"onLabelTextChange()\"\n        >\n            <ng-content />\n        </span>\n\n        <ng-content select=\"kbq-hint\" />\n    </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"] }]
+                    ], template: "<label\n    class=\"kbq-toggle-layout\"\n    [attr.for]=\"inputId\"\n    [class.left]=\"labelPosition === 'left'\"\n>\n    <input\n        #input\n        role=\"switch\"\n        type=\"checkbox\"\n        class=\"kbq-toggle-input cdk-visually-hidden\"\n        [attr.aria-checked]=\"getAriaChecked()\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.name]=\"name\"\n        [attr.value]=\"value\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [id]=\"inputId\"\n        [tabIndex]=\"tabIndex\"\n        (change)=\"onChangeEvent($event)\"\n        (click)=\"onInputClick($event)\"\n    />\n    <div class=\"kbq-toggle-bar-container\">\n        <div class=\"kbq-toggle-bar\">\n            <div\n                class=\"kbq-toggle__circle\"\n                [@switch]=\"checked\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        class=\"kbq-toggle__content\"\n        [class.left]=\"labelPosition === 'left'\"\n        [class.right]=\"labelPosition === 'right'\"\n    >\n        <span\n            class=\"kbq-toggle-label\"\n            (cdkObserveContent)=\"onLabelTextChange()\"\n        >\n            <ng-content />\n        </span>\n\n        <ng-content select=\"kbq-hint\" />\n    </div>\n</label>\n", styles: [".kbq-toggle{display:inline-block}.kbq-toggle .kbq-toggle__circle{position:absolute;border-radius:50%;transform:translate(-1px);height:10px;width:10px}.kbq-toggle .kbq-toggle-layout{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit}.kbq-toggle .kbq-toggle-layout.left{flex-direction:row-reverse}.kbq-toggle .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-normal-label-line-height, 20px) - var(--kbq-toggle-size-normal-height, 16px)) / 2)}.kbq-toggle .kbq-toggle-bar-container{display:flex;align-items:center}.kbq-toggle .kbq-toggle-bar{position:relative;box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-style:solid;border-radius:8px;height:var(--kbq-toggle-size-normal-height, 16px);width:var(--kbq-toggle-size-normal-width, 28px)}.kbq-toggle .kbq-hint{margin-top:var(--kbq-toggle-size-normal-vertical-content-padding, 8px)}.kbq-toggle__content{display:flex;flex-direction:column;flex:1}.kbq-toggle__content.left{margin-right:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle__content.right{margin-left:var(--kbq-toggle-size-normal-horizontal-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar{height:var(--kbq-toggle-size-big-height, 16px);width:var(--kbq-toggle-size-big-width, 28px)}.kbq-toggle.kbq-toggle_big .kbq-hint{margin-top:var(--kbq-toggle-size-big-vertical-content-padding, 8px)}.kbq-toggle.kbq-toggle_big .kbq-toggle-layout .kbq-toggle-bar-container:has(+.kbq-toggle__content){padding-top:calc((var(--kbq-toggle-font-big-label-line-height, 24px) - var(--kbq-toggle-size-big-height, 16px)) / 2)}.kbq-toggle:not(.kbq-disabled){cursor:pointer}.kbq-toggle .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-default-border, );background:var(--kbq-toggle-theme-default-background, )}.kbq-toggle .kbq-toggle__circle{background:var(--kbq-toggle-theme-default-circle-background, )}.kbq-toggle:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-hover-border, );background:var(--kbq-toggle-theme-states-hover-background, )}.kbq-toggle:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-hover-circle-background, )}.kbq-toggle.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-border, );background:var(--kbq-toggle-theme-states-checked-background, )}.kbq-toggle.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-circle-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-hover-border, );background:var(--kbq-toggle-theme-states-checked-hover-background, )}.kbq-toggle.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-hover-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-border, );background:var(--kbq-toggle-theme-states-focused-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-focused-circle-background, )}.kbq-toggle.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-focused-focus-outline, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-border, );background:var(--kbq-toggle-theme-states-checked-focused-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-checked-focused-circle-background, )}.kbq-toggle.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-theme-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-theme-states-disabled-border, );background:var(--kbq-toggle-theme-states-disabled-background, )}.kbq-toggle.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-theme-states-disabled-circle-background, )}.kbq-toggle.kbq-error .kbq-toggle-bar{border-color:var(--kbq-toggle-error-default-border, );background:var(--kbq-toggle-error-default-background, )}.kbq-toggle.kbq-error .kbq-toggle__circle{background:var(--kbq-toggle-error-default-circle-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-hover-border, );background:var(--kbq-toggle-error-states-hover-background, )}.kbq-toggle.kbq-error:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-hover-circle-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-border, );background:var(--kbq-toggle-error-states-checked-background, )}.kbq-toggle.kbq-error.kbq-active .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-circle-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-hover-border, );background:var(--kbq-toggle-error-states-checked-hover-background, )}.kbq-toggle.kbq-error.kbq-active:hover .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-hover-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-border, );background:var(--kbq-toggle-error-states-focused-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-focused-circle-background, )}.kbq-toggle.kbq-error.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-border, );background:var(--kbq-toggle-error-states-checked-focused-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle__circle{background:var(--kbq-toggle-error-states-checked-focused-circle-background, )}.kbq-toggle.kbq-error.kbq-active.cdk-keyboard-focused .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-checked-focused-focus-outline, );box-shadow:0 0 .1px 1px var(--kbq-toggle-error-states-checked-focused-focus-outline, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle-bar,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle-bar{border-color:var(--kbq-toggle-error-states-disabled-border, );background:var(--kbq-toggle-error-states-disabled-background, )}.kbq-toggle.kbq-error.kbq-disabled .kbq-toggle__circle,.kbq-toggle.kbq-error.kbq-active.kbq-disabled .kbq-toggle__circle{background:var(--kbq-toggle-error-states-disabled-circle-background, )}.kbq-toggle.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-toggle:not(.kbq-toggle_big){font-size:var(--kbq-toggle-font-normal-label-font-size, 14px);font-weight:var(--kbq-toggle-font-normal-label-font-weight, normal);line-height:var(--kbq-toggle-font-normal-label-line-height, 20px);font-family:var(--kbq-toggle-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-label-letter-spacing, -.006em)}.kbq-toggle:not(.kbq-toggle_big) .kbq-hint{font-size:var(--kbq-toggle-font-normal-caption-font-size, 12px);font-weight:var(--kbq-toggle-font-normal-caption-font-weight, normal);line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px);font-family:var(--kbq-toggle-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-normal-caption-letter-spacing, normal)}.kbq-toggle:not(.kbq-toggle_big) .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-normal-caption-line-height, 16px)}.kbq-toggle.kbq-toggle_big{font-size:var(--kbq-toggle-font-big-label-font-size, 16px);font-weight:var(--kbq-toggle-font-big-label-font-weight, normal);line-height:var(--kbq-toggle-font-big-label-line-height, 24px);font-family:var(--kbq-toggle-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-label-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-label-letter-spacing, -.011em)}.kbq-toggle.kbq-toggle_big .kbq-hint{font-size:var(--kbq-toggle-font-big-caption-font-size, 14px);font-weight:var(--kbq-toggle-font-big-caption-font-weight, normal);line-height:var(--kbq-toggle-font-big-caption-line-height, 20px);font-family:var(--kbq-toggle-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-toggle-font-big-caption-text-transform, );font-feature-settings:var(--kbq-toggle-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-toggle-font-big-caption-letter-spacing, -.006em)}.kbq-toggle.kbq-toggle_big .kbq-toggle-bar-container{line-height:var(--kbq-toggle-font-big-label-line-height, 24px)}\n", ".kbq-toggle{--kbq-toggle-size-normal-height: 16px;--kbq-toggle-size-normal-width: 28px;--kbq-toggle-size-normal-horizontal-content-padding: 8px;--kbq-toggle-size-normal-vertical-content-padding: 8px;--kbq-toggle-size-big-height: 16px;--kbq-toggle-size-big-width: 28px;--kbq-toggle-size-big-horizontal-content-padding: 8px;--kbq-toggle-size-big-vertical-content-padding: 8px;--kbq-toggle-font-normal-label-font-size: 14px;--kbq-toggle-font-normal-label-line-height: 20px;--kbq-toggle-font-normal-label-letter-spacing: -.006em;--kbq-toggle-font-normal-label-font-weight: normal;--kbq-toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-label-text-transform: null;--kbq-toggle-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-normal-caption-font-size: 12px;--kbq-toggle-font-normal-caption-line-height: 16px;--kbq-toggle-font-normal-caption-letter-spacing: normal;--kbq-toggle-font-normal-caption-font-weight: normal;--kbq-toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-normal-caption-text-transform: null;--kbq-toggle-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-label-font-size: 16px;--kbq-toggle-font-big-label-line-height: 24px;--kbq-toggle-font-big-label-letter-spacing: -.011em;--kbq-toggle-font-big-label-font-weight: normal;--kbq-toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-label-text-transform: null;--kbq-toggle-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-toggle-font-big-caption-font-size: 14px;--kbq-toggle-font-big-caption-line-height: 20px;--kbq-toggle-font-big-caption-letter-spacing: -.006em;--kbq-toggle-font-big-caption-font-weight: normal;--kbq-toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-toggle-font-big-caption-text-transform: null;--kbq-toggle-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-default-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 15%, 32%);--kbq-toggle-error-default-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 92%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 99%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-toggle-theme-default-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-default-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-default-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-hover-border: hsla(229, 15%, 30%, 100%);--kbq-toggle-theme-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-checked-border: transparent;--kbq-toggle-theme-states-checked-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-hover-border: transparent;--kbq-toggle-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%);--kbq-toggle-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-focused-background: hsla(229, 15%, 12%, 100%);--kbq-toggle-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%);--kbq-toggle-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%);--kbq-toggle-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%);--kbq-toggle-theme-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-theme-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-theme-states-disabled-circle-background: hsla(229, 15%, 30%, 100%);--kbq-toggle-error-default-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-default-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-default-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-hover-background: hsla(7, 97%, 13%, 100%);--kbq-toggle-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-checked-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%);--kbq-toggle-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%);--kbq-toggle-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-focused-background: hsla(7, 97%, 6%, 100%);--kbq-toggle-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%);--kbq-toggle-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%);--kbq-toggle-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%);--kbq-toggle-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%);--kbq-toggle-error-states-disabled-border: hsla(229, 15%, 50%, 32%);--kbq-toggle-error-states-disabled-background: hsla(229, 15%, 50%, 16%);--kbq-toggle-error-states-disabled-circle-background: hsla(229, 15%, 30%, 100%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: i0.ChangeDetectorRef }], propDecorators: { big: [{
                 type: Input
             }], inputElement: [{

package/esm2022/tree/toggle.mjs CHANGED Viewed

@@ -52,7 +52,7 @@ export class KbqTreeNodeToggleComponent extends KbqTreeNodeToggleBaseDirective {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeNodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", 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: `
         <i kbq-icon="mc-angle-down-S_16"></i>
-    `, 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-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 85%, 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%, 91%, 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%, 20%, 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%, 18%, 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 }); }
+    `, 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-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeNodeToggleComponent, decorators: [{
             type: Component,
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                         '[class.kbq-expanded]': 'iconState',
                         '[attr.disabled]': 'disabled || null',
                         '(click)': 'toggle($event)'
-                    }, 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-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 85%, 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%, 91%, 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%, 20%, 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%, 18%, 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"] }]
+                    }, 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-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"] }]
         }] });
 export class KbqTreeNodeToggleDirective extends KbqTreeNodeToggleBaseDirective {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeNodeToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }

package/esm2022/tree/tree-option.component.mjs CHANGED Viewed

@@ -242,7 +242,7 @@ export class KbqTreeOption extends KbqTreeNode {
             { provide: KbqTreeNode, useExisting: KbqTreeOption },
             { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTreeOption },
             { provide: KBQ_OPTION_ACTION_PARENT, useExisting: KbqTreeOption }
-        ], queries: [{ propertyName: "toggleElementDirective", first: true, predicate: KbqTreeNodeToggleDirective, descendants: true }, { propertyName: "toggleElementComponent", first: true, predicate: KbqTreeNodeToggleComponent, descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: KbqPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: KbqOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: KbqTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: KbqDropdownTrigger, descendants: true }], viewQueries: [{ propertyName: "parentTextElement", first: true, predicate: ["kbqTitleContainer"], descendants: true }], exportAs: ["kbqTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n    <ng-content\n        *ngSwitchCase=\"true\"\n        select=\"kbq-pseudo-checkbox\"\n    />\n\n    <ng-container *ngSwitchCase=\"false\">\n        <kbq-pseudo-checkbox\n            *ngIf=\"showCheckbox\"\n            [disabled]=\"disabled\"\n            [state]=\"checkboxState\"\n        />\n    </ng-container>\n</ng-container>\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n    #kbqTitleContainer\n    class=\"kbq-option-text\"\n>\n    <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 85%, 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%, 91%, 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%, 20%, 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%, 18%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "toggleElementDirective", first: true, predicate: KbqTreeNodeToggleDirective, descendants: true }, { propertyName: "toggleElementComponent", first: true, predicate: KbqTreeNodeToggleComponent, descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: KbqPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: KbqOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: KbqTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: KbqDropdownTrigger, descendants: true }], viewQueries: [{ propertyName: "parentTextElement", first: true, predicate: ["kbqTitleContainer"], descendants: true }], exportAs: ["kbqTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n    <ng-content\n        *ngSwitchCase=\"true\"\n        select=\"kbq-pseudo-checkbox\"\n    />\n\n    <ng-container *ngSwitchCase=\"false\">\n        <kbq-pseudo-checkbox\n            *ngIf=\"showCheckbox\"\n            [disabled]=\"disabled\"\n            [state]=\"checkboxState\"\n        />\n    </ng-container>\n</ng-container>\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n    #kbqTitleContainer\n    class=\"kbq-option-text\"\n>\n    <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeOption, decorators: [{
             type: Component,
@@ -263,7 +263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                         { provide: KbqTreeNode, useExisting: KbqTreeOption },
                         { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqTreeOption },
                         { provide: KBQ_OPTION_ACTION_PARENT, useExisting: KbqTreeOption }
-                    ], template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n    <ng-content\n        *ngSwitchCase=\"true\"\n        select=\"kbq-pseudo-checkbox\"\n    />\n\n    <ng-container *ngSwitchCase=\"false\">\n        <kbq-pseudo-checkbox\n            *ngIf=\"showCheckbox\"\n            [disabled]=\"disabled\"\n            [state]=\"checkboxState\"\n        />\n    </ng-container>\n</ng-container>\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n    #kbqTitleContainer\n    class=\"kbq-option-text\"\n>\n    <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 85%, 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%, 91%, 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%, 20%, 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%, 18%, 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"] }]
+                    ], template: "<ng-content select=\"kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]\" />\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n    <ng-content\n        *ngSwitchCase=\"true\"\n        select=\"kbq-pseudo-checkbox\"\n    />\n\n    <ng-container *ngSwitchCase=\"false\">\n        <kbq-pseudo-checkbox\n            *ngIf=\"showCheckbox\"\n            [disabled]=\"disabled\"\n            [state]=\"checkboxState\"\n        />\n    </ng-container>\n</ng-container>\n\n<ng-content select=\"kbq-checkbox\" />\n\n<ng-content select=\"[kbq-icon]\" />\n\n<ng-content select=\"kbq-progress-spinner\" />\n\n<span\n    #kbqTitleContainer\n    class=\"kbq-option-text\"\n>\n    <ng-content />\n</span>\n\n<ng-content select=\"kbq-option-action\" />\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-tree-option{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;min-height:32px;word-wrap:break-word;border-width:var(--kbq-tree-size-container-focus-outline-width, 2px);border-style:solid;border-color:transparent;padding-top:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-right:calc(var(--kbq-tree-size-container-padding-right, 8px) - var(--kbq-tree-size-container-focus-outline-width, 2px));padding-bottom:calc(var(--kbq-tree-size-container-padding-vertical, 4px) - var(--kbq-tree-size-container-focus-outline-width, 2px));gap:var(--kbq-tree-size-container-content-gap-horizontal, 8px)}.kbq-tree-option .kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:var(--kbq-list-size-text-padding-vertical, 0);padding-bottom:var(--kbq-list-size-text-padding-vertical, 0)}.kbq-tree-option .kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-tree-option .kbq-option-text:empty{display:none}.kbq-tree-option:focus{outline:none}.kbq-tree-option:not(.kbq-disabled){cursor:pointer}.kbq-tree-option .kbq-option-action{display:none}.kbq-tree-option:not(.kbq-disabled):hover .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-focused .kbq-option-action,.kbq-tree-option:not(.kbq-disabled).kbq-action-button-focused .kbq-option-action{display:flex}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [KBQ_TREE_OPTION_PARENT_COMPONENT]

package/esm2022/tree/tree-selection.component.mjs CHANGED Viewed

@@ -493,7 +493,7 @@ export class KbqTreeSelection extends KbqTreeBase {
             KBQ_SELECTION_TREE_VALUE_ACCESSOR,
             { provide: KBQ_TREE_OPTION_PARENT_COMPONENT, useExisting: KbqTreeSelection },
             { provide: KbqTreeBase, useExisting: KbqTreeSelection }
-        ], 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-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 85%, 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%, 91%, 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%, 20%, 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%, 18%, 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 }); }
+        ], 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-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"], dependencies: [{ kind: "directive", type: i3.KbqTreeNodeOutlet, selector: "[kbqTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqTreeSelection, decorators: [{
             type: Component,
@@ -509,7 +509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                         KBQ_SELECTION_TREE_VALUE_ACCESSOR,
                         { provide: KBQ_TREE_OPTION_PARENT_COMPONENT, useExisting: KbqTreeSelection },
                         { provide: KbqTreeBase, useExisting: KbqTreeSelection }
-                    ], styles: [".kbq-tree-selection{display:block}.kbq-tree-selection:focus{outline:none}.kbq-tree-option{background:var(--kbq-tree-default-container-background, )}.kbq-tree-option .kbq-option-text{color:var(--kbq-tree-default-text-color, )}.kbq-tree-option .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-default-tree-toggle-color, )}.kbq-tree-option .kbq-option-action .kbq-icon{color:var(--kbq-tree-default-action-button-color, )}.kbq-tree-option .kbq-option-caption{color:var(--kbq-tree-default-caption-color, )}.kbq-tree-option:hover:not(.kbq-disabled){background:var(--kbq-tree-states-hover-container-background, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-hover-text-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-hover-tree-toggle-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-hover-action-button-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-hover-caption-color, )}.kbq-tree-option.kbq-focused,.kbq-tree-option.kbq-active{border-color:var(--kbq-tree-states-focused-focus-outline-color, )}.kbq-tree-option.kbq-selected{background:var(--kbq-tree-states-selected-container-background, )}.kbq-tree-option.kbq-selected .kbq-option-text{color:var(--kbq-tree-states-selected-text-color, )}.kbq-tree-option.kbq-selected .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-selected-tree-toggle-color, )}.kbq-tree-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-selected-action-button-color, )}.kbq-tree-option.kbq-selected .kbq-option-caption{color:var(--kbq-tree-states-selected-caption-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-tree-states-selected-hover-container-background, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-selected-hover-text-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-selected-hover-tree-toggle-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-selected-hover-action-button-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-selected-hover-caption-color, )}.kbq-tree-option.kbq-disabled{background:var(--kbq-tree-states-disabled-container-background, )}.kbq-tree-option.kbq-disabled .kbq-option-text{color:var(--kbq-tree-states-disabled-text-color, )}.kbq-tree-option.kbq-disabled .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-disabled-tree-toggle-color, )}.kbq-tree-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-disabled-action-button-color, )}.kbq-tree-option.kbq-disabled .kbq-option-caption{color:var(--kbq-tree-states-disabled-caption-color, )}.kbq-tree-option.kbq-disabled .kbq-icon{cursor:default}.kbq-tree-option{font-size:var(--kbq-tree-font-text-font-size, 14px);font-weight:var(--kbq-tree-font-text-font-weight, normal);line-height:var(--kbq-tree-font-text-line-height, 20px);font-family:var(--kbq-tree-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-tree-font-text-text-transform, );font-feature-settings:var(--kbq-tree-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-tree-font-text-letter-spacing, -.006em)}.kbq-tree-option-caption{font-size:var(--kbq-tree-font-caption-font-size, 12px);font-weight:var(--kbq-tree-font-caption-font-weight, normal);line-height:var(--kbq-tree-font-caption-line-height, 16px);font-family:var(--kbq-tree-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-tree-font-caption-text-transform, );font-feature-settings:var(--kbq-tree-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-tree-font-caption-letter-spacing, normal)}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 85%, 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%, 91%, 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%, 20%, 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%, 18%, 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"] }]
+                    ], styles: [".kbq-tree-selection{display:block}.kbq-tree-selection:focus{outline:none}.kbq-tree-option{background:var(--kbq-tree-default-container-background, )}.kbq-tree-option .kbq-option-text{color:var(--kbq-tree-default-text-color, )}.kbq-tree-option .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-default-tree-toggle-color, )}.kbq-tree-option .kbq-option-action .kbq-icon{color:var(--kbq-tree-default-action-button-color, )}.kbq-tree-option .kbq-option-caption{color:var(--kbq-tree-default-caption-color, )}.kbq-tree-option:hover:not(.kbq-disabled){background:var(--kbq-tree-states-hover-container-background, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-hover-text-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-hover-tree-toggle-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-hover-action-button-color, )}.kbq-tree-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-hover-caption-color, )}.kbq-tree-option.kbq-focused,.kbq-tree-option.kbq-active{border-color:var(--kbq-tree-states-focused-focus-outline-color, )}.kbq-tree-option.kbq-selected{background:var(--kbq-tree-states-selected-container-background, )}.kbq-tree-option.kbq-selected .kbq-option-text{color:var(--kbq-tree-states-selected-text-color, )}.kbq-tree-option.kbq-selected .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-selected-tree-toggle-color, )}.kbq-tree-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-selected-action-button-color, )}.kbq-tree-option.kbq-selected .kbq-option-caption{color:var(--kbq-tree-states-selected-caption-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-tree-states-selected-hover-container-background, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-tree-states-selected-hover-text-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-selected-hover-tree-toggle-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-selected-hover-action-button-color, )}.kbq-tree-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-tree-states-selected-hover-caption-color, )}.kbq-tree-option.kbq-disabled{background:var(--kbq-tree-states-disabled-container-background, )}.kbq-tree-option.kbq-disabled .kbq-option-text{color:var(--kbq-tree-states-disabled-text-color, )}.kbq-tree-option.kbq-disabled .kbq-tree-node-toggle .kbq-icon{color:var(--kbq-tree-states-disabled-tree-toggle-color, )}.kbq-tree-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-tree-states-disabled-action-button-color, )}.kbq-tree-option.kbq-disabled .kbq-option-caption{color:var(--kbq-tree-states-disabled-caption-color, )}.kbq-tree-option.kbq-disabled .kbq-icon{cursor:default}.kbq-tree-option{font-size:var(--kbq-tree-font-text-font-size, 14px);font-weight:var(--kbq-tree-font-text-font-weight, normal);line-height:var(--kbq-tree-font-text-line-height, 20px);font-family:var(--kbq-tree-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-tree-font-text-text-transform, );font-feature-settings:var(--kbq-tree-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-tree-font-text-letter-spacing, -.006em)}.kbq-tree-option-caption{font-size:var(--kbq-tree-font-caption-font-size, 12px);font-weight:var(--kbq-tree-font-caption-font-weight, normal);line-height:var(--kbq-tree-font-caption-line-height, 16px);font-family:var(--kbq-tree-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-tree-font-caption-text-transform, );font-feature-settings:var(--kbq-tree-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-tree-font-caption-letter-spacing, normal)}\n", ".kbq-tree,.kbq-tree-selection{--kbq-tree-size-indent-level: 24px;--kbq-tree-size-container-padding-right: 8px;--kbq-tree-size-container-padding-vertical: 4px;--kbq-tree-size-container-content-gap-horizontal: 8px;--kbq-tree-size-container-content-gap-vertical: 0px;--kbq-tree-size-container-focus-outline-width: 2px;--kbq-tree-size-text-padding-vertical: 2px;--kbq-tree-font-text-font-size: 14px;--kbq-tree-font-text-line-height: 20px;--kbq-tree-font-text-letter-spacing: -.006em;--kbq-tree-font-text-font-weight: normal;--kbq-tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-text-text-transform: null;--kbq-tree-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-tree-font-caption-font-size: 12px;--kbq-tree-font-caption-line-height: 16px;--kbq-tree-font-caption-letter-spacing: normal;--kbq-tree-font-caption-font-weight: normal;--kbq-tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-tree-font-caption-text-transform: null;--kbq-tree-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 8%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 94%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 15%, 32%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-tree-default-container-background: transparent;--kbq-tree-default-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-default-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-default-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-hover-container-background: hsla(229, 15%, 50%, 16%);--kbq-tree-states-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);--kbq-tree-states-selected-container-background: hsla(216, 100%, 18%, 100%);--kbq-tree-states-selected-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);--kbq-tree-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);--kbq-tree-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%);--kbq-tree-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%);--kbq-tree-states-disabled-container-background: transparent;--kbq-tree-states-disabled-text-color: hsla(229, 15%, 40%, 100%);--kbq-tree-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-tree-toggle-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-action-button-color: hsla(229, 15%, 30%, 100%);--kbq-tree-states-disabled-caption-color: hsla(229, 15%, 40%, 100%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AsyncScheduler }, { type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }, { type: i4.MultipleMode, decorators: [{
                     type: Attribute,
                     args: ['multiple']