@koobiq/components 18.39.1 → 18.39.3

package/inline-edit/inline-edit.scss

@@ -100,7 +100,7 @@
     @include _inline-edit-typography();
 
     &:not(.kbq-inline-edit_with-label) {
-        --kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-m) - var(--kbq-size-border-width));
+        --kbq-inline-edit-padding-horizontal: var(--kbq-size-m);
     }
 
     &.kbq-inline-edit_with-label {

package/list/list-selection.component.d.ts

@@ -104,6 +104,7 @@ export declare class KbqListSelection implements AfterContentInit, AfterViewInit
     onKeyDown(event: KeyboardEvent): void;
     reportValueChange(): void;
     emitChangeEvent(option: KbqListOption): void;
+    private initializeSelection;
     protected updateTabIndex(): void;
     private onCopyDefaultHandler;
     private resetOptions;

package/navbar/_navbar-item_vertical.scss

@@ -31,6 +31,14 @@
             top: var(--kbq-size-s);
             bottom: 0;
         }
+
+        & + .kbq-navbar-brand.kbq-vertical {
+            padding: var(--kbq-size-xxs) var(--kbq-size-m) var(--kbq-size-m);
+
+            &:after {
+                top: 0;
+            }
+        }
     }
 
     &.kbq-expanded {

package/navbar/navbar-brand.scss

@@ -54,10 +54,10 @@ a.kbq-navbar-brand {
     flex-direction: row;
     align-items: center;
 
-    padding: var(--kbq-size-xxs) var(--kbq-size-m) var(--kbq-size-m);
+    padding: var(--kbq-size-m);
 
     &:after {
-        top: 0;
+        top: var(--kbq-size-s);
         right: var(--kbq-size-s);
         bottom: var(--kbq-size-s);
         left: var(--kbq-size-s);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.39.1",
+    "version": "18.39.3",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -24,9 +24,9 @@
         "@angular/cdk": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.39.1",
-        "@koobiq/angular-moment-adapter": "18.39.1",
-        "@koobiq/angular-luxon-adapter": "18.39.1",
+        "@koobiq/cdk": "18.39.3",
+        "@koobiq/angular-moment-adapter": "18.39.3",
+        "@koobiq/angular-luxon-adapter": "18.39.3",
         "@koobiq/date-formatter": "^3.2.3",
         "@koobiq/icons": "^10.4.0",
         "@koobiq/tokens-builder": "3.11.0",

package/popover/_popover-theme.scss

@@ -18,7 +18,7 @@
         background: var(--kbq-popover-container-background);
     }
 
-    .kbq-popover__close {
+    .kbq-popover__close.kbq-popover__close_background-overlay-inverse {
         background-color: var(--kbq-background-overlay-inverse);
     }
 

package/schematics/ng-add/index.js

@@ -27,8 +27,8 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.14");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.39.1");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.39.1");
+        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/date-formatter', "^3.4.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.4.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^10.10.0");

package/search-expandable/search-expandable.d.ts

@@ -1,6 +1,6 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { AfterViewInit, ChangeDetectorRef, DestroyRef, EventEmitter, InjectionToken } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { AfterViewInit, ChangeDetectorRef, DestroyRef, EventEmitter, InjectionToken, OnDestroy } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 /** default configuration of search-expandable */
@@ -12,7 +12,9 @@ export declare const KBQ_SEARCH_EXPANDABLE_DEFAULT_CONFIGURATION: {
 export declare const KBQ_SEARCH_EXPANDABLE_CONFIGURATION: InjectionToken<unknown>;
 export declare const defaultValue = "";
 export declare const defaultEmitValueTimeout = 200;
-export declare class KbqSearchExpandable implements ControlValueAccessor, AfterViewInit {
+export declare class KbqSearchExpandable implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    /** @docs-private */
+    protected readonly ngControl: NgControl | null;
     /** @docs-private */
     protected readonly focusMonitor: FocusMonitor;
     /** @docs-private */
@@ -41,6 +43,12 @@ export declare class KbqSearchExpandable implements ControlValueAccessor, AfterV
     get placeholder(): string;
     set placeholder(value: string);
     private _placeholder;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    get tabIndex(): number;
+    set tabIndex(value: number);
+    private _tabIndex;
     /** Event emitted when the search has been toggled. */
     readonly isOpenedChange: EventEmitter<boolean>;
     /** localized data
@@ -49,6 +57,7 @@ export declare class KbqSearchExpandable implements ControlValueAccessor, AfterV
     private lastEmittedValue;
     constructor();
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /** @docs-private */
     onChange: (value: string) => void;
     /** @docs-private */
@@ -59,12 +68,18 @@ export declare class KbqSearchExpandable implements ControlValueAccessor, AfterV
     registerOnTouched(fn: () => void): void;
     /** Implemented as part of ControlValueAccessor. */
     writeValue(value: string): void;
+    /** Implemented as part of ControlValueAccessor. */
+    setDisabledState(isDisabled: boolean): void;
     toggle(): void;
     private updateLocaleParams;
     private initDefaultParams;
     private emitValue;
+    private runFocusMonitor;
+    private stopFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSearchExpandable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSearchExpandable, "kbq-search-expandable", never, { "isOpened": { "alias": "isOpened"; "required": false; }; "isEmitValueByEnterEnabled": { "alias": "isEmitValueByEnterEnabled"; "required": false; }; "emitValueTimeout": { "alias": "emitValueTimeout"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "isOpenedChange": "isOpenedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSearchExpandable, "kbq-search-expandable", never, { "isOpened": { "alias": "isOpened"; "required": false; }; "isEmitValueByEnterEnabled": { "alias": "isEmitValueByEnterEnabled"; "required": false; }; "emitValueTimeout": { "alias": "emitValueTimeout"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "isOpenedChange": "isOpenedChange"; }, never, never, true, never>;
     static ngAcceptInputType_isOpened: unknown;
     static ngAcceptInputType_emitValueTimeout: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_tabIndex: unknown;
 }

package/select/select.component.d.ts

@@ -249,8 +249,9 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
     get focused(): boolean;
     set focused(value: boolean);
     panelOpen: boolean;
+    /** true if virtual scrolling is used. */
+    withVirtualScroll: boolean;
     private _focused;
-    private withVirtualScroll;
     get isEmptySearchResult(): boolean;
     get canShowCleaner(): boolean;
     get selected(): KbqOptionBase | KbqOptionBase[];

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

@@ -154,6 +154,11 @@ export declare class KbqTagList implements KbqFormFieldControl<any>, ControlValu
     selectable: boolean;
     /** Whether the tags in the list are editable. */
     editable: boolean;
+    /**
+     * Whether to emit change events when tags are added/removed.
+     * Set to `false` to prevent the form control from being marked as dirty during programmatic updates.
+     */
+    emitOnTagChanges: boolean;
     /** Whether the tags in the list are removable. */
     get removable(): boolean;
     set removable(value: boolean);
@@ -352,11 +357,12 @@ export declare class KbqTagList implements KbqFormFieldControl<any>, ControlValu
     private syncDropListDisabledState;
     private setupFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagList, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTagList, "kbq-tag-list", ["kbqTagList"], { "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "dropped": "dropped"; "valueChange": "valueChange"; "change": "change"; }, ["cleaner", "tags"], ["*", "kbq-cleaner"], false, [{ directive: typeof i1.CdkDropList; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTagList, "kbq-tag-list", ["kbqTagList"], { "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "emitOnTagChanges": { "alias": "emitOnTagChanges"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "dropped": "dropped"; "valueChange": "valueChange"; "change": "change"; }, ["cleaner", "tags"], ["*", "kbq-cleaner"], false, [{ directive: typeof i1.CdkDropList; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_draggable: unknown;
     static ngAcceptInputType_selectable: unknown;
     static ngAcceptInputType_editable: unknown;
+    static ngAcceptInputType_emitOnTagChanges: unknown;
     static ngAcceptInputType_removable: unknown;
 }

package/tags/tag.component.d.ts

@@ -72,6 +72,8 @@ export declare class KbqTagEditSubmit {
 export declare class KbqTagEditInput {
     private readonly tag;
     /** @docs-private */
+    protected handleClick(event: MouseEvent): void;
+    /** @docs-private */
     protected handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagEditInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagEditInput, "[kbqTagEditInput]", ["kbqTagEditInput"], {}, {}, never, never, true, [{ directive: typeof i1.KbqFieldSizingContent; inputs: {}; outputs: {}; }]>;