@koobiq/components 20.4.2 → 20.4.4

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.2",
+    "version": "20.4.4",
     "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.2",
-        "@koobiq/angular-luxon-adapter": "20.4.2",
+        "@koobiq/angular-moment-adapter": "20.4.4",
+        "@koobiq/angular-luxon-adapter": "20.4.4",
         "@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.2");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^20.4.4");
         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/sidepanel/index.d.ts

@@ -152,12 +152,17 @@ declare class KbqSidepanelRef<T = any, R = any> {
  * Button that will close the current sidepanel.
  */
 declare class KbqSidepanelClose implements OnInit, OnChanges {
-    sidepanelRef: KbqSidepanelRef<any, any>;
+    private readonly declaredSidepanelRef;
     private elementRef;
     private sidepanelService;
     private readonly renderer;
     sidepanelResult: any;
     readonly kbqSidepanelClose: i0.InputSignal<any>;
+    /**
+     * Sidepanel the button closes: the one it is rendered in. A button rendered outside any sidepanel, such as
+     * an item of a dropdown opened from one, closes the sidepanel its template is declared in.
+     */
+    get sidepanelRef(): KbqSidepanelRef;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelClose, 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;
     /**