@koobiq/components 19.8.7 → 19.8.9

package/overflow-items/overflow-items.d.ts

@@ -107,7 +107,8 @@ export declare class KbqOverflowItems {
      */
     readonly additionalResizeObserverTargets: import("@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: import("@angular/core").OutputEmitterRef<ReadonlySet<unknown>>;
     /**
@@ -126,6 +127,7 @@ export declare class KbqOverflowItems {
      * @default 'nowrap'
      */
     readonly wrap: import("@angular/core").InputSignal<KbqFlexWrap>;
+    /** The main axis of each orientation, as the `DOMRect` and `CSSStyleDeclaration` members to read. */
     private readonly orientationConfig;
     constructor();
     private setupObservers;
@@ -145,9 +147,16 @@ export 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: i0.ɵɵFactoryDeclaration<KbqOverflowItems, never>;
     static ɵdir: i0.ɵɵ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": "19.8.7",
+    "version": "19.8.9",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -25,11 +25,11 @@
         "@angular/cdk": ">=19.0.0",
         "@angular/core": ">=19.0.0",
         "@angular/forms": ">=19.0.0",
-        "@koobiq/cdk": "19.8.7",
-        "@koobiq/angular-moment-adapter": "19.8.7",
-        "@koobiq/angular-luxon-adapter": "19.8.7",
+        "@koobiq/cdk": "19.8.9",
+        "@koobiq/angular-moment-adapter": "19.8.9",
+        "@koobiq/angular-luxon-adapter": "19.8.9",
         "@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": {
@@ -81,14 +81,14 @@
             "types": "./autocomplete/index.d.ts",
             "default": "./fesm2022/koobiq-components-autocomplete.mjs"
         },
-        "./breadcrumbs": {
-            "types": "./breadcrumbs/index.d.ts",
-            "default": "./fesm2022/koobiq-components-breadcrumbs.mjs"
-        },
         "./badge": {
             "types": "./badge/index.d.ts",
             "default": "./fesm2022/koobiq-components-badge.mjs"
         },
+        "./breadcrumbs": {
+            "types": "./breadcrumbs/index.d.ts",
+            "default": "./fesm2022/koobiq-components-breadcrumbs.mjs"
+        },
         "./button": {
             "types": "./button/index.d.ts",
             "default": "./fesm2022/koobiq-components-button.mjs"

package/schematics/ng-add/index.js

@@ -27,8 +27,8 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^19.2.19");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.8.7");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.8.7");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.8.9");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.8.9");
         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', "^11.5.0");

package/toast/toast-container.component.d.ts

@@ -1,6 +1,5 @@
 import { CdkScrollable, ScrollDispatcher } from '@angular/cdk/overlay';
 import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, Injector, NgZone, TemplateRef, ViewContainerRef, ViewRef } from '@angular/core';
-import { Observable } from 'rxjs';
 import { KbqToastService } from './toast.service';
 import { KbqToastData } from './toast.type';
 import * as i0 from "@angular/core";
@@ -9,34 +8,24 @@ export declare class KbqToastContainerComponent extends CdkScrollable {
     private changeDetectorRef;
     readonly service: KbqToastService;
     viewContainer: 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;
+    private readonly overlayKeyboardDispatcher;
     constructor(injector: Injector, changeDetectorRef: ChangeDetectorRef, service: KbqToastService, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
-    /**
-     * `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>;
     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/tree-option.component.d.ts

@@ -86,6 +86,8 @@ export declare class KbqTreeOption extends KbqTreeNode<KbqTreeOption> implements
     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; }; "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-selection.component.d.ts

@@ -65,6 +65,9 @@ export declare class KbqTreeSelection extends KbqTreeBase<any> implements Contro
     nodeOutlet: KbqTreeNodeOutlet;
     unorderedOptions: QueryList<KbqTreeOption>;
     treeControl: FlatTreeControl<any>;
+    /** `treeControl.dataNodes` the options' checkbox states were last recomputed against. */
+    private checkboxSyncedDataNodes;
+    private isDestroyed;
     readonly navigationChange: EventEmitter<KbqTreeNavigationChange<KbqTreeOption>>;
     readonly selectionChange: EventEmitter<KbqTreeSelectionChange<KbqTreeOption>>;
     readonly onSelectAll: EventEmitter<KbqTreeSelectAllEvent<KbqTreeOption>>;
@@ -105,6 +108,12 @@ export declare class KbqTreeSelection extends KbqTreeBase<any> implements Contro
     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;
     selectAllOptions(): void;