@koobiq/components 20.4.0 → 20.4.1

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.1",
     "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.1",
+        "@koobiq/angular-luxon-adapter": "20.4.1",
         "@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.1");
         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/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.