@koobiq/components 18.39.3 → 18.39.5

package/progress-spinner/progress-spinner.scss

@@ -31,6 +31,7 @@
     transform: rotateZ(-90deg);
 
     font-size: 0;
+    line-height: 0;
 }
 
 .kbq-progress-spinner__content {

package/schematics/ng-add/index.js

@@ -27,11 +27,11 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.14");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.39.3");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.39.3");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.39.5");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.39.5");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.4.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.4.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^10.10.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^10.10.1");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.14.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.14.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@messageformat/core', "^3.4.0");

package/select/select.component.d.ts

@@ -74,6 +74,7 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
     ngControl: NgControl;
     private readonly scrollStrategyFactory;
     protected localeService?: KbqLocaleService | undefined;
+    private readonly useLegacyValidation;
     /** @docs-private */
     protected readonly destroyRef: DestroyRef;
     protected readonly isBrowser: boolean;

package/tabs/_tabs-common.scss

@@ -67,6 +67,7 @@
     & .kbq-tab-label__content {
         display: flex;
         align-items: center;
+        overflow: hidden;
 
         gap: var(--kbq-tabs-size-tab-item-content-gap-horizontal);
     }
@@ -83,7 +84,7 @@
     &.kbq-tab-label_vertical {
         justify-content: flex-start;
 
-        & .kbq-tab-label__content {
+        & .kbq-tab-label__content:not(.kbq-tab-label__template) {
             display: block;
             overflow: hidden;
             text-overflow: ellipsis;

package/tags/tag-input.d.ts

@@ -37,6 +37,7 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
      */
     set separatorKeyCodes(value: number[]);
     private _separatorKeyCodes;
+    /** @docs-private */
     get separators(): KbqTagSeparator[];
     private _separators;
     /** Emitted when a tag is to be added. */
@@ -58,10 +59,9 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
     private _addOnBlur;
     /**
      * Whether the tagEnd event will be emitted when the text pasted.
+     * @default true
      */
-    get addOnPaste(): boolean;
-    set addOnPaste(value: boolean);
-    private _addOnPaste;
+    addOnPaste: boolean;
     /** Whether the input is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -106,4 +106,5 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
     private isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagInput, [null, null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagInput, "input[kbqTagInputFor]", ["kbqTagInput", "kbqTagInputFor"], { "separatorKeyCodes": { "alias": "kbqTagInputSeparatorKeyCodes"; "required": false; }; "distinct": { "alias": "distinct"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "kbqTagInputFor"; "required": false; }; "addOnBlur": { "alias": "kbqTagInputAddOnBlur"; "required": false; }; "addOnPaste": { "alias": "kbqTagInputAddOnPaste"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "kbqTagInputTokenEnd"; }, never, never, false, [{ directive: typeof i1.KbqFieldSizingContent; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_addOnPaste: unknown;
 }

package/tags/tag-list.component.d.ts

@@ -28,6 +28,7 @@ export declare class KbqTagList implements KbqFormFieldControl<any>, ControlValu
     parentForm: NgForm;
     parentFormGroup: FormGroupDirective;
     ngControl: NgControl;
+    private readonly useLegacyValidation;
     private readonly dropList;
     private readonly destroyRef;
     private readonly focusMonitor;

package/textarea/textarea.component.d.ts

@@ -15,6 +15,7 @@ export declare class KbqTextarea implements KbqFormFieldControl<any>, OnInit, On
     defaultErrorStateMatcher: ErrorStateMatcher;
     private parent;
     private ngZone;
+    private readonly useLegacyValidation;
     /** Whether the component is in an error state. */
     errorState: boolean;
     /** Parameter enables or disables the ability to automatically increase the height.

package/title/title.directive.d.ts

@@ -5,6 +5,8 @@ import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class KbqTitleDirective extends KbqTooltipTrigger implements AfterViewInit, OnDestroy {
     private componentInstance?;
+    private readonly renderer;
+    private readonly nativeElement;
     private contentObserver;
     set trigger(value: string);
     get trigger(): string;
@@ -14,6 +16,7 @@ export declare class KbqTitleDirective extends KbqTooltipTrigger implements Afte
     get viewValue(): string;
     get parent(): HTMLElement;
     get child(): HTMLElement;
+    get hasOnlyText(): boolean;
     readonly resizeStream: Subject<Event>;
     private readonly debounceInterval;
     private resizeSubscription;

package/top-bar/top-bar.d.ts

@@ -1,4 +1,3 @@
-import { KbqOverflowItems } from '@koobiq/components/overflow-items';
 import * as i0 from "@angular/core";
 export declare class KbqTopBarSpacer {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTopBarSpacer, never>;
@@ -11,13 +10,7 @@ export declare class KbqTopBarContainer {
     /**
      * Conditionally applies a CSS class based on the value
      */
-    placement: import("@angular/core").InputSignal<"start" | "end">;
-    /**
-     * Track if container has `KbqOverflowItems` directive assigned.
-     * Used to replace `gap` with `margin` so `KbqOverflowItems` will calculate correct width on resize.
-     * @docs-private
-     */
-    protected readonly overflowItems: KbqOverflowItems | null;
+    readonly placement: import("@angular/core").InputSignal<"start" | "end">;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTopBarContainer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTopBarContainer, "[kbqTopBarContainer]", never, { "placement": { "alias": "placement"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/top-bar/top-bar.scss

@@ -50,10 +50,6 @@
             margin-bottom: calc(-1 * var(--kbq-size-border-width));
         }
 
-        .kbq-overflow-items {
-            @include _overflow-items-margins;
-        }
-
         &.kbq-top-bar-container__start {
             display: flex;
             gap: var(--kbq-top-bar-container-start-gap);
@@ -68,10 +64,8 @@
             justify-content: end;
         }
 
-        &.kbq-top-bar-container__with-overflow-items {
-            gap: unset;
-            justify-content: unset;
-
+        &.kbq-overflow-items,
+        > .kbq-overflow-items {
             @include _overflow-items-margins;
         }
     }

package/tree-select/tree-select.component.d.ts

@@ -80,6 +80,7 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     ngControl: NgControl;
     private localeService?;
     protected readonly isBrowser: boolean;
+    private readonly useLegacyValidation;
     private readonly defaultOptions;
     /** Whether the component is in an error state. */
     errorState: boolean;