@koobiq/components 18.36.0 → 18.38.0

package/file-upload/_file-upload-theme.scss

@@ -1,5 +1,3 @@
-// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
-/* stylelint-disable selector-class-pattern */
 @use '../core/styles/common/tokens';
 
 @mixin kbq-file-upload-theme() {
@@ -19,11 +17,11 @@
                     color: var(--kbq-file-upload-single-default-icon-button-color);
                 }
 
-                .kbq-dropzone__icon {
+                .kbq-file-dropzone__icon {
                     color: var(--kbq-file-upload-single-default-upload-icon-color);
                 }
 
-                .file-item__text-wrapper .kbq-icon.kbq-empty {
+                .kbq-file-item__text-wrapper .kbq-icon.kbq-empty {
                     color: var(--kbq-file-upload-single-default-left-icon-color);
                 }
 
@@ -32,27 +30,27 @@
                 }
             }
 
-            &.dragover {
+            &.kbq-file-drop_dragover {
                 background-color: var(--kbq-file-upload-single-states-on-drag-container-background);
                 border-color: var(--kbq-file-upload-single-states-on-drag-container-border) !important;
             }
 
             &.kbq-error:not(.kbq-disabled) {
-                &:not(.dragover) {
+                &:not(.kbq-file-drop_dragover) {
                     background-color: var(--kbq-file-upload-single-states-error-container-background);
                     border-color: var(--kbq-file-upload-single-states-error-container-border) !important;
                 }
 
-                .kbq-dropzone__icon {
+                .kbq-file-dropzone__icon {
                     color: var(--kbq-file-upload-single-states-error-upload-icon-color);
                 }
 
-                .file-item__text-wrapper .kbq-icon.kbq-empty {
+                .kbq-file-item__text-wrapper .kbq-icon.kbq-empty {
                     color: var(--kbq-file-upload-single-states-error-left-icon-color);
                 }
 
-                .file-item__text,
-                .dropzone__text:not(.kbq-link) {
+                .kbq-file-item__text,
+                .kbq-file-dropzone__text:not(.kbq-link) {
                     color: var(--kbq-file-upload-single-states-error-text-block-color);
                 }
 
@@ -69,16 +67,16 @@
                 background-color: var(--kbq-file-upload-single-states-disabled-container-background);
                 border-color: var(--kbq-file-upload-single-states-disabled-container-border) !important;
 
-                .kbq-dropzone__icon {
+                .kbq-file-dropzone__icon {
                     color: var(--kbq-file-upload-single-states-disabled-upload-icon-color);
                 }
 
-                .file-item__text-wrapper .kbq-icon.kbq-empty {
+                .kbq-file-item__text-wrapper .kbq-icon.kbq-empty {
                     color: var(--kbq-file-upload-single-states-disabled-left-icon-color);
                 }
 
-                .dropzone__text,
-                .file-item__text {
+                .kbq-file-dropzone__text,
+                .kbq-file-item__text {
                     color: var(--kbq-file-upload-single-states-disabled-text-block-color);
                 }
 
@@ -103,7 +101,7 @@
                 border: 2px solid var(--kbq-file-upload-multiple-states-focused-focus-outline-color);
             }
 
-            .btn-upload {
+            .kbq-file-btn-upload {
                 border-top-color: var(--kbq-file-upload-multiple-default-container-border);
             }
 
@@ -113,16 +111,16 @@
             }
 
             &:not(.kbq-disabled, .kbq-error) {
-                .kbq-dropzone__icon {
+                .kbq-file-dropzone__icon {
                     color: var(--kbq-file-upload-multiple-default-upload-icon-color);
                 }
             }
 
-            &.dragover {
+            &.kbq-file-drop_dragover {
                 background-color: var(--kbq-file-upload-multiple-states-on-drag-container-background);
                 border-color: var(--kbq-file-upload-multiple-states-on-drag-container-border) !important;
 
-                .btn-upload {
+                .kbq-file-btn-upload {
                     border-top-color: var(--kbq-file-upload-multiple-states-on-drag-container-border);
                 }
 
@@ -130,7 +128,7 @@
                     border-bottom-color: var(--kbq-file-upload-multiple-states-on-drag-grid-divider-color) !important;
                 }
 
-                .kbq-dropzone__icon {
+                .kbq-file-dropzone__icon {
                     color: var(--kbq-file-upload-multiple-states-on-drag-upload-icon-color);
                 }
             }
@@ -139,11 +137,11 @@
                 background-color: var(--kbq-file-upload-multiple-states-disabled-container-background);
                 border-color: var(--kbq-file-upload-multiple-states-disabled-container-border) !important;
 
-                .kbq-dropzone__icon {
+                .kbq-file-dropzone__icon {
                     color: var(--kbq-file-upload-multiple-states-disabled-upload-icon-color);
                 }
 
-                .dropzone__text,
+                .kbq-file-dropzone__text,
                 .kbq-file-multiple-uploaded__header {
                     color: var(--kbq-file-upload-multiple-states-disabled-text-block-color);
                 }
@@ -152,12 +150,12 @@
                     border-bottom-color: var(--kbq-file-upload-multiple-states-disabled-grid-divider-color) !important;
                 }
 
-                .multiple__uploaded-item {
+                .kbq-file-multiple__uploaded-item {
                     .kbq-file-upload__file .kbq-icon.kbq-empty {
                         color: var(--kbq-file-upload-multiple-states-disabled-left-icon-color);
                     }
 
-                    .file-item__text,
+                    .kbq-file-item__text,
                     .kbq-file-upload__size {
                         color: var(--kbq-file-upload-multiple-states-disabled-text-block-color);
                     }
@@ -173,21 +171,21 @@
                     background-color: var(--kbq-background-error-less);
                     border-color: var(--kbq-line-error) !important;
 
-                    .kbq-dropzone__icon {
+                    .kbq-file-dropzone__icon {
                         color: var(--kbq-file-upload-multiple-states-error-upload-icon-color);
                     }
 
-                    .dropzone__text:not(.kbq-link),
+                    .kbq-file-dropzone__text:not(.kbq-link),
                     .kbq-file-multiple-uploaded__header {
                         color: var(--kbq-file-upload-multiple-states-error-text-block-color);
                     }
                 }
 
-                .multiple__uploaded-item {
-                    &:has(.kbq-file-upload__row.error) {
+                .kbq-file-multiple__uploaded-item {
+                    &:has(.kbq-file-upload__row.kbq-error) {
                         background-color: var(--kbq-background-error-less);
 
-                        .file-item__text,
+                        .kbq-file-item__text,
                         .kbq-file-upload__size {
                             color: var(--kbq-foreground-error);
                         }
@@ -203,7 +201,7 @@
                 }
             }
 
-            .multiple__uploaded-item {
+            .kbq-file-multiple__uploaded-item {
                 .kbq-file-upload__file .kbq-icon.kbq-empty {
                     color: var(--kbq-file-upload-multiple-default-left-icon-color);
                 }
@@ -233,19 +231,19 @@
 
     // @TODO: remove when redesign applied, use default font (#DS-3858)
     .kbq-single-file-upload {
-        & .file-item__text-wrapper,
-        & .dropzone__text {
+        & .kbq-file-item__text-wrapper,
+        & .kbq-file-dropzone__text {
             @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-normal);
         }
     }
 
     .kbq-multiple-file-upload {
-        .multiple__header {
+        .kbq-file-multiple__header {
             @include tokens.kbq-typography-level-to-styles-css-variables(typography, subheading);
         }
 
         // @TODO: remove when redesign applied, use default font (#DS-3858)
-        .multiple__caption {
+        .kbq-file-multiple__caption {
             &,
             .kbq-link {
                 @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-normal);
@@ -258,7 +256,7 @@
         }
 
         // @TODO: remove when redesign applied, use default font (#DS-3858)
-        .multiple__uploaded-item {
+        .kbq-file-multiple__uploaded-item {
             @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-normal);
         }
 

package/file-upload/file-upload-tokens.scss

@@ -87,8 +87,7 @@
     --kbq-file-upload-multiple-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);
 }
 
-/* stylelint-disable-next-line selector-class-pattern */
-:where(.kbq-file-upload.compact) {
+:where(.kbq-file-upload.kbq-file-upload_compact) {
     --kbq-file-upload-multiple-compact-container-content-gap-horizontal: var(--kbq-size-s);
     --kbq-file-upload-multiple-compact-text-block-padding-vertical: var(--kbq-size-3xs);
     --kbq-file-upload-multiple-compact-container-padding-vertical: 11px;

package/file-upload/file-upload.scss

@@ -1,6 +1,3 @@
-// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
-/* stylelint-disable selector-class-pattern */
-
 @use './file-upload-theme' as theme;
 
 .kbq-file-upload {
@@ -9,8 +6,8 @@
     align-items: center;
     position: relative;
 
-    .dropzone,
-    .file-item {
+    .kbq-file-dropzone,
+    .kbq-file-item {
         display: flex;
         align-items: center;
     }
@@ -19,14 +16,14 @@
         position: relative;
         display: flex;
 
-        .data-text-start {
+        .kbq-ellipsis-center_data-text-start {
             flex: 0 1 auto;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: pre;
         }
 
-        .data-text-end {
+        .kbq-ellipsis-center_data-text-end {
             flex: 1 0 auto;
             overflow: hidden;
             white-space: pre;

package/file-upload/multiple-file-upload.component.d.ts

@@ -59,7 +59,6 @@ export declare class KbqMultipleFileUploadComponent extends KbqFileUploadBase im
     protected readonly customFileIcon: TemplateRef<HTMLElement>;
     /** @docs-private */
     readonly input: ElementRef<HTMLInputElement>;
-    private readonly listSelection?;
     private readonly fileSizeHeaderCell;
     /** @docs-private */
     protected readonly hint: QueryList<TemplateRef<any>>;
@@ -107,6 +106,7 @@ export declare class KbqMultipleFileUploadComponent extends KbqFileUploadBase im
     /** @docs-private */
     readonly configuration: KbqInputFileMultipleLabel | null;
     private readonly focusMonitor;
+    private readonly platformId;
     constructor();
     ngDoCheck(): void;
     ngAfterViewInit(): void;

package/file-upload/multiple-file-upload.component.scss

@@ -1,5 +1,3 @@
-// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
-/* stylelint-disable selector-class-pattern */
 @use '../core/styles/common/tokens' as *;
 
 // todo нужно рефакторить со стилями тут сложно
@@ -8,7 +6,7 @@
     border-width: var(--kbq-file-upload-size-multiple-big-container-border-width);
     border-style: dashed;
 
-    &.default:not(.selected) {
+    &.kbq-file-upload_default:not(.kbq-selected) {
         justify-content: center;
 
         padding: var(--kbq-file-upload-size-multiple-big-container-padding-vertical)
@@ -18,25 +16,25 @@
 
         min-width: var(--kbq-file-upload-size-multiple-big-container-min-width);
 
-        .dropzone {
+        .kbq-file-dropzone {
             gap: var(--kbq-file-upload-size-multiple-big-container-content-gap-horizontal);
         }
 
-        .dropzone__text {
-            .multiple__caption {
+        .kbq-file-dropzone__text {
+            .kbq-file-multiple__caption {
                 padding-top: var(--kbq-file-upload-size-multiple-big-text-block-content-gap-vertical);
             }
         }
     }
 
-    &.compact:not(.selected) {
+    &.kbq-file-upload_compact:not(.kbq-selected) {
         padding: var(--kbq-file-upload-multiple-compact-container-padding-vertical)
             var(--kbq-file-upload-multiple-compact-container-padding-horizontal);
 
-        .dropzone {
+        .kbq-file-dropzone {
             gap: var(--kbq-file-upload-multiple-compact-container-content-gap-horizontal);
 
-            .dropzone__text.multiple__caption {
+            .kbq-file-dropzone__text.kbq-file-multiple__caption {
                 padding-top: var(--kbq-file-upload-multiple-compact-text-block-padding-vertical);
 
                 padding-bottom: var(--kbq-file-upload-multiple-compact-text-block-padding-vertical);
@@ -44,7 +42,7 @@
         }
     }
 
-    .kbq-list-option.multiple__uploaded-item {
+    .kbq-list-option.kbq-file-multiple__uploaded-item {
         border-radius: 0;
         padding: 0 calc(var(--kbq-size-3xs) - var(--kbq-file-upload-size-multiple-big-container-border-width));
 
@@ -86,7 +84,7 @@
             align-items: center;
             gap: var(--kbq-file-upload-size-multiple-big-grid-cell-content-gap-horizontal);
 
-            .file-item__text {
+            .kbq-file-item__text {
                 width: 90%;
             }
         }
@@ -134,7 +132,7 @@
         }
     }
 
-    .btn-upload {
+    .kbq-file-btn-upload {
         margin: -1px;
         padding: calc(var(--kbq-size-m) - var(--kbq-file-upload-size-multiple-big-container-border-width))
             var(--kbq-size-m) var(--kbq-size-m) var(--kbq-size-m);
@@ -142,12 +140,12 @@
         border-top-width: var(--kbq-file-upload-size-multiple-big-container-border-width);
         border-top-style: dashed;
 
-        .dropzone {
+        .kbq-file-dropzone {
             gap: var(--kbq-file-upload-size-multiple-big-dropzone-content-gap-horizontal);
         }
     }
 
-    .file-upload__dropzone {
+    .kbq-file-upload__dropzone {
         width: 100%;
         height: 100%;
     }

package/file-upload/single-file-upload.component.d.ts

@@ -66,6 +66,7 @@ export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase impl
     /** @docs-private */
     readonly configuration: KbqInputFileLabel | null;
     private readonly focusMonitor;
+    private readonly platformId;
     constructor();
     ngDoCheck(): void;
     ngAfterViewInit(): void;

package/file-upload/single-file-upload.component.scss

@@ -1,5 +1,3 @@
-// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
-/* stylelint-disable selector-class-pattern */
 @use '../core/styles/common/tokens' as *;
 
 .kbq-single-file-upload .kbq-file-upload {
@@ -17,7 +15,7 @@
     border-width: var(--kbq-file-upload-size-single-container-border-width);
     border-style: dashed;
 
-    & .dropzone__text {
+    & .kbq-file-dropzone__text {
         padding-top: var(--kbq-file-upload-size-single-text-block-padding-vertical);
 
         padding-bottom: var(--kbq-file-upload-size-single-text-block-padding-vertical);
@@ -25,21 +23,21 @@
         gap: var(--kbq-file-upload-size-single-text-block-content-gap-horizontal);
     }
 
-    & .dropzone {
+    & .kbq-file-dropzone {
         gap: var(--kbq-file-upload-size-single-container-content-gap-horizontal);
     }
 
-    .file-item {
+    .kbq-file-item {
         width: 100%;
 
-        .file-item__text-wrapper {
+        .kbq-file-item__text-wrapper {
             display: flex;
             align-items: center;
             width: 100%;
 
             gap: var(--kbq-file-upload-size-single-container-content-gap-horizontal);
 
-            .file-item__text {
+            .kbq-file-item__text {
                 width: 120px;
                 flex-grow: 1;
             }

package/filter-bar/filter-bar.d.ts

@@ -38,6 +38,8 @@ export declare class KbqFilterBar {
     readonly onChangePipe: EventEmitter<KbqPipe>;
     /** Event that emits whenever the pipe deleted. */
     readonly onRemovePipe: EventEmitter<KbqPipe>;
+    /** Event that emits whenever the pipe cleared. */
+    readonly onClearPipe: EventEmitter<KbqPipe>;
     /** Event that emits whenever the select or multiselect pipe closed. */
     readonly onClosePipe: EventEmitter<KbqPipe>;
     /** Whether the current filter is saved and changed */
@@ -74,6 +76,6 @@ export declare class KbqFilterBar {
     private updateLocaleParams;
     private initDefaultParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFilterBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterBar, "kbq-filter-bar, [kbq-filter-bar]", never, { "selectedAllEqualsSelectedNothing": { "alias": "selectedAllEqualsSelectedNothing"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "pipeTemplates": { "alias": "pipeTemplates"; "required": false; }; }, { "filterChange": "filterChange"; "onChangePipe": "onChangePipe"; "onRemovePipe": "onRemovePipe"; "onClosePipe": "onClosePipe"; }, ["filters", "filterReset"], ["kbq-filters", "*", "kbq-pipe-add", "kbq-filter-reset", "kbq-filter-search, [kbq-filter-search]", "kbq-filter-refresher, [kbq-filter-refresher]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterBar, "kbq-filter-bar, [kbq-filter-bar]", never, { "selectedAllEqualsSelectedNothing": { "alias": "selectedAllEqualsSelectedNothing"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "pipeTemplates": { "alias": "pipeTemplates"; "required": false; }; }, { "filterChange": "filterChange"; "onChangePipe": "onChangePipe"; "onRemovePipe": "onRemovePipe"; "onClearPipe": "onClearPipe"; "onClosePipe": "onClosePipe"; }, ["filters", "filterReset"], ["kbq-filters", "*", "kbq-pipe-add", "kbq-filter-reset", "kbq-filter-search, [kbq-filter-search]", "kbq-filter-refresher, [kbq-filter-refresher]"], true, never>;
     static ngAcceptInputType_selectedAllEqualsSelectedNothing: unknown;
 }

package/filter-bar/filter-search.scss

@@ -2,9 +2,7 @@
     display: flex;
     align-items: start;
 
-    max-width: 260px;
-
-    & .kbq-input {
+    & .kbq-form-field {
         width: 260px;
     }
 

package/filter-bar/filters.d.ts

@@ -22,6 +22,7 @@ export declare class KbqFilters implements OnInit {
     private dropdown;
     private search;
     private newFilterName;
+    private saveFilterButton;
     /** control for search filter */
     searchControl: UntypedFormControl;
     /** filtered by search filters */

package/filter-bar/pipes/base-pipe.d.ts

@@ -23,7 +23,11 @@ export declare abstract class KbqBasePipe<V> implements AfterViewInit {
     protected values: any;
     /** TemplateRef for selecting an option */
     protected valueTemplate?: TemplateRef<any> | string;
-    /** Whether the current platform is a Mac. */
+    /**
+     * Whether the current platform is a Mac.
+     *
+     * @docs-private
+     */
     isMac: boolean;
     /** Data for the pipe.
      *  @docs-private */

package/filter-bar/pipes/pipe-date.scss

@@ -87,15 +87,17 @@
                 display: flex;
 
                 & .kbq-date-period__date {
+                    min-width: 136px;
+
                     & .kbq-form-field__container {
                         border-top-right-radius: unset;
                         border-bottom-right-radius: unset;
                     }
                 }
 
-                & .kbq-date-period__time {
+                & .kbq-date-period__time.kbq-form-field-type-timepicker {
                     margin-left: -1px;
-                    max-width: 124px;
+                    width: unset;
 
                     & .kbq-form-field__container {
                         border-top-left-radius: unset;

package/filter-bar/pipes/pipe-title.d.ts

@@ -15,10 +15,12 @@ export declare class KbqPipeTitleDirective extends KbqTooltipTrigger implements
     private focusMonitorSubscription;
     private childContainer;
     private parentContainer;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     handleElementEnter(): void;
     hideTooltip(): void;
+    private listenToMutationObserver;
     private createMutationObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeTitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPipeTitleDirective, "[kbqPipeTitle]", ["kbqPipeTitle"], { "viewValue": { "alias": "kbqPipeTitle"; "required": false; }; }, {}, ["parentContainer", "childContainer"], never, true, never>;

package/form-field/fieldset-tokens.scss

@@ -1,5 +1,6 @@
 .kbq-fieldset {
     --kbq-fieldset-legend-margin: var(--kbq-size-s);
-    --kbq-form-field-hint-size-margin-top: var(--kbq-size-m);
+    --kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);
     --kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);
+    --kbq-form-field-hint-size-gap: var(--kbq-size-xxs);
 }

package/form-field/form-field-tokens.scss

@@ -10,8 +10,8 @@
     --kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);
     --kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);
 
-    --kbq-form-field-hint-size-margin-top: var(--kbq-size-m);
-    --kbq-form-field-hint-size-gap: var(--kbq-size-s);
+    --kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);
+    --kbq-form-field-hint-size-gap: var(--kbq-size-xxs);
 
     --kbq-form-field-size-container-vertical-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));
     --kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));

package/form-field/form-field.scss

@@ -4,8 +4,16 @@
 @mixin kbq-form-field-hint-geometry {
     display: flex;
     flex-direction: column;
-    gap: var(--kbq-size-s);
+    gap: var(--kbq-form-field-hint-size-gap);
     margin-top: var(--kbq-form-field-hint-size-margin-top);
+
+    &:has(.kbq-reactive-password-hint, .kbq-password-hint) {
+        --kbq-form-field-hint-size-gap: var(--kbq-size-s);
+    }
+
+    &:has(:is(.kbq-reactive-password-hint, .kbq-password-hint):first-child) {
+        --kbq-form-field-hint-size-margin-top: var(--kbq-size-m);
+    }
 }
 
 .kbq-form-field {

package/form-field/stepper.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { Subject } from 'rxjs';
 import { KbqFormFieldControl } from './form-field-control';
 import * as i0 from "@angular/core";
 type KbqNumberInput = KbqFormFieldControl<unknown> & {
@@ -6,13 +7,37 @@ type KbqNumberInput = KbqFormFieldControl<unknown> & {
     stepDown: (step: number) => void;
     step: number;
 };
+/**
+ * Timeout duration when clicking the up/down arrow
+ * @docs-private
+ */
+export declare const KBQ_STEPPER_INITIAL_TIMEOUT = 300;
+/**
+ * Interval delay when clicking the up/down arrow
+ * @docs-private
+ */
+export declare const KBQ_STEPPER_INTERVAL_DELAY = 75;
 /** Component which allow to increment or decrement number value. */
 export declare class KbqStepper {
     private readonly formField;
+    private readonly document;
     /** Emitted when the stepper is incremented. */
     readonly stepUp: EventEmitter<void>;
     /** Emitted when the stepper is decremented. */
     readonly stepDown: EventEmitter<void>;
+    /** @docs-private */
+    protected readonly mouseUp: Subject<void>;
+    /**
+     * Timing observable simulating long press in native input-number.
+     * - Value increases/decreases by step immediately.
+     * - Brief pause (`300ms`)
+     * - Numbers start running upward/downward with selected speed
+     * (controlled by interval period)
+     * @see KBQ_STEPPER_INTERVAL_DELAY
+     * @see KBQ_STEPPER_INITIAL_TIMEOUT
+     * @docs-private
+     */
+    private readonly longPress;
     /**
      * Form field number control.
      *
@@ -23,14 +48,11 @@ export declare class KbqStepper {
      * @docs-private
      */
     connectTo(numberInput: KbqNumberInput): void;
-    /**
-     * @docs-private
-     */
+    /** @docs-private */
     onStepUp($event: MouseEvent): void;
-    /**
-     * @docs-private
-     */
+    /** @docs-private */
     onStepDown($event: MouseEvent): void;
+    private handleStep;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqStepper, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqStepper, "kbq-stepper", ["kbqStepper"], {}, { "stepUp": "stepUp"; "stepDown": "stepDown"; }, never, never, true, never>;
 }

package/inline-edit/inline-edit.d.ts

@@ -65,6 +65,10 @@ export declare class KbqInlineEdit {
     readonly getValueHandler: import("@angular/core").InputSignal<(() => unknown) | undefined>;
     /** Handler function to update the value */
     readonly setValueHandler: import("@angular/core").InputSignal<((value: any) => void) | undefined>;
+    /**
+     * Customizable function that checks if saving on enter available.
+     */
+    readonly canSaveOnEnter: import("@angular/core").InputSignal<(event: KeyboardEvent) => boolean>;
     /** Emitted when the inline edit is saved successfully. */
     protected readonly saved: import("@angular/core").OutputEmitterRef<void>;
     /** Emitted when the inline edit is canceled and changes are discarded. */
@@ -132,5 +136,5 @@ export declare class KbqInlineEdit {
     private openPanel;
     private getInputNativeElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInlineEdit, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqInlineEdit, "kbq-inline-edit", ["kbqInlineEdit"], { "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "showTooltipOnError": { "alias": "showTooltipOnError"; "required": false; "isSignal": true; }; "validationTooltip": { "alias": "validationTooltip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editModeWidth": { "alias": "editModeWidth"; "required": false; "isSignal": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; "isSignal": true; }; "getValueHandler": { "alias": "getValueHandler"; "required": false; "isSignal": true; }; "setValueHandler": { "alias": "setValueHandler"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "canceled": "canceled"; "modeChange": "modeChange"; }, ["menu", "label", "formFieldRef"], ["kbq-label", "[kbqInlineEditViewMode]", "[kbqInlineEditMenu]", "[kbqInlineEditEditMode]"], true, [{ directive: typeof i1.KbqFocusMonitor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqInlineEdit, "kbq-inline-edit", ["kbqInlineEdit"], { "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "showTooltipOnError": { "alias": "showTooltipOnError"; "required": false; "isSignal": true; }; "validationTooltip": { "alias": "validationTooltip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editModeWidth": { "alias": "editModeWidth"; "required": false; "isSignal": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; "isSignal": true; }; "getValueHandler": { "alias": "getValueHandler"; "required": false; "isSignal": true; }; "setValueHandler": { "alias": "setValueHandler"; "required": false; "isSignal": true; }; "canSaveOnEnter": { "alias": "canSaveOnEnter"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "canceled": "canceled"; "modeChange": "modeChange"; }, ["menu", "label", "formFieldRef"], ["kbq-label", "[kbqInlineEditViewMode]", "[kbqInlineEditMenu]", "[kbqInlineEditEditMode]"], true, [{ directive: typeof i1.KbqFocusMonitor; inputs: {}; outputs: {}; }]>;
 }

package/input/input.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "./input-number-validators";
 import * as i5 from "@angular/cdk/a11y";
 import * as i6 from "@angular/forms";
 import * as i7 from "@koobiq/components/icon";
+import * as i8 from "@koobiq/components/form-field";
 export declare class KbqInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqInputModule, [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator], [typeof i5.A11yModule, typeof i6.FormsModule, typeof i7.KbqIconModule], [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqInputModule, [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator], [typeof i5.A11yModule, typeof i6.FormsModule, typeof i7.KbqIconModule], [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator, typeof i8.KbqFormFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqInputModule>;
 }