@koobiq/components 20.4.0 → 20.4.2

package/navbar/navbar-brand.scss

@@ -22,7 +22,7 @@
         border-radius: var(--kbq-navbar-item-size-content-border-radius);
     }
 
-    & .kbq-navbar-title {
+    &:not(.kbq-disabled) .kbq-navbar-title {
         cursor: pointer;
     }
 }
@@ -112,14 +112,21 @@ a.kbq-navbar-brand {
     .kbq-navbar-brand {
         @include navbar-theme.kbq-navbar-item(default);
 
+        // Explicit, or the text of an `<a>` without `href` falls back to the I-beam.
+        &.kbq-disabled {
+            cursor: default;
+        }
+
         &.kbq-navbar-brand_link {
-            cursor: pointer;
+            &:not(.kbq-disabled) {
+                cursor: pointer;
+            }
 
             &:hover:not(.kbq-disabled) {
                 @include navbar-theme.kbq-navbar-item(states-hover);
             }
 
-            &.cdk-focused.cdk-keyboard-focused {
+            &.cdk-focused.cdk-keyboard-focused:not(.kbq-disabled) {
                 outline: none;
 
                 &:after {
@@ -133,13 +140,13 @@ a.kbq-navbar-brand {
                 @include navbar-theme.kbq-navbar-item(states-selected);
             }
 
-            &.kbq-vertical:hover {
+            &.kbq-vertical:hover:not(.kbq-disabled) {
                 .kbq-navbar-logo {
                     transform: scale(1.06);
                 }
             }
 
-            &.kbq-horizontal:hover {
+            &.kbq-horizontal:hover:not(.kbq-disabled) {
                 .kbq-navbar-logo {
                     z-index: 1;
                 }

package/notification-center/notification-item.scss

@@ -93,8 +93,11 @@
         margin-right: var(--kbq-size-3xs);
     }
 
+    // The dot keeps its width once read, or the title gains that width and rewraps under the pointer.
+    // Placed before the time, so the time keeps the position it had before the dot was hidden.
     &.kbq-notification-item-time_read .kbq-notification-item-time__state {
-        display: none;
+        visibility: hidden;
+        order: -1;
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "20.4.0",
+    "version": "20.4.2",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -25,8 +25,8 @@
         "@angular/cdk": ">=20.0.0",
         "@angular/core": ">=20.0.0",
         "@angular/forms": ">=20.0.0",
-        "@koobiq/angular-moment-adapter": "20.4.0",
-        "@koobiq/angular-luxon-adapter": "20.4.0",
+        "@koobiq/angular-moment-adapter": "20.4.2",
+        "@koobiq/angular-luxon-adapter": "20.4.2",
         "@koobiq/date-formatter": "^3.2.3",
         "@koobiq/icons": "^11.1.3",
         "@koobiq/design-tokens": "^3.14.0"

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.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^20.4.2");
         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/select/index.d.ts

@@ -558,6 +558,12 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     get firstSelected(): KbqOptionBase | null;
     /** Whether the first selected option is filtered (not visible in the list). */
     get firstFiltered(): boolean;
+    /**
+     * Whether the legacy `KbqValidateDirective` marks this control. The class it writes never changes
+     * after the host is created, so it is probed once instead of on every change detection pass.
+     */
+    private hasLegacyValidateDirective;
+    private readonly invalidState;
     /** @docs-private */
     get colorForState(): KbqComponentColors;
     /** Whether multiple choice is enabled. True if multiple or multiline mode is active. */
@@ -590,6 +596,7 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     ngOnDestroy(): void;
     /** Updates the error state based on the error state matcher. */
     updateErrorState(): void;
+    private syncInvalidState;
     /**
      * Formats the hidden items text with the number of hidden items.
      * @param hiddenItemsText Template string with {{ number }} placeholder.

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/tooltip/index.d.ts

@@ -235,9 +235,16 @@ declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipComponent> imp
      * Set when that pop-up opens and released only once the pointer or the focus genuinely leaves the host,
      * never on the pop-up closing. Both matter: a pop-up restores focus to its trigger when it closes (see
      * `KbqPopoverComponent.onEscape`), and removing its backdrop replays `mouseenter` on the trigger without
-     * the pointer having moved — either would otherwise pop the tooltip up out of nowhere.
+     * the pointer having moved — either would otherwise pop the tooltip up out of nowhere. A pointer that left
+     * the host while the pop-up was open (see `pointerLeftWhileMuted`) releases it by coming back once the
+     * pop-up is closed.
      */
     private mutedBySiblingPopup;
+    /**
+     * Whether the pointer left the host while muted. A backdrop inserted under the resting pointer fires
+     * `mouseleave` as well, but with the pointer still within the host — that one does not count.
+     */
+    private pointerLeftWhileMuted;
     /**
      * Sets up an effect that mirrors a `forDisabledComponent`'s disabled signal: when that component is disabled it
      * makes the host focusable (so the tooltip can still be triggered) and enables the tooltip, otherwise disables it.
@@ -273,6 +280,11 @@ declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipComponent> imp
      * not be mistaken for the user leaving.
      */
     hide(delay?: number): void;
+    /**
+     * Records whether the pointer left the host while muted, see `pointerLeftWhileMuted`.
+     * @docs-private
+     */
+    protected trackPointerLeave(event: MouseEvent): void;
     /**
      * Hides the tooltip because something else took its place — another tooltip became visible, or a pop-up
      * anchored to the same element opened.