@koobiq/components 20.4.1 → 20.4.3

package/overflow-items/index.d.ts

@@ -108,7 +108,8 @@ declare class KbqOverflowItems {
      */
     readonly additionalResizeObserverTargets: _angular_core.InputSignal<Element | Element[]>;
     /**
-     * Emits when the set of hidden items changes.
+     * Emits the set of hidden items after every recalculation, also when it has not changed: a recalculation shows every
+     * item before it hides the overflown ones again, so a consumer that hides items itself re-applies that here.
      */
     readonly changes: _angular_core.OutputEmitterRef<ReadonlySet<unknown>>;
     /**
@@ -127,6 +128,7 @@ declare class KbqOverflowItems {
      * @default 'nowrap'
      */
     readonly wrap: _angular_core.InputSignal<KbqFlexWrap>;
+    /** The main axis of each orientation, as the `DOMRect` and `CSSStyleDeclaration` members to read. */
     private readonly orientationConfig;
     constructor();
     private setupObservers;
@@ -146,9 +148,16 @@ declare class KbqOverflowItems {
     private setStyles;
     private hasOverflown;
     /**
-     * @TODO Should be removed when `Array.prototype.findLast` is supported.
+     * Measures how far the children of the container that take part in its layout exceed its content box along the
+     * main axis, and the space each of them takes, its margins and one gap included.
      */
-    private findLast;
+    private measure;
+    /**
+     * Children of the element that take part in its flex layout: neither `display: none` nor taken out of flow, as
+     * hidden items are, with the children of a `display: contents` child in its place.
+     */
+    private getLaidOutChildren;
+    private px;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqOverflowItems, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqOverflowItems, "[kbqOverflowItems]", ["kbqOverflowItems"], { "reverseOverflowOrder": { "alias": "reverseOverflowOrder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "additionalResizeObserverTargets": { "alias": "additionalResizeObserverTargets"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, { "changes": "changes"; }, ["items", "result"], never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "20.4.1",
+    "version": "20.4.3",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -25,10 +25,10 @@
         "@angular/cdk": ">=20.0.0",
         "@angular/core": ">=20.0.0",
         "@angular/forms": ">=20.0.0",
-        "@koobiq/angular-moment-adapter": "20.4.1",
-        "@koobiq/angular-luxon-adapter": "20.4.1",
+        "@koobiq/angular-moment-adapter": "20.4.3",
+        "@koobiq/angular-luxon-adapter": "20.4.3",
         "@koobiq/date-formatter": "^3.2.3",
-        "@koobiq/icons": "^11.1.3",
+        "@koobiq/icons": "^11.1.3 || ^12.0.0",
         "@koobiq/design-tokens": "^3.14.0"
     },
     "dependencies": {

package/schematics/ng-add/index.js

@@ -27,7 +27,7 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^20.2.14");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^20.4.1");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^20.4.3");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.5.1");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.5.1");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^12.2.0");

package/toast/index.d.ts

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, TemplateRef, Provider, OnDestroy, ElementRef, ComponentRef, EmbeddedViewRef, ViewContainerRef, ViewRef, Injector } from '@angular/core';
 import { CdkScrollable } from '@angular/cdk/overlay';
 import * as rxjs from 'rxjs';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
 import { AnimationEvent } from '@angular/animations';
 import * as i1 from '@koobiq/components/core';
 import { KbqReadStateDirective, ThemePalette } from '@koobiq/components/core';
@@ -144,33 +144,24 @@ declare class KbqToastContainerComponent extends CdkScrollable {
     private changeDetectorRef;
     readonly service: KbqToastService<any>;
     readonly viewContainer: i0.Signal<ViewContainerRef>;
-    /**
-     * Emits while the stack re-lays-out. Toasts are ordinary flow children, so removing one slides the
-     * rest for as long as its height animates — and an overlay opened from inside a toast is anchored to
-     * a trigger that is moving. CDK only re-measures the origin on a scroll or a viewport resize, so the
-     * stack has to say when it moved.
-     *
-     * The container's own box tracks the reflow exactly: continuously while a leaving toast animates its
-     * height away, and once for a removal that is not animated at all, such as a template toast.
-     */
-    private readonly reflowed;
-    /**
-     * `ScrollDispatcher` subscribes to this method when the container registers itself, so merging the
-     * reflow signal in re-broadcasts it to every overlay that repositions on scroll — which is what
-     * `kbq-select` and the dropdown trigger do by default.
-     */
-    elementScrolled(): Observable<Event>;
+    private readonly overlayKeyboardDispatcher;
+    constructor();
     createToast<C>(data: KbqToastData, componentType: any, onTop: boolean): ComponentRef<C>;
     createTemplate<C>(data: KbqToastData, template: TemplateRef<any>, onTop: boolean): EmbeddedViewRef<C>;
     remove(viewRef: ViewRef): void;
     getInjector(data: KbqToastData): Injector;
+    /**
+     * Re-applies the position of every overlay anchored to an element; one whose origin has not moved stays where it
+     * is. CDK keeps no public registry of attached overlays, but its keyboard dispatcher tracks each of them.
+     */
+    private repositionConnectedOverlays;
     /**
      * Fakes a scroll on the container so that overlays anchored inside a toast are repositioned by their
      * `RepositionScrollStrategy` when the stack shifts.
      *
-     * @deprecated The container reports its own reflow through `elementScrolled()`, so nothing calls this.
+     * @deprecated The container repositions the overlays anchored inside it on its own, so nothing calls this.
      * It is kept only for callers that already hold a container reference — the instance created by
-     * `KbqToastService` is not exposed.
+     * `KbqToastService` is not exposed. The fake scroll also closes every close-on-scroll overlay of the app.
      */
     dispatchScrollEvent: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastContainerComponent, never>;

package/tree/index.d.ts

@@ -576,6 +576,8 @@ declare class KbqTreeOption extends KbqTreeNode<KbqTreeOption> implements AfterC
     markForCheck(): void;
     /** @docs-private */
     protected onMouseenter(): void;
+    /** Recomputes the option's own checkbox state, leaving its ancestors as they are. */
+    private syncCheckboxState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeOption, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeOption, "kbq-tree-option", ["kbqTreeOption"], { "checkboxThirdState": { "alias": "checkboxThirdState"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectAllRow": { "alias": "selectAllRow"; "required": false; "isSignal": true; }; "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>;
 }
@@ -640,6 +642,8 @@ declare class KbqTreeSelection extends KbqTreeBase<any> implements ControlValueA
     readonly selectAllOption: i0.Signal<KbqTreeOption | undefined>;
     unorderedOptions: QueryList<KbqTreeOption>;
     treeControl: FlatTreeControl<any>;
+    /** `treeControl.dataNodes` the options' checkbox states were last recomputed against. */
+    private checkboxSyncedDataNodes;
     readonly navigationChange: i0.OutputEmitterRef<KbqTreeNavigationChange<KbqTreeOption>>;
     readonly selectionChange: EventEmitter<KbqTreeSelectionChange<KbqTreeOption>>;
     readonly onSelectAll: i0.OutputEmitterRef<KbqTreeSelectAllEvent<KbqTreeOption>>;
@@ -720,6 +724,12 @@ declare class KbqTreeSelection extends KbqTreeBase<any> implements ControlValueA
     setFocusedOption(option: KbqTreeOption): void;
     toggleFocusedOption(): void;
     renderNodeChanges(data: KbqTreeOption[], dataDiffer?: IterableDiffer<KbqTreeOption>, viewContainer?: ViewContainerRef, parentData?: KbqTreeOption): void;
+    /**
+     * Recomputes every option's checkbox state after `dataNodes` is replaced, which moves the descendants a branch
+     * counts: no selection change follows to do it. A microtask later, as a flat data source assigns `dataNodes` only
+     * after it emits.
+     */
+    private scheduleCheckboxSync;
     emitNavigationEvent(option: KbqTreeOption): void;
     emitChangeEvent(option: KbqTreeOption): void;
     /**