@koobiq/components 19.4.1 → 19.6.0

package/skeleton/skeleton.scss

@@ -8,21 +8,35 @@
     }
 }
 
-.kbq-skeleton {
+.kbq-skeleton:not(.kbq-skeleton_disabled) {
     --kbq-skeleton-min-height: var(--kbq-size-l);
-    --kbq-skeleton-animation-duration: 1.2s;
+    --kbq-skeleton-animation-duration: 1200ms;
+    --kbq-skeleton-animation-delay: 0ms;
     --kbq-skeleton-border-radius: var(--kbq-size-xxs);
     --kbq-skeleton-wave-width: 100px;
+    --kbq-skeleton-z-index: 1;
+
+    &:is(kbq-skeleton) {
+        display: flex;
+        min-height: var(--kbq-skeleton-min-height);
+        border-radius: var(--kbq-skeleton-border-radius);
+    }
 
     position: relative;
-    display: flex;
-    min-height: var(--kbq-skeleton-min-height);
-    border-radius: var(--kbq-skeleton-border-radius);
-    background-color: var(--kbq-skeleton-background);
     overflow: hidden;
     clip-path: inset(0);
     user-select: none;
     pointer-events: none;
+    border-color: transparent;
+    outline-color: transparent;
+
+    &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background-color: var(--kbq-skeleton-background);
+        z-index: var(--kbq-skeleton-z-index);
+    }
 
     &::after {
         content: '';
@@ -30,12 +44,13 @@
         inset-block: 0;
         left: calc(var(--kbq-skeleton-wave-width) * -1);
         width: var(--kbq-skeleton-wave-width);
+        z-index: var(--kbq-skeleton-z-index);
         background: linear-gradient(
             90deg,
             var(--kbq-skeleton-animation-wave-start) 0%,
             var(--kbq-skeleton-animation-wave-center) 50%,
             var(--kbq-skeleton-animation-wave-end) 100%
         );
-        animation: wave var(--kbq-skeleton-animation-duration) ease-in infinite;
+        animation: wave var(--kbq-skeleton-animation-duration) ease-in var(--kbq-skeleton-animation-delay) infinite;
     }
 }

package/split-button/_split-button-theme.scss

@@ -6,7 +6,8 @@
 
         & .kbq-split-button_item {
             &.kbq-contrast.kbq-button_filled::before {
-                background: var(--kbq-foreground-on-contrast);
+                // @TODO (#DS-3002)
+                background: var(--kbq-line-on-contrast-fade, var(--kbq-foreground-on-contrast));
             }
 
             &.kbq-contrast.kbq-button_transparent,

package/tabs/_tabs-common.scss

@@ -67,6 +67,7 @@
     & .kbq-tab-label__content {
         display: flex;
         align-items: center;
+        overflow: hidden;
 
         gap: var(--kbq-tabs-size-tab-item-content-gap-horizontal);
     }
@@ -83,7 +84,7 @@
     &.kbq-tab-label_vertical {
         justify-content: flex-start;
 
-        & .kbq-tab-label__content {
+        & .kbq-tab-label__content:not(.kbq-tab-label__template) {
             display: block;
             overflow: hidden;
             text-overflow: ellipsis;

package/tags/tag-input.d.ts

@@ -37,6 +37,7 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
      */
     set separatorKeyCodes(value: number[]);
     private _separatorKeyCodes;
+    /** @docs-private */
     get separators(): KbqTagSeparator[];
     private _separators;
     /** Emitted when a tag is to be added. */
@@ -58,10 +59,9 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
     private _addOnBlur;
     /**
      * Whether the tagEnd event will be emitted when the text pasted.
+     * @default true
      */
-    get addOnPaste(): boolean;
-    set addOnPaste(value: boolean);
-    private _addOnPaste;
+    addOnPaste: boolean;
     /** Whether the input is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -106,4 +106,5 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
     private isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagInput, [null, null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagInput, "input[kbqTagInputFor]", ["kbqTagInput", "kbqTagInputFor"], { "separatorKeyCodes": { "alias": "kbqTagInputSeparatorKeyCodes"; "required": false; }; "distinct": { "alias": "distinct"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "kbqTagInputFor"; "required": false; }; "addOnBlur": { "alias": "kbqTagInputAddOnBlur"; "required": false; }; "addOnPaste": { "alias": "kbqTagInputAddOnPaste"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "kbqTagInputTokenEnd"; }, never, never, true, [{ directive: typeof i1.KbqFieldSizingContent; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_addOnPaste: unknown;
 }

package/tags/tag-list.component.d.ts

@@ -28,6 +28,7 @@ export declare class KbqTagList implements KbqFormFieldControl<any>, ControlValu
     parentForm: NgForm;
     parentFormGroup: FormGroupDirective;
     ngControl: NgControl;
+    private readonly useLegacyValidation;
     private readonly dropList;
     private readonly destroyRef;
     private readonly focusMonitor;

package/tags/tag-tokens.scss

@@ -83,11 +83,11 @@
     --kbq-tag-warning-fade-states-focus-text: var(--kbq-foreground-warning);
     --kbq-tag-warning-fade-states-focus-icon: var(--kbq-icon-warning);
     --kbq-tag-warning-fade-states-focus-close-button: var(--kbq-icon-warning);
-    --kbq-tag-warning-fade-states-focus-outline: var(--kbq-line-warning);
+    --kbq-tag-warning-fade-states-focus-outline: var(--kbq-states-line-focus-theme);
     --kbq-tag-warning-fade-states-selected-background: var(--kbq-background-warning);
-    --kbq-tag-warning-fade-states-selected-text: var(--kbq-foreground-white);
-    --kbq-tag-warning-fade-states-selected-icon: var(--kbq-icon-white);
-    --kbq-tag-warning-fade-states-selected-close-button: var(--kbq-icon-white);
+    --kbq-tag-warning-fade-states-selected-text: var(--kbq-foreground-contrast);
+    --kbq-tag-warning-fade-states-selected-icon: var(--kbq-icon-contrast);
+    --kbq-tag-warning-fade-states-selected-close-button: var(--kbq-icon-contrast);
     --kbq-tag-warning-fade-states-disabled-background: var(--kbq-states-background-disabled);
     --kbq-tag-warning-fade-states-disabled-text: var(--kbq-states-foreground-disabled);
     --kbq-tag-warning-fade-states-disabled-icon: var(--kbq-states-icon-disabled);

package/textarea/textarea.component.d.ts

@@ -15,6 +15,7 @@ export declare class KbqTextarea implements KbqFormFieldControl<any>, OnInit, On
     defaultErrorStateMatcher: ErrorStateMatcher;
     private parent;
     private ngZone;
+    private readonly useLegacyValidation;
     /** Whether the component is in an error state. */
     errorState: boolean;
     /** Parameter enables or disables the ability to automatically increase the height.

package/title/title.directive.d.ts

@@ -5,7 +5,6 @@ import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class KbqTitleDirective extends KbqTooltipTrigger implements AfterViewInit, OnDestroy {
     private componentInstance?;
-    private readonly renderer;
     private readonly nativeElement;
     private contentObserver;
     set trigger(value: string);

package/toggle/toggle.component.d.ts

@@ -1,7 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { TransitionCheckState } from '@koobiq/components/checkbox';
+import { KbqCheckboxClickAction, TransitionCheckState } from '@koobiq/components/checkbox';
 import { KbqCheckedState, KbqColorDirective } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 type ToggleLabelPositionType = 'left' | 'right';
@@ -48,7 +48,8 @@ export declare class KbqToggleComponent extends KbqColorDirective implements Aft
     readonly indeterminateChange: EventEmitter<boolean>;
     /** @docs-private */
     protected currentCheckState: TransitionCheckState;
-    protected clickAction: import("@koobiq/components/checkbox").KbqCheckboxClickAction | null;
+    /** Defines the behavior when a user clicks on the toggle. */
+    clickAction: KbqCheckboxClickAction;
     private uniqueId;
     constructor(focusMonitor: FocusMonitor, changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
@@ -68,7 +69,7 @@ export declare class KbqToggleComponent extends KbqColorDirective implements Aft
     private transitionCheckState;
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToggleComponent, "kbq-toggle", ["kbqToggle"], { "big": { "alias": "big"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "kbq-hint"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToggleComponent, "kbq-toggle", ["kbqToggle"], { "big": { "alias": "big"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "kbq-hint"], true, never>;
     static ngAcceptInputType_tabIndex: unknown;
     static ngAcceptInputType_indeterminate: unknown;
     static ngAcceptInputType_loading: unknown;

package/tooltip/tooltip-tokens.scss

@@ -13,13 +13,13 @@
     --kbq-tooltip-contrast-fade-off-shadow: var(--kbq-shadow-popup);
     --kbq-tooltip-theme-fade-off-background: var(--kbq-background-theme);
     --kbq-tooltip-theme-fade-off-text: var(--kbq-foreground-white);
-    --kbq-tooltip-theme-fade-off-shadow: var(--kbq-shadow-popup);
+    --kbq-tooltip-theme-fade-off-shadow: none;
     --kbq-tooltip-warning-fade-off-background: var(--kbq-background-warning);
-    --kbq-tooltip-warning-fade-off-text: var(--kbq-foreground-white);
-    --kbq-tooltip-warning-fade-off-shadow: var(--kbq-shadow-popup);
+    --kbq-tooltip-warning-fade-off-text: var(--kbq-foreground-contrast);
+    --kbq-tooltip-warning-fade-off-shadow: none;
     --kbq-tooltip-error-fade-off-background: var(--kbq-background-error);
     --kbq-tooltip-error-fade-off-text: var(--kbq-foreground-white);
-    --kbq-tooltip-error-fade-off-shadow: var(--kbq-shadow-popup);
+    --kbq-tooltip-error-fade-off-shadow: none;
 
     --kbq-tooltip-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient);
 }

package/tooltip/tooltip.component.d.ts

@@ -1,6 +1,6 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { Overlay, OverlayConfig, ScrollStrategy } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, Renderer2, TemplateRef, Type, WritableSignal } from '@angular/core';
 import { KbqComponentColors, KbqParentPopup, KbqPopUp, KbqPopUpPlacementValues, KbqPopUpTrigger } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 export declare enum TooltipModifier {
@@ -42,6 +42,23 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     protected scrollStrategy: () => ScrollStrategy;
     protected parentPopup: KbqParentPopup | null;
     protected focusMonitor: FocusMonitor;
+    /** @docs-private */
+    protected renderer: Renderer2;
+    /**
+     * Input for controlling the disabled state of a component.
+     *
+     * The input expects a component containing `disabledSignal` property, which is
+     * a writable signal emitting boolean values.
+     */
+    readonly forDisabledComponent: import("@angular/core").InputSignal<Record<"disabledSignal", WritableSignal<boolean>> | undefined>;
+    /**
+     * Determines whether pointer events should be ignored on tooltips.
+     *
+     * When set to `true`, tooltip elements will not receive pointer events,
+     * allowing interactions to pass through to underlying elements.
+     * Defaults to `true`.
+     */
+    readonly ignoreTooltipPointerEvents: import("@angular/core").InputSignal<boolean>;
     /**
      * Changes hiding behavior. By default, tooltip is hidden on mouseleave from trigger.
      * Setting hideWithTimeout to true will delay tooltip hiding and will not hide when the mouse moves from trigger
@@ -84,9 +101,12 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     protected originSelector: string;
     protected overlayConfig: OverlayConfig;
     protected modifier: TooltipModifier;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     show(delay?: number): void;
+    /** method allows to show the tooltip relative to the given mouse event. */
+    showForMouseEvent(event: MouseEvent): void;
     /**
      * method allows to show the tooltip relative to the element
      * Use this approach when it is not possible to define a trigger in the template.
@@ -102,7 +122,7 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     updateClassMap(newPlacement?: string): void;
     protected applyRelativeToPointer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "hideWithTimeout": { "alias": "hideWithTimeout"; "required": false; }; "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "relativeToPointer": { "alias": "kbqRelativeToPointer"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "kbqEnterDelay"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "context": { "alias": "kbqTooltipContext"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; "arrow": { "alias": "kbqTooltipArrow"; "required": false; }; "offset": { "alias": "kbqTooltipOffset"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "forDisabledComponent": { "alias": "forDisabledComponent"; "required": false; "isSignal": true; }; "ignoreTooltipPointerEvents": { "alias": "ignoreTooltipPointerEvents"; "required": false; "isSignal": true; }; "hideWithTimeout": { "alias": "hideWithTimeout"; "required": false; }; "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "relativeToPointer": { "alias": "kbqRelativeToPointer"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "kbqEnterDelay"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "context": { "alias": "kbqTooltipContext"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; "arrow": { "alias": "kbqTooltipArrow"; "required": false; }; "offset": { "alias": "kbqTooltipOffset"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, true, never>;
     static ngAcceptInputType_hideWithTimeout: unknown;
     static ngAcceptInputType_relativeToPointer: unknown;
     static ngAcceptInputType_arrow: unknown;

package/top-bar/top-bar.scss

@@ -1,4 +1,5 @@
 @use '../core/styles/common/tokens';
+@use '../core/styles/common/overlay';
 
 @mixin _overflow-items-margins {
     padding: var(--kbq-size-border-width);
@@ -20,6 +21,8 @@
 }
 
 .kbq-top-bar {
+    z-index: overlay.$overlay-z-index;
+
     display: flex;
     align-items: center;
     justify-content: space-between;

package/tree/_tree-theme.scss

@@ -42,13 +42,6 @@
                 @include kbq-tree-option(states-hover);
             }
 
-            &:active,
-            &.kbq-active {
-                --kbq-option-background: var(--kbq-tree-states-active-container-background);
-
-                background: var(--kbq-tree-states-active-container-background);
-            }
-
             &.kbq-selected {
                 @include kbq-tree-option(states-selected);
 
@@ -56,13 +49,6 @@
                 &.kbq-hovered {
                     @include kbq-tree-option(states-selected-hover);
                 }
-
-                &:active,
-                &.kbq-active {
-                    --kbq-option-background: var(--kbq-tree-states-selected-active-container-background);
-
-                    background: var(--kbq-tree-states-selected-active-container-background);
-                }
             }
 
             &.kbq-checked:not(.kbq-selected),
@@ -73,11 +59,6 @@
                 &.kbq-hovered {
                     background: var(--kbq-tree-multiple-states-selected-hover-container-background);
                 }
-
-                &:active,
-                &.kbq-active {
-                    background: var(--kbq-tree-multiple-states-selected-active-container-background);
-                }
             }
         }
 

package/tree/tree-option.component.d.ts

@@ -10,10 +10,14 @@ import * as i0 from "@angular/core";
 export interface KbqTreeOptionEvent {
     option: KbqTreeOption;
 }
+/** Injection token used to provide the parent component to options. */
+export declare const KBQ_TREE_OPTION_PARENT_COMPONENT: InjectionToken<any>;
 /**
- * Injection token used to provide the parent component to options.
+ * Represents a change event for a tree option.
+ *
+ * @param source - The tree option that has been modified or selected.
+ * @param isUserInput - DEPRECATED Will be removed in version 20.
  */
-export declare const KBQ_TREE_OPTION_PARENT_COMPONENT: InjectionToken<any>;
 export declare class KbqTreeOptionChange {
     source: KbqTreeOption;
     isUserInput: boolean;
@@ -74,9 +78,11 @@ export declare class KbqTreeOption extends KbqTreeNode<KbqTreeOption> implements
     deselect(): void;
     onKeydown($event: any): void;
     selectViaInteraction($event?: KeyboardEvent): void;
-    emitSelectionChangeEvent(isUserInput?: boolean): void;
+    emitSelectionChangeEvent(): void;
     getHostElement(): HTMLElement;
     markForCheck(): void;
+    /** @docs-private */
+    protected onMouseenter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeOption, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeOption, "kbq-tree-option", ["kbqTreeOption"], { "checkboxThirdState": { "alias": "checkboxThirdState"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, ["toggleElementDirective", "toggleElementComponent", "pseudoCheckbox", "actionButton", "tooltipTrigger", "dropdownTrigger"], ["kbq-tree-node-toggle, [kbq-tree-node-toggle], [kbqTreeNodeToggle]", "kbq-pseudo-checkbox", "kbq-checkbox", "[kbq-icon]", "kbq-progress-spinner", "*", "kbq-option-action"], true, never>;
     static ngAcceptInputType_selectable: unknown;

package/tree/tree-option.scss

@@ -36,6 +36,13 @@
 
     gap: var(--kbq-tree-size-container-content-gap-horizontal);
 
+    & > *[kbqtreenodetoggle],
+    & > .kbq-tree-node-toggle,
+    & > .kbq-pseudo-checkbox {
+        margin-top: var(--kbq-size-3xs);
+        align-self: flex-start;
+    }
+
     & .kbq-option-text {
         @include common.kbq-line-wrapper-base();
         display: inline-block;
@@ -66,15 +73,12 @@
         }
     }
 
-    &:is(.kbq-checked, .kbq-selected, .kbq-focused, .kbq-active):has(
-            + :is(.kbq-checked, .kbq-selected, .kbq-focused, .kbq-active)
-        ) {
+    &:is(.kbq-checked, .kbq-selected, .kbq-focused):has(+ :is(.kbq-checked, .kbq-selected, .kbq-focused)) {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
     }
 
-    &:is(.kbq-checked, .kbq-selected, .kbq-focused, .kbq-active)
-        + :is(.kbq-checked, .kbq-selected, .kbq-focused, .kbq-active) {
+    &:is(.kbq-checked, .kbq-selected, .kbq-focused) + :is(.kbq-checked, .kbq-selected, .kbq-focused) {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
     }

package/tree/tree-selection.component.d.ts

@@ -52,6 +52,8 @@ export declare class KbqTreeSelection extends KbqTreeBase<any> implements Contro
     private scheduler;
     private clipboard;
     protected readonly focusMonitor: FocusMonitor;
+    /** Indicates whether this component is placed inside a KbqFormField component. */
+    protected readonly inSelect: boolean;
     renderedOptions: QueryList<KbqTreeOption>;
     keyManager: FocusKeyManager<KbqTreeOption>;
     selectionModel: SelectionModel<SelectionModelOption>;

package/tree-select/tree-select.component.d.ts

@@ -81,6 +81,7 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     ngControl: NgControl;
     private localeService?;
     protected readonly isBrowser: boolean;
+    private readonly useLegacyValidation;
     private readonly defaultOptions;
     /** Whether the component is in an error state. */
     errorState: boolean;

package/accordion/accordion-item.directive.d.ts

@@ -1,72 +0,0 @@
-import { FocusableOption } from '@angular/cdk/a11y';
-import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
-import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
-import { KbqAccordionContentDirective } from './accordion-content.directive';
-import { KbqAccordionOrientation } from './accordion-root.directive';
-import { KbqAccordionTriggerDirective } from './accordion-trigger.directive';
-import * as i0 from "@angular/core";
-export type RdxAccordionItemState = 'open' | 'closed';
-export declare class KbqAccordionItemDirective implements FocusableOption, OnDestroy {
-    /** @docs-private */
-    protected readonly accordion: import("./accordion-root.directive").KbqAccordionRootDirective;
-    /** @docs-private */
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    /** @docs-private */
-    protected readonly expansionDispatcher: UniqueSelectionDispatcher;
-    /** @docs-private */
-    trigger: KbqAccordionTriggerDirective;
-    /** @docs-private */
-    content: KbqAccordionContentDirective;
-    get dataState(): RdxAccordionItemState;
-    /**
-     * The unique AccordionItem id.
-     * @docs-private
-     */
-    readonly id: string;
-    get orientation(): KbqAccordionOrientation;
-    /** Whether the AccordionItem is expanded. */
-    set expanded(expanded: boolean);
-    get expanded(): boolean;
-    private _expanded;
-    set value(value: string);
-    get value(): string;
-    private _value?;
-    /** Whether the AccordionItem is disabled. */
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    private _disabled;
-    /** Event emitted every time the AccordionItem is closed. */
-    readonly closed: EventEmitter<void>;
-    /** Event emitted every time the AccordionItem is opened. */
-    readonly opened: EventEmitter<void>;
-    /**
-     * Event emitted when the AccordionItem is destroyed.
-     * @docs-private
-     */
-    readonly destroyed: EventEmitter<void>;
-    /**
-     * Emits whenever the expanded state of the accordion changes.
-     * Primarily used to facilitate two-way binding.
-     * @docs-private
-     */
-    readonly expandedChange: EventEmitter<boolean>;
-    /** Unregister function for expansionDispatcher. */
-    private removeUniqueSelectionListener;
-    /** Subscription to openAll/closeAll events. */
-    private openCloseAllSubscription;
-    constructor();
-    /** Emits an event for the accordion item being destroyed. */
-    ngOnDestroy(): void;
-    focus(): void;
-    /** Toggles the expanded state of the accordion item. */
-    toggle(): void;
-    /** Sets the expanded state of the accordion item to false. */
-    close(): void;
-    /** Sets the expanded state of the accordion item to true. */
-    open(): void;
-    private subscribeToOpenCloseAllActions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionItemDirective, "[kbqAccordionItem]", ["kbqAccordionItem"], { "expanded": { "alias": "expanded"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; "expandedChange": "expandedChange"; }, ["trigger", "content"], never, true, never>;
-    static ngAcceptInputType_expanded: unknown;
-    static ngAcceptInputType_disabled: unknown;
-}

package/accordion/accordion-root.directive.d.ts

@@ -1,64 +0,0 @@
-import { FocusKeyManager } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
-import { AfterContentInit, EventEmitter, InjectionToken, OnDestroy, QueryList } from '@angular/core';
-import { Subject } from 'rxjs';
-import { KbqAccordionItemDirective } from './accordion-item.directive';
-import * as i0 from "@angular/core";
-export type KbqAccordionType = 'single' | 'multiple';
-export type KbqAccordionOrientation = 'horizontal' | 'vertical';
-export declare const KbqAccordionRootToken: InjectionToken<KbqAccordionRootDirective>;
-export declare class KbqAccordionRootDirective implements AfterContentInit, OnDestroy {
-    /** @docs-private */
-    protected readonly selectionDispatcher: UniqueSelectionDispatcher;
-    /** @docs-private */
-    protected readonly dir: Directionality | null;
-    /** @docs-private */
-    protected keyManager: FocusKeyManager<KbqAccordionItemDirective>;
-    /** @docs-private */
-    readonly id: string;
-    /** @docs-private */
-    readonly openCloseAllActions: Subject<boolean>;
-    get isMultiple(): boolean;
-    /** Whether the Accordion is disabled. */
-    disabled: boolean;
-    /** The orientation of the accordion. */
-    orientation: KbqAccordionOrientation;
-    /**  @docs-private */
-    items: QueryList<KbqAccordionItemDirective>;
-    /**
-     * The value of the item to expand when initially rendered and type is "single". Use when you do not need to control the state of the items.
-     */
-    set defaultValue(value: string[] | string);
-    get defaultValue(): string[] | string;
-    /**
-     * Determines whether one or multiple items can be opened at the same time.
-     */
-    type: KbqAccordionType;
-    /** @docs-private */
-    collapsible: boolean;
-    /** The controlled value of the item to expand */
-    set value(value: string[] | string);
-    get value(): string[] | string;
-    readonly onValueChange: EventEmitter<void>;
-    private _value?;
-    private _defaultValue;
-    private onValueChangeSubscription;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    /** @docs-private */
-    handleKeydown(event: KeyboardEvent): void;
-    /** Opens all enabled accordion items in an accordion where multi is enabled.
-     * @docs-private
-     */
-    openAll(): void;
-    /** Closes all enabled accordion items.
-     * @docs-private
-     */
-    closeAll(): void;
-    /** @docs-private */
-    setActiveItem(item: KbqAccordionItemDirective): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAccordionRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAccordionRootDirective, "[kbqAccordionRoot]", never, { "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; }, ["items"], never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}