@koobiq/components 19.8.8 → 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.8",
+    "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.8",
-        "@koobiq/angular-moment-adapter": "19.8.8",
-        "@koobiq/angular-luxon-adapter": "19.8.8",
+        "@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": {

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.8");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.8.8");
+        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/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;