@koobiq/components 19.8.4 → 19.8.5

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

@@ -0,0 +1,42 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { KbqInput } from '@koobiq/components/input';
+import { KbqBasePipe } from './base-pipe';
+import * as i0 from "@angular/core";
+export declare class KbqPipeInputComponent extends KbqBasePipe<string | null> implements OnInit {
+    /** @docs-private */
+    protected readonly input: import("@angular/core").Signal<KbqInput>;
+    /**
+     * Input control.
+     *
+     * Must stay nullable: `reset()` — all `KbqFormField.clearValue()` and its Escape handler ever call —
+     * resolves to `defaultValue`, which is `null` only while `nonNullable` is unset. `{ nonNullable: true }`
+     * would make `reset()` yield `''` and silently break the cleaner bridge below.
+     */
+    readonly control: FormControl<string | null>;
+    /**
+     * Debounce in milliseconds between the last keystroke and the typed value being applied to the filter.
+     * Matches `defaultEmitValueTimeout` of `kbq-search-expandable`, so both search fields of a bar feel the
+     * same. `Enter` and blur apply immediately and cancel a pending apply.
+     */
+    debounceTime: number;
+    /**
+     * Minimum number of characters before typing applies the value to the filter. Anything shorter —
+     * including an emptied field — is applied as `null`, so the filter never keeps text the user has
+     * already erased. `Enter` and blur ignore the threshold. Set to `0` to apply every keystroke.
+     */
+    minLength: number;
+    /** Cancels a pending debounced apply once the value has been applied (or cleared) through another path. */
+    private readonly cancelPendingApply;
+    /** Whether the current pipe is empty. Used for apply style modifier */
+    get isEmpty(): boolean;
+    ngOnInit(): void;
+    /** clears the pipe and triggers changes */
+    onClear(): void;
+    /** focuses the input */
+    open(): void;
+    /** Commits a value to `data` and notifies the filter-bar. */
+    private commit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqPipeInputComponent, "kbq-pipe-input", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,10 @@
+.kbq-pipe.kbq-pipe__input {
+    // Fall back like base-pipe.scss does for --kbq-filter-bar-pipe-max-width: the token is declared on
+    // .kbq-filter-bar, which a pipe rendered outside a bar never sees.
+    width: var(--kbq-filter-bar-pipe-input-width, 240px);
+    flex: none;
+
+    .kbq-form-field {
+        width: 100%;
+    }
+}

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

@@ -12,6 +12,7 @@ export * from './pipes/base-pipe';
 export * from './pipes/pipe-button';
 export * from './pipes/pipe-date';
 export * from './pipes/pipe-datetime';
+export * from './pipes/pipe-input';
 export * from './pipes/pipe-multi-select';
 export * from './pipes/pipe-readonly';
 export * from './pipes/pipe-select';

package/package.json

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

package/schematics/ng-add/index.js

@@ -27,8 +27,8 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^19.2.19");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.8.4");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.8.4");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.8.5");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.8.5");
         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', "^11.5.0");