@koobiq/components-experimental 18.5.1

package/esm2022/form-field/hint.mjs

@@ -0,0 +1,157 @@
+import { NgClass } from '@angular/common';
+import { booleanAttribute, ChangeDetectionStrategy, Component, inject, Input, ViewEncapsulation } from '@angular/core';
+import { KBQ_FORM_FIELD_REF, KbqComponentColors } from '@koobiq/components/core';
+import { KbqIconModule } from '@koobiq/components/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@koobiq/components/icon";
+let nextUniqueId = 0;
+/** Hint text to be shown below the form field control. */
+export class KbqHint {
+    constructor() {
+        /** Unique ID for the hint. */
+        this.id = `kbq-hint-${nextUniqueId++}`;
+        /** Component colors */
+        this.colors = KbqComponentColors;
+        this._fillTextOff = false;
+        /** Makes the hint size smaller. */
+        this.compact = false;
+    }
+    /** Hint color */
+    set color(color) {
+        this._color = color;
+    }
+    get color() {
+        return this._color;
+    }
+    /** Disables `color` for the hint text. */
+    set fillTextOff(fillTextOff) {
+        this._fillTextOff = fillTextOff;
+    }
+    get fillTextOff() {
+        return this._fillTextOff;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqHint, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.6", type: KbqHint, isStandalone: true, selector: "kbq-hint", inputs: { id: "id", color: "color", fillTextOff: ["fillTextOff", "fillTextOff", booleanAttribute], compact: ["compact", "compact", booleanAttribute] }, host: { properties: { "attr.id": "id", "class.kbq-error": "color === colors.Error", "class.kbq-contrast-fade": "color === colors.ContrastFade", "class.kbq-success": "color === colors.Success", "class.kbq-warning": "color === colors.Warning", "class.kbq-hint_fill-text-off": "fillTextOff", "class.kbq-hint_compact": "compact" }, classAttribute: "kbq-hint___EXPERIMENTAL" }, exportAs: ["kbqHint"], ngImport: i0, template: "<ng-content select=\"[kbq-icon]\" />\n\n<span class=\"kbq-hint_text\">\n    <ng-content />\n</span>\n", styles: [".kbq-hint___EXPERIMENTAL{display:flex;align-items:center;justify-content:start}.kbq-hint___EXPERIMENTAL .kbq-icon{margin-right:var(--kbq-hint-size-normal-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-icon{margin-right:var(--kbq-hint-size-compact-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade{color:var(--kbq-hint-fill-text-on-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-on-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-success{color:var(--kbq-hint-fill-text-on-success-text)}.kbq-hint___EXPERIMENTAL.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-on-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-warning{color:var(--kbq-hint-fill-text-on-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-on-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-error{color:var(--kbq-hint-fill-text-on-error-text)}.kbq-hint___EXPERIMENTAL.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-on-error-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade{color:var(--kbq-hint-fill-text-off-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-off-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success{color:var(--kbq-hint-fill-text-off-success-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-off-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning{color:var(--kbq-hint-fill-text-off-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-off-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error{color:var(--kbq-hint-fill-text-off-error-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-off-error-icon)!important}.kbq-hint___EXPERIMENTAL .kbq-hint_text{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-hint_text{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-hint___EXPERIMENTAL{--kbq-hint-size-normal-margin-top: var(--kbq-size-3xs);--kbq-hint-size-normal-content-padding: var(--kbq-size-xxs);--kbq-hint-size-compact-margin-top: 0;--kbq-hint-size-compact-content-padding: var(--kbq-size-xxs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqHint, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'kbq-hint', exportAs: 'kbqHint', host: {
+                        class: 'kbq-hint___EXPERIMENTAL',
+                        '[attr.id]': 'id',
+                        '[class.kbq-error]': 'color === colors.Error',
+                        '[class.kbq-contrast-fade]': 'color === colors.ContrastFade',
+                        '[class.kbq-success]': 'color === colors.Success',
+                        '[class.kbq-warning]': 'color === colors.Warning',
+                        '[class.kbq-hint_fill-text-off]': 'fillTextOff',
+                        '[class.kbq-hint_compact]': 'compact'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[kbq-icon]\" />\n\n<span class=\"kbq-hint_text\">\n    <ng-content />\n</span>\n", styles: [".kbq-hint___EXPERIMENTAL{display:flex;align-items:center;justify-content:start}.kbq-hint___EXPERIMENTAL .kbq-icon{margin-right:var(--kbq-hint-size-normal-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-icon{margin-right:var(--kbq-hint-size-compact-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade{color:var(--kbq-hint-fill-text-on-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-on-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-success{color:var(--kbq-hint-fill-text-on-success-text)}.kbq-hint___EXPERIMENTAL.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-on-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-warning{color:var(--kbq-hint-fill-text-on-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-on-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-error{color:var(--kbq-hint-fill-text-on-error-text)}.kbq-hint___EXPERIMENTAL.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-on-error-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade{color:var(--kbq-hint-fill-text-off-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-off-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success{color:var(--kbq-hint-fill-text-off-success-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-off-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning{color:var(--kbq-hint-fill-text-off-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-off-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error{color:var(--kbq-hint-fill-text-off-error-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-off-error-icon)!important}.kbq-hint___EXPERIMENTAL .kbq-hint_text{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-hint_text{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-hint___EXPERIMENTAL{--kbq-hint-size-normal-margin-top: var(--kbq-size-3xs);--kbq-hint-size-normal-content-padding: var(--kbq-size-xxs);--kbq-hint-size-compact-margin-top: 0;--kbq-hint-size-compact-content-padding: var(--kbq-size-xxs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], fillTextOff: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], compact: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+/** Error text to be shown below the form field control. */
+export class KbqError extends KbqHint {
+    /** @docs-private */
+    set color(_color) { }
+    /** Overrides the hint `color` property. */
+    get color() {
+        return KbqComponentColors.Error;
+    }
+    /** @docs-private */
+    set fillTextOff(_fillTextOff) { }
+    /** Overrides the hint `fillTextOff` property. */
+    get fillTextOff() {
+        return false;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqError, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqError, isStandalone: true, selector: "kbq-error", inputs: { color: "color", fillTextOff: "fillTextOff" }, exportAs: ["kbqError"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[kbq-icon]\" />\n\n<span class=\"kbq-hint_text\">\n    <ng-content />\n</span>\n", styles: [".kbq-hint___EXPERIMENTAL{display:flex;align-items:center;justify-content:start}.kbq-hint___EXPERIMENTAL .kbq-icon{margin-right:var(--kbq-hint-size-normal-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-icon{margin-right:var(--kbq-hint-size-compact-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade{color:var(--kbq-hint-fill-text-on-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-on-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-success{color:var(--kbq-hint-fill-text-on-success-text)}.kbq-hint___EXPERIMENTAL.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-on-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-warning{color:var(--kbq-hint-fill-text-on-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-on-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-error{color:var(--kbq-hint-fill-text-on-error-text)}.kbq-hint___EXPERIMENTAL.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-on-error-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade{color:var(--kbq-hint-fill-text-off-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-off-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success{color:var(--kbq-hint-fill-text-off-success-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-off-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning{color:var(--kbq-hint-fill-text-off-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-off-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error{color:var(--kbq-hint-fill-text-off-error-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-off-error-icon)!important}.kbq-hint___EXPERIMENTAL .kbq-hint_text{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-hint_text{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-hint___EXPERIMENTAL{--kbq-hint-size-normal-margin-top: var(--kbq-size-3xs);--kbq-hint-size-normal-content-padding: var(--kbq-size-xxs);--kbq-hint-size-compact-margin-top: 0;--kbq-hint-size-compact-content-padding: var(--kbq-size-xxs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqError, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'kbq-error', exportAs: 'kbqError', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[kbq-icon]\" />\n\n<span class=\"kbq-hint_text\">\n    <ng-content />\n</span>\n", styles: [".kbq-hint___EXPERIMENTAL{display:flex;align-items:center;justify-content:start}.kbq-hint___EXPERIMENTAL .kbq-icon{margin-right:var(--kbq-hint-size-normal-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-icon{margin-right:var(--kbq-hint-size-compact-content-padding)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade{color:var(--kbq-hint-fill-text-on-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-on-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-success{color:var(--kbq-hint-fill-text-on-success-text)}.kbq-hint___EXPERIMENTAL.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-on-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-warning{color:var(--kbq-hint-fill-text-on-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-on-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-error{color:var(--kbq-hint-fill-text-on-error-text)}.kbq-hint___EXPERIMENTAL.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-on-error-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade{color:var(--kbq-hint-fill-text-off-fade-contrast-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-contrast-fade .kbq-icon{color:var(--kbq-hint-fill-text-off-fade-contrast-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success{color:var(--kbq-hint-fill-text-off-success-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-success .kbq-icon{color:var(--kbq-hint-fill-text-off-success-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning{color:var(--kbq-hint-fill-text-off-warning-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-warning .kbq-icon{color:var(--kbq-hint-fill-text-off-warning-icon)!important}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error{color:var(--kbq-hint-fill-text-off-error-text)}.kbq-hint___EXPERIMENTAL.kbq-hint_fill-text-off.kbq-error .kbq-icon{color:var(--kbq-hint-fill-text-off-error-icon)!important}.kbq-hint___EXPERIMENTAL .kbq-hint_text{font-size:var(--kbq-typography-text-normal-medium-font-size);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-hint___EXPERIMENTAL.kbq-hint_compact .kbq-hint_text{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-hint___EXPERIMENTAL{--kbq-hint-size-normal-margin-top: var(--kbq-size-3xs);--kbq-hint-size-normal-content-padding: var(--kbq-size-xxs);--kbq-hint-size-compact-margin-top: 0;--kbq-hint-size-compact-content-padding: var(--kbq-size-xxs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-hint-fill-text-off-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-off-success-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-off-warning-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-off-error-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-off-error-icon: var(--kbq-icon-error);--kbq-hint-fill-text-on-fade-contrast-text: var(--kbq-foreground-contrast);--kbq-hint-fill-text-on-fade-contrast-icon: var(--kbq-icon-contrast-fade);--kbq-hint-fill-text-on-success-text: var(--kbq-foreground-success);--kbq-hint-fill-text-on-success-icon: var(--kbq-icon-success);--kbq-hint-fill-text-on-warning-text: var(--kbq-foreground-warning);--kbq-hint-fill-text-on-warning-icon: var(--kbq-icon-warning);--kbq-hint-fill-text-on-error-text: var(--kbq-foreground-error);--kbq-hint-fill-text-on-error-icon: var(--kbq-icon-error)}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], fillTextOff: [{
+                type: Input
+            }] } });
+/** Password hint to be shown below the password form field control. */
+export class KbqPasswordHint extends KbqHint {
+    constructor() {
+        super(...arguments);
+        /** Whether the form field control has an error. */
+        this.hasError = false;
+        // @TODO fix types (#DS-2915)
+        this.formField = inject(KBQ_FORM_FIELD_REF, { optional: true });
+    }
+    /** @docs-private */
+    set fillTextOff(_fillTextOff) { }
+    /** Overrides the hint `fillTextOff` property. */
+    get fillTextOff() {
+        return true;
+    }
+    /** @docs-private */
+    set color(_color) { }
+    /** Overrides the hint `color` property. */
+    get color() {
+        if (this.formField?.invalid && this.hasError) {
+            return KbqComponentColors.Error;
+        }
+        if ((!this.formField?.invalid && !this.hasError) || !this.hasError) {
+            return KbqComponentColors.Success;
+        }
+        return KbqComponentColors.ContrastFade;
+    }
+    /** The form field hint icon. */
+    get icon() {
+        return this.hasError ? 'kbq-xmark-s_16' : 'kbq-check-s_16';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPasswordHint, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.6", type: KbqPasswordHint, isStandalone: true, selector: "kbq-password-hint", inputs: { hasError: ["hasError", "hasError", booleanAttribute], fillTextOff: "fillTextOff", color: "color" }, host: { classAttribute: "kbq-password-hint___EXPERIMENTAL" }, usesInheritance: true, ngImport: i0, template: `
+        <i
+            [ngClass]="icon"
+            kbq-icon=""
+        ></i>
+
+        <span class="kbq-hint_text">
+            <ng-content />
+        </span>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPasswordHint, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass, KbqIconModule],
+                    selector: 'kbq-password-hint',
+                    template: `
+        <i
+            [ngClass]="icon"
+            kbq-icon=""
+        ></i>
+
+        <span class="kbq-hint_text">
+            <ng-content />
+        </span>
+    `,
+                    host: {
+                        class: 'kbq-password-hint___EXPERIMENTAL'
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { hasError: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], fillTextOff: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvaGludC50cyIsIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvaGludC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkgsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFHeEQsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBRXJCLDBEQUEwRDtBQXVCMUQsTUFBTSxPQUFPLE9BQU87SUF0QnBCO1FBdUJJLDhCQUE4QjtRQUNyQixPQUFFLEdBQVcsWUFBWSxZQUFZLEVBQUUsRUFBRSxDQUFDO1FBRW5ELHVCQUF1QjtRQUNiLFdBQU0sR0FBRyxrQkFBa0IsQ0FBQztRQXNCOUIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFFdEMsbUNBQW1DO1FBQ0ssWUFBTyxHQUFZLEtBQUssQ0FBQztLQUNwRTtJQXhCRyxpQkFBaUI7SUFDakIsSUFBYSxLQUFLLENBQUMsS0FBeUI7UUFDeEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBSUQsMENBQTBDO0lBQzFDLElBQTRDLFdBQVcsQ0FBQyxXQUFvQjtRQUN4RSxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ1gsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzdCLENBQUM7aUlBekJRLE9BQU87cUhBQVAsT0FBTyw0SEFtQkksZ0JBQWdCLG1DQVdoQixnQkFBZ0IseWFDN0R4Qyx1R0FLQTs7MkZEMEJhLE9BQU87a0JBdEJuQixTQUFTO2lDQUNNLElBQUksWUFDTixVQUFVLFlBQ1YsU0FBUyxRQU1iO3dCQUNGLEtBQUssRUFBRSx5QkFBeUI7d0JBQ2hDLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixtQkFBbUIsRUFBRSx3QkFBd0I7d0JBQzdDLDJCQUEyQixFQUFFLCtCQUErQjt3QkFDNUQscUJBQXFCLEVBQUUsMEJBQTBCO3dCQUNqRCxxQkFBcUIsRUFBRSwwQkFBMEI7d0JBQ2pELGdDQUFnQyxFQUFFLGFBQWE7d0JBQy9DLDBCQUEwQixFQUFFLFNBQVM7cUJBQ3hDLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBSXRDLEVBQUU7c0JBQVYsS0FBSztnQkFNTyxLQUFLO3NCQUFqQixLQUFLO2dCQVdzQyxXQUFXO3NCQUF0RCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQVdFLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7O0FBRzFDLDJEQUEyRDtBQWEzRCxNQUFNLE9BQU8sUUFBUyxTQUFRLE9BQU87SUFDakMsb0JBQW9CO0lBQ3BCLElBQWEsS0FBSyxDQUFDLE1BQVksSUFBRyxDQUFDO0lBRW5DLDJDQUEyQztJQUMzQyxJQUFJLEtBQUs7UUFDTCxPQUFPLGtCQUFrQixDQUFDLEtBQUssQ0FBQztJQUNwQyxDQUFDO0lBRUQsb0JBQW9CO0lBQ3BCLElBQWEsV0FBVyxDQUFDLFlBQWtCLElBQUcsQ0FBQztJQUUvQyxpREFBaUQ7SUFDakQsSUFBSSxXQUFXO1FBQ1gsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztpSUFmUSxRQUFRO3FIQUFSLFFBQVEsNEtDN0VyQix1R0FLQTs7MkZEd0VhLFFBQVE7a0JBWnBCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLFdBQVcsWUFDWCxVQUFVLGlCQU1MLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBSWxDLEtBQUs7c0JBQWpCLEtBQUs7Z0JBUU8sV0FBVztzQkFBdkIsS0FBSzs7QUFRVix1RUFBdUU7QUFxQnZFLE1BQU0sT0FBTyxlQUFnQixTQUFRLE9BQU87SUFwQjVDOztRQXFCSSxtREFBbUQ7UUFDWCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBVWxFLDZCQUE2QjtRQUNaLGNBQVMsR0FBRyxNQUFNLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQXdDLENBQUM7S0FzQnRIO0lBL0JHLG9CQUFvQjtJQUNwQixJQUFhLFdBQVcsQ0FBQyxZQUFrQixJQUFHLENBQUM7SUFFL0MsaURBQWlEO0lBQ2pELElBQUksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFLRCxvQkFBb0I7SUFDcEIsSUFBYSxLQUFLLENBQUMsTUFBWSxJQUFHLENBQUM7SUFFbkMsMkNBQTJDO0lBQzNDLElBQUksS0FBSztRQUNMLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzNDLE9BQU8sa0JBQWtCLENBQUMsS0FBSyxDQUFDO1FBQ3BDLENBQUM7UUFFRCxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqRSxPQUFPLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztRQUN0QyxDQUFDO1FBRUQsT0FBTyxrQkFBa0IsQ0FBQyxZQUFZLENBQUM7SUFDM0MsQ0FBQztJQUVELGdDQUFnQztJQUNoQyxJQUFjLElBQUk7UUFDZCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQztJQUMvRCxDQUFDO2lJQWxDUSxlQUFlO3FIQUFmLGVBQWUsa0dBRUosZ0JBQWdCLDhKQWxCMUI7Ozs7Ozs7OztLQVNULDREQVhTLE9BQU8sbUZBQUUsYUFBYTs7MkZBa0J2QixlQUFlO2tCQXBCM0IsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQztvQkFDakMsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFOzs7Ozs7Ozs7S0FTVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLGtDQUFrQztxQkFDNUM7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRDs4QkFHMkMsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHekIsV0FBVztzQkFBdkIsS0FBSztnQkFXTyxLQUFLO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS0JRX0ZPUk1fRklFTERfUkVGLCBLYnFDb21wb25lbnRDb2xvcnMgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvY29yZSc7XG5pbXBvcnQgeyBLYnFJY29uTW9kdWxlIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgS2JxRm9ybUZpZWxkIH0gZnJvbSAnLi9mb3JtLWZpZWxkJztcblxubGV0IG5leHRVbmlxdWVJZCA9IDA7XG5cbi8qKiBIaW50IHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdrYnEtaGludCcsXG4gICAgZXhwb3J0QXM6ICdrYnFIaW50JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaGludC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFtcbiAgICAgICAgJy4vaGludC5zY3NzJyxcbiAgICAgICAgJy4vaGludC10b2tlbnMuc2NzcydcbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtaGludF9fX0VYUEVSSU1FTlRBTCcsXG4gICAgICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICAgICAnW2NsYXNzLmticS1lcnJvcl0nOiAnY29sb3IgPT09IGNvbG9ycy5FcnJvcicsXG4gICAgICAgICdbY2xhc3Mua2JxLWNvbnRyYXN0LWZhZGVdJzogJ2NvbG9yID09PSBjb2xvcnMuQ29udHJhc3RGYWRlJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtc3VjY2Vzc10nOiAnY29sb3IgPT09IGNvbG9ycy5TdWNjZXNzJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtd2FybmluZ10nOiAnY29sb3IgPT09IGNvbG9ycy5XYXJuaW5nJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtaGludF9maWxsLXRleHQtb2ZmXSc6ICdmaWxsVGV4dE9mZicsXG4gICAgICAgICdbY2xhc3Mua2JxLWhpbnRfY29tcGFjdF0nOiAnY29tcGFjdCdcbiAgICB9LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxSGludCB7XG4gICAgLyoqIFVuaXF1ZSBJRCBmb3IgdGhlIGhpbnQuICovXG4gICAgQElucHV0KCkgaWQ6IHN0cmluZyA9IGBrYnEtaGludC0ke25leHRVbmlxdWVJZCsrfWA7XG5cbiAgICAvKiogQ29tcG9uZW50IGNvbG9ycyAqL1xuICAgIHByb3RlY3RlZCBjb2xvcnMgPSBLYnFDb21wb25lbnRDb2xvcnM7XG5cbiAgICAvKiogSGludCBjb2xvciAqL1xuICAgIEBJbnB1dCgpIHNldCBjb2xvcihjb2xvcjogS2JxQ29tcG9uZW50Q29sb3JzKSB7XG4gICAgICAgIHRoaXMuX2NvbG9yID0gY29sb3I7XG4gICAgfVxuXG4gICAgZ2V0IGNvbG9yKCk6IEticUNvbXBvbmVudENvbG9ycyB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jb2xvcjtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9jb2xvcjogS2JxQ29tcG9uZW50Q29sb3JzIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIERpc2FibGVzIGBjb2xvcmAgZm9yIHRoZSBoaW50IHRleHQuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHNldCBmaWxsVGV4dE9mZihmaWxsVGV4dE9mZjogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9maWxsVGV4dE9mZiA9IGZpbGxUZXh0T2ZmO1xuICAgIH1cblxuICAgIGdldCBmaWxsVGV4dE9mZigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ZpbGxUZXh0T2ZmO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2ZpbGxUZXh0T2ZmOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogTWFrZXMgdGhlIGhpbnQgc2l6ZSBzbWFsbGVyLiAqL1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBjb21wYWN0OiBib29sZWFuID0gZmFsc2U7XG59XG5cbi8qKiBFcnJvciB0ZXh0IHRvIGJlIHNob3duIGJlbG93IHRoZSBmb3JtIGZpZWxkIGNvbnRyb2wuICovXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAna2JxLWVycm9yJyxcbiAgICBleHBvcnRBczogJ2ticUVycm9yJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaGludC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFtcbiAgICAgICAgJy4vaGludC5zY3NzJyxcbiAgICAgICAgJy4vaGludC10b2tlbnMuc2NzcydcbiAgICBdLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxRXJyb3IgZXh0ZW5kcyBLYnFIaW50IHtcbiAgICAvKiogQGRvY3MtcHJpdmF0ZSAqL1xuICAgIEBJbnB1dCgpIHNldCBjb2xvcihfY29sb3I6IG51bGwpIHt9XG5cbiAgICAvKiogT3ZlcnJpZGVzIHRoZSBoaW50IGBjb2xvcmAgcHJvcGVydHkuICovXG4gICAgZ2V0IGNvbG9yKCk6IEticUNvbXBvbmVudENvbG9ycy5FcnJvciB7XG4gICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuRXJyb3I7XG4gICAgfVxuXG4gICAgLyoqIEBkb2NzLXByaXZhdGUgKi9cbiAgICBASW5wdXQoKSBzZXQgZmlsbFRleHRPZmYoX2ZpbGxUZXh0T2ZmOiBudWxsKSB7fVxuXG4gICAgLyoqIE92ZXJyaWRlcyB0aGUgaGludCBgZmlsbFRleHRPZmZgIHByb3BlcnR5LiAqL1xuICAgIGdldCBmaWxsVGV4dE9mZigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbn1cblxuLyoqIFBhc3N3b3JkIGhpbnQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIHBhc3N3b3JkIGZvcm0gZmllbGQgY29udHJvbC4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nQ2xhc3MsIEticUljb25Nb2R1bGVdLFxuICAgIHNlbGVjdG9yOiAna2JxLXBhc3N3b3JkLWhpbnQnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxpXG4gICAgICAgICAgICBbbmdDbGFzc109XCJpY29uXCJcbiAgICAgICAgICAgIGticS1pY29uPVwiXCJcbiAgICAgICAgPjwvaT5cblxuICAgICAgICA8c3BhbiBjbGFzcz1cImticS1oaW50X3RleHRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICBgLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtcGFzc3dvcmQtaGludF9fX0VYUEVSSU1FTlRBTCdcbiAgICB9LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxUGFzc3dvcmRIaW50IGV4dGVuZHMgS2JxSGludCB7XG4gICAgLyoqIFdoZXRoZXIgdGhlIGZvcm0gZmllbGQgY29udHJvbCBoYXMgYW4gZXJyb3IuICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc0Vycm9yOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogQGRvY3MtcHJpdmF0ZSAqL1xuICAgIEBJbnB1dCgpIHNldCBmaWxsVGV4dE9mZihfZmlsbFRleHRPZmY6IG51bGwpIHt9XG5cbiAgICAvKiogT3ZlcnJpZGVzIHRoZSBoaW50IGBmaWxsVGV4dE9mZmAgcHJvcGVydHkuICovXG4gICAgZ2V0IGZpbGxUZXh0T2ZmKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICAvLyBAVE9ETyBmaXggdHlwZXMgKCNEUy0yOTE1KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgZm9ybUZpZWxkID0gaW5qZWN0KEtCUV9GT1JNX0ZJRUxEX1JFRiwgeyBvcHRpb25hbDogdHJ1ZSB9KSBhcyB1bmtub3duIGFzIEticUZvcm1GaWVsZCB8IHVuZGVmaW5lZDtcblxuICAgIC8qKiBAZG9jcy1wcml2YXRlICovXG4gICAgQElucHV0KCkgc2V0IGNvbG9yKF9jb2xvcjogbnVsbCkge31cblxuICAgIC8qKiBPdmVycmlkZXMgdGhlIGhpbnQgYGNvbG9yYCBwcm9wZXJ0eS4gKi9cbiAgICBnZXQgY29sb3IoKTogS2JxQ29tcG9uZW50Q29sb3JzIHtcbiAgICAgICAgaWYgKHRoaXMuZm9ybUZpZWxkPy5pbnZhbGlkICYmIHRoaXMuaGFzRXJyb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuRXJyb3I7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoKCF0aGlzLmZvcm1GaWVsZD8uaW52YWxpZCAmJiAhdGhpcy5oYXNFcnJvcikgfHwgIXRoaXMuaGFzRXJyb3IpIHtcbiAgICAgICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuU3VjY2VzcztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBLYnFDb21wb25lbnRDb2xvcnMuQ29udHJhc3RGYWRlO1xuICAgIH1cblxuICAgIC8qKiBUaGUgZm9ybSBmaWVsZCBoaW50IGljb24uICovXG4gICAgcHJvdGVjdGVkIGdldCBpY29uKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmhhc0Vycm9yID8gJ2ticS14bWFyay1zXzE2JyA6ICdrYnEtY2hlY2stc18xNic7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ticS1pY29uXVwiIC8+XG5cbjxzcGFuIGNsYXNzPVwia2JxLWhpbnRfdGV4dFwiPlxuICAgIDxuZy1jb250ZW50IC8+XG48L3NwYW4+XG4iXX0=

package/esm2022/form-field/index.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzLWV4cGVyaW1lbnRhbC9mb3JtLWZpZWxkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/form-field/koobiq-components-experimental-form-field.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29vYmlxLWNvbXBvbmVudHMtZXhwZXJpbWVudGFsLWZvcm0tZmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzLWV4cGVyaW1lbnRhbC9mb3JtLWZpZWxkL2tvb2JpcS1jb21wb25lbnRzLWV4cGVyaW1lbnRhbC1mb3JtLWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2022/form-field/label.mjs

@@ -0,0 +1,26 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+let nextUniqueId = 0;
+/** Label for the form field. */
+export class KbqLabel {
+    constructor() {
+        /** Unique id for the label. */
+        this.id = `kbq-label-${nextUniqueId++}`;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqLabel, isStandalone: true, selector: "kbq-label", inputs: { id: "id" }, host: { properties: { "attr.id": "id" }, classAttribute: "kbq-label___EXPERIMENTAL" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbq-label',
+                    standalone: true,
+                    host: {
+                        class: 'kbq-label___EXPERIMENTAL',
+                        '[attr.id]': 'id'
+                    }
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzLWV4cGVyaW1lbnRhbC9mb3JtLWZpZWxkL2xhYmVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVqRCxJQUFJLFlBQVksR0FBRyxDQUFDLENBQUM7QUFFckIsZ0NBQWdDO0FBU2hDLE1BQU0sT0FBTyxRQUFRO0lBUnJCO1FBU0ksK0JBQStCO1FBQ3RCLE9BQUUsR0FBVyxhQUFhLFlBQVksRUFBRSxFQUFFLENBQUM7S0FDdkQ7aUlBSFksUUFBUTtxSEFBUixRQUFROzsyRkFBUixRQUFRO2tCQVJwQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxXQUFXO29CQUNyQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSwwQkFBMEI7d0JBQ2pDLFdBQVcsRUFBRSxJQUFJO3FCQUNwQjtpQkFDSjs4QkFHWSxFQUFFO3NCQUFWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmxldCBuZXh0VW5pcXVlSWQgPSAwO1xuXG4vKiogTGFiZWwgZm9yIHRoZSBmb3JtIGZpZWxkLiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdrYnEtbGFiZWwnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1sYWJlbF9fX0VYUEVSSU1FTlRBTCcsXG4gICAgICAgICdbYXR0ci5pZF0nOiAnaWQnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFMYWJlbCB7XG4gICAgLyoqIFVuaXF1ZSBpZCBmb3IgdGhlIGxhYmVsLiAqL1xuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBga2JxLWxhYmVsLSR7bmV4dFVuaXF1ZUlkKyt9YDtcbn1cbiJdfQ==

package/esm2022/form-field/password-toggle.mjs

@@ -0,0 +1,65 @@
+import { NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';
+import { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';
+import { KbqIconModule } from '@koobiq/components/icon';
+import { KbqInputPassword } from '@koobiq/components/input';
+import * as i0 from "@angular/core";
+import * as i1 from "@koobiq/components/icon";
+/** @docs-private */
+const getKbqPasswordToggleMissingControlError = () => {
+    return Error('kbq-password-toggle should use with kbqInputPassword');
+};
+/** Component which changes password visibility. */
+export class KbqPasswordToggle {
+    constructor() {
+        // @TODO fix types (#DS-2915)
+        this.formField = inject(KBQ_FORM_FIELD_REF, { optional: true });
+    }
+    /** Form field password control. */
+    get control() {
+        const control = this.formField?.control;
+        if (!(control instanceof KbqInputPassword)) {
+            throw getKbqPasswordToggleMissingControlError();
+        }
+        return control;
+    }
+    /** The icon selector. */
+    get icon() {
+        return this.control.elementType === 'password' ? 'kbq-eye_16' : 'kbq-eye-slash_16';
+    }
+    /** Whether to display the password toggle. */
+    get visible() {
+        return !this.formField?.disabled && !!this.control?.ngControl?.value;
+    }
+    /** Toggles the password visibility. */
+    toggleType(event) {
+        event.stopPropagation();
+        this.control.toggleType();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPasswordToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqPasswordToggle, isStandalone: true, selector: "kbq-password-toggle", host: { listeners: { "click": "toggleType($event)", "keydown.ENTER": "toggleType($event)", "keydown.SPACE": "toggleType($event)" }, properties: { "style.visibility": "visible ? \"visible\" : \"hidden\"", "attr.aria-hidden": "!visible" }, classAttribute: "kbq-password-toggle___EXPERIMENTAL" }, exportAs: ["kbqPasswordToggle"], ngImport: i0, template: `
+        <i
+            [ngClass]="icon"
+            [autoColor]="true"
+            kbq-icon-button=""
+        ></i>
+    `, isInline: true, styles: [".kbq-password-toggle___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}.kbq-password-toggle___EXPERIMENTAL::-moz-focus-inner{border:0}.kbq-password-toggle___EXPERIMENTAL:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["color", "small", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPasswordToggle, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [NgClass, KbqIconModule], selector: `kbq-password-toggle`, exportAs: 'kbqPasswordToggle', template: `
+        <i
+            [ngClass]="icon"
+            [autoColor]="true"
+            kbq-icon-button=""
+        ></i>
+    `, host: {
+                        class: 'kbq-password-toggle___EXPERIMENTAL',
+                        '[style.visibility]': 'visible ? "visible" : "hidden"',
+                        '[attr.aria-hidden]': '!visible',
+                        '(click)': 'toggleType($event)',
+                        '(keydown.ENTER)': 'toggleType($event)',
+                        '(keydown.SPACE)': 'toggleType($event)'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-password-toggle___EXPERIMENTAL{display:flex;align-items:center;justify-content:center}.kbq-password-toggle___EXPERIMENTAL::-moz-focus-inner{border:0}.kbq-password-toggle___EXPERIMENTAL:focus{outline:none}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtdG9nZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy1leHBlcmltZW50YWwvZm9ybS1maWVsZC9wYXNzd29yZC10b2dnbGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBRzVELG9CQUFvQjtBQUNwQixNQUFNLHVDQUF1QyxHQUFHLEdBQVUsRUFBRTtJQUN4RCxPQUFPLEtBQUssQ0FBQyxzREFBc0QsQ0FBQyxDQUFDO0FBQ3pFLENBQUMsQ0FBQztBQUVGLG1EQUFtRDtBQTJCbkQsTUFBTSxPQUFPLGlCQUFpQjtJQTFCOUI7UUEyQkksNkJBQTZCO1FBQ1osY0FBUyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBd0MsQ0FBQztLQTJCdEg7SUF6QkcsbUNBQW1DO0lBQ25DLElBQWMsT0FBTztRQUNqQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztRQUN4QyxJQUFJLENBQUMsQ0FBQyxPQUFPLFlBQVksZ0JBQWdCLENBQUMsRUFBRSxDQUFDO1lBQ3pDLE1BQU0sdUNBQXVDLEVBQUUsQ0FBQztRQUNwRCxDQUFDO1FBQ0QsT0FBTyxPQUFPLENBQUM7SUFDbkIsQ0FBQztJQUVELHlCQUF5QjtJQUN6QixJQUFjLElBQUk7UUFDZCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQztJQUN2RixDQUFDO0lBRUQsOENBQThDO0lBQzlDLElBQUksT0FBTztRQUNQLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLFFBQVEsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3pFLENBQUM7SUFFRCx1Q0FBdUM7SUFDN0IsVUFBVSxDQUFDLEtBQWlDO1FBQ2xELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzlCLENBQUM7aUlBNUJRLGlCQUFpQjtxSEFBakIsaUJBQWlCLHNaQXJCaEI7Ozs7OztLQU1ULDZSQVRTLE9BQU8sbUZBQUUsYUFBYTs7MkZBd0J2QixpQkFBaUI7a0JBMUI3QixTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsWUFDdkIscUJBQXFCLFlBQ3JCLG1CQUFtQixZQUNuQjs7Ozs7O0tBTVQsUUFFSzt3QkFDRixLQUFLLEVBQUUsb0NBQW9DO3dCQUUzQyxvQkFBb0IsRUFBRSxnQ0FBZ0M7d0JBQ3RELG9CQUFvQixFQUFFLFVBQVU7d0JBRWhDLFNBQVMsRUFBRSxvQkFBb0I7d0JBQy9CLGlCQUFpQixFQUFFLG9CQUFvQjt3QkFDdkMsaUJBQWlCLEVBQUUsb0JBQW9CO3FCQUMxQyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS0JRX0ZPUk1fRklFTERfUkVGIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticUlucHV0UGFzc3dvcmQgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaW5wdXQnO1xuaW1wb3J0IHsgS2JxRm9ybUZpZWxkIH0gZnJvbSAnLi9mb3JtLWZpZWxkJztcblxuLyoqIEBkb2NzLXByaXZhdGUgKi9cbmNvbnN0IGdldEticVBhc3N3b3JkVG9nZ2xlTWlzc2luZ0NvbnRyb2xFcnJvciA9ICgpOiBFcnJvciA9PiB7XG4gICAgcmV0dXJuIEVycm9yKCdrYnEtcGFzc3dvcmQtdG9nZ2xlIHNob3VsZCB1c2Ugd2l0aCBrYnFJbnB1dFBhc3N3b3JkJyk7XG59O1xuXG4vKiogQ29tcG9uZW50IHdoaWNoIGNoYW5nZXMgcGFzc3dvcmQgdmlzaWJpbGl0eS4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nQ2xhc3MsIEticUljb25Nb2R1bGVdLFxuICAgIHNlbGVjdG9yOiBga2JxLXBhc3N3b3JkLXRvZ2dsZWAsXG4gICAgZXhwb3J0QXM6ICdrYnFQYXNzd29yZFRvZ2dsZScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPGlcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cImljb25cIlxuICAgICAgICAgICAgW2F1dG9Db2xvcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIGticS1pY29uLWJ1dHRvbj1cIlwiXG4gICAgICAgID48L2k+XG4gICAgYCxcbiAgICBzdHlsZVVybDogJy4vcGFzc3dvcmQtdG9nZ2xlLnNjc3MnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtcGFzc3dvcmQtdG9nZ2xlX19fRVhQRVJJTUVOVEFMJyxcblxuICAgICAgICAnW3N0eWxlLnZpc2liaWxpdHldJzogJ3Zpc2libGUgPyBcInZpc2libGVcIiA6IFwiaGlkZGVuXCInLFxuICAgICAgICAnW2F0dHIuYXJpYS1oaWRkZW5dJzogJyF2aXNpYmxlJyxcblxuICAgICAgICAnKGNsaWNrKSc6ICd0b2dnbGVUeXBlKCRldmVudCknLFxuICAgICAgICAnKGtleWRvd24uRU5URVIpJzogJ3RvZ2dsZVR5cGUoJGV2ZW50KScsXG4gICAgICAgICcoa2V5ZG93bi5TUEFDRSknOiAndG9nZ2xlVHlwZSgkZXZlbnQpJ1xuICAgIH0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBLYnFQYXNzd29yZFRvZ2dsZSB7XG4gICAgLy8gQFRPRE8gZml4IHR5cGVzICgjRFMtMjkxNSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IGZvcm1GaWVsZCA9IGluamVjdChLQlFfRk9STV9GSUVMRF9SRUYsIHsgb3B0aW9uYWw6IHRydWUgfSkgYXMgdW5rbm93biBhcyBLYnFGb3JtRmllbGQgfCB1bmRlZmluZWQ7XG5cbiAgICAvKiogRm9ybSBmaWVsZCBwYXNzd29yZCBjb250cm9sLiAqL1xuICAgIHByb3RlY3RlZCBnZXQgY29udHJvbCgpOiBLYnFJbnB1dFBhc3N3b3JkIHtcbiAgICAgICAgY29uc3QgY29udHJvbCA9IHRoaXMuZm9ybUZpZWxkPy5jb250cm9sO1xuICAgICAgICBpZiAoIShjb250cm9sIGluc3RhbmNlb2YgS2JxSW5wdXRQYXNzd29yZCkpIHtcbiAgICAgICAgICAgIHRocm93IGdldEticVBhc3N3b3JkVG9nZ2xlTWlzc2luZ0NvbnRyb2xFcnJvcigpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBjb250cm9sO1xuICAgIH1cblxuICAgIC8qKiBUaGUgaWNvbiBzZWxlY3Rvci4gKi9cbiAgICBwcm90ZWN0ZWQgZ2V0IGljb24oKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udHJvbC5lbGVtZW50VHlwZSA9PT0gJ3Bhc3N3b3JkJyA/ICdrYnEtZXllXzE2JyA6ICdrYnEtZXllLXNsYXNoXzE2JztcbiAgICB9XG5cbiAgICAvKiogV2hldGhlciB0byBkaXNwbGF5IHRoZSBwYXNzd29yZCB0b2dnbGUuICovXG4gICAgZ2V0IHZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAhdGhpcy5mb3JtRmllbGQ/LmRpc2FibGVkICYmICEhdGhpcy5jb250cm9sPy5uZ0NvbnRyb2w/LnZhbHVlO1xuICAgIH1cblxuICAgIC8qKiBUb2dnbGVzIHRoZSBwYXNzd29yZCB2aXNpYmlsaXR5LiAqL1xuICAgIHByb3RlY3RlZCB0b2dnbGVUeXBlKGV2ZW50OiBLZXlib2FyZEV2ZW50IHwgTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgICAgICB0aGlzLmNvbnRyb2wudG9nZ2xlVHlwZSgpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/form-field/prefix.mjs

@@ -0,0 +1,18 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/** KbqPrefix to be placed in front of the form field. */
+export class KbqPrefix {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPrefix, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqPrefix, isStandalone: true, selector: "[kbqPrefix]", host: { classAttribute: "kbq-prefix___EXPERIMENTAL" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPrefix, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[kbqPrefix]',
+                    host: {
+                        class: 'kbq-prefix___EXPERIMENTAL'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy1leHBlcmltZW50YWwvZm9ybS1maWVsZC9wcmVmaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUMseURBQXlEO0FBUXpELE1BQU0sT0FBTyxTQUFTO2lJQUFULFNBQVM7cUhBQVQsU0FBUzs7MkZBQVQsU0FBUztrQkFQckIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsMkJBQTJCO3FCQUNyQztpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiogS2JxUHJlZml4IHRvIGJlIHBsYWNlZCBpbiBmcm9udCBvZiB0aGUgZm9ybSBmaWVsZC4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdba2JxUHJlZml4XScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1wcmVmaXhfX19FWFBFUklNRU5UQUwnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFQcmVmaXgge31cbiJdfQ==

package/esm2022/form-field/public-api.mjs

@@ -0,0 +1,10 @@
+export * from './cleaner';
+export * from './form-field';
+export * from './form-field.module';
+export * from './hint';
+export * from './label';
+export * from './password-toggle';
+export * from './prefix';
+export * from './stepper';
+export * from './suffix';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NsZWFuZXInO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vZm9ybS1maWVsZC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9oaW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGFiZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9wYXNzd29yZC10b2dnbGUnO1xuZXhwb3J0ICogZnJvbSAnLi9wcmVmaXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zdGVwcGVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3VmZml4JztcbiJdfQ==

package/esm2022/form-field/stepper.mjs

@@ -0,0 +1,82 @@
+import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';
+import { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';
+import { KbqIconModule } from '@koobiq/components/icon';
+import { KbqInput } from '@koobiq/components/input';
+import * as i0 from "@angular/core";
+import * as i1 from "@koobiq/components/icon";
+/** @docs-private */
+const getKbqStepperToggleMissingControlError = () => {
+    return Error('kbq-stepper should use with kbqNumberInput');
+};
+/** Component which allow to increment or decrement number value. */
+export class KbqStepper {
+    constructor() {
+        // @TODO fix types (#DS-2915)
+        this.formField = inject(KBQ_FORM_FIELD_REF, { optional: true });
+    }
+    /** Whether the stepper is visible. */
+    get visible() {
+        return !!((this.formField?.focused || this.formField?.hovered) && !this.formField?.disabled);
+    }
+    /** Form field number control. */
+    get control() {
+        const control = this.formField?.control;
+        if (!(control instanceof KbqInput && control.numberInput)) {
+            throw getKbqStepperToggleMissingControlError();
+        }
+        return control.numberInput;
+    }
+    stepUp(event) {
+        event.stopPropagation();
+        this.control.stepUp(this.control.step);
+    }
+    stepDown(event) {
+        event.stopPropagation();
+        this.control.stepDown(this.control.step);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqStepper, isStandalone: true, selector: "kbq-stepper", host: { properties: { "style.visibility": "visible ? \"visible\" : \"hidden\"", "attr.aria-hidden": "!visible" }, classAttribute: "kbq-stepper___EXPERIMENTAL" }, exportAs: ["kbqStepper"], ngImport: i0, template: `
+        <i
+            class="kbq-stepper_step-up"
+            [small]="true"
+            [tabindex]="-1"
+            [autoColor]="true"
+            (click)="stepUp($event)"
+            kbq-icon-button="kbq-chevron-down_16"
+        ></i>
+        <i
+            class="kbq-stepper_step-down"
+            [small]="true"
+            [tabindex]="-1"
+            [autoColor]="true"
+            (mousedown)="stepDown($event)"
+            kbq-icon-button="kbq-chevron-down_16"
+        ></i>
+    `, isInline: true, styles: [".kbq-stepper___EXPERIMENTAL{display:flex;flex-direction:column;justify-content:center;align-items:center}.kbq-stepper___EXPERIMENTAL .kbq-stepper_step-up,.kbq-stepper___EXPERIMENTAL .kbq-stepper_step-down{cursor:pointer;width:var(--kbq-form-field-size-icon-button-size);text-align:center}.kbq-stepper___EXPERIMENTAL .kbq-stepper_step-up{transform:scaleY(-1)}.kbq-stepper___EXPERIMENTAL .kbq-icon-button.kbq-icon-button_small{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["color", "small", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqStepper, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'kbq-stepper', exportAs: 'kbqStepper', imports: [KbqIconModule], template: `
+        <i
+            class="kbq-stepper_step-up"
+            [small]="true"
+            [tabindex]="-1"
+            [autoColor]="true"
+            (click)="stepUp($event)"
+            kbq-icon-button="kbq-chevron-down_16"
+        ></i>
+        <i
+            class="kbq-stepper_step-down"
+            [small]="true"
+            [tabindex]="-1"
+            [autoColor]="true"
+            (mousedown)="stepDown($event)"
+            kbq-icon-button="kbq-chevron-down_16"
+        ></i>
+    `, host: {
+                        class: 'kbq-stepper___EXPERIMENTAL',
+                        '[style.visibility]': 'visible ? "visible" : "hidden"',
+                        '[attr.aria-hidden]': '!visible'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-stepper___EXPERIMENTAL{display:flex;flex-direction:column;justify-content:center;align-items:center}.kbq-stepper___EXPERIMENTAL .kbq-stepper_step-up,.kbq-stepper___EXPERIMENTAL .kbq-stepper_step-down{cursor:pointer;width:var(--kbq-form-field-size-icon-button-size);text-align:center}.kbq-stepper___EXPERIMENTAL .kbq-stepper_step-up{transform:scaleY(-1)}.kbq-stepper___EXPERIMENTAL .kbq-icon-button.kbq-icon-button_small{padding:0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL2Zvcm0tZmllbGQvc3RlcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFFBQVEsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBR3BFLG9CQUFvQjtBQUNwQixNQUFNLHNDQUFzQyxHQUFHLEdBQVUsRUFBRTtJQUN2RCxPQUFPLEtBQUssQ0FBQyw0Q0FBNEMsQ0FBQyxDQUFDO0FBQy9ELENBQUMsQ0FBQztBQUVGLG9FQUFvRTtBQWlDcEUsTUFBTSxPQUFPLFVBQVU7SUFoQ3ZCO1FBaUNJLDZCQUE2QjtRQUNaLGNBQVMsR0FBRyxNQUFNLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQXdDLENBQUM7S0F5QnRIO0lBdkJHLHNDQUFzQztJQUN0QyxJQUFJLE9BQU87UUFDUCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDakcsQ0FBQztJQUVELGlDQUFpQztJQUNqQyxJQUFjLE9BQU87UUFDakIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7UUFDeEMsSUFBSSxDQUFDLENBQUMsT0FBTyxZQUFZLFFBQVEsSUFBSSxPQUFPLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUN4RCxNQUFNLHNDQUFzQyxFQUFFLENBQUM7UUFDbkQsQ0FBQztRQUNELE9BQU8sT0FBTyxDQUFDLFdBQVcsQ0FBQztJQUMvQixDQUFDO0lBRVMsTUFBTSxDQUFDLEtBQWlCO1FBQzlCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFUyxRQUFRLENBQUMsS0FBaUI7UUFDaEMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQztpSUExQlEsVUFBVTtxSEFBVixVQUFVLG1RQTNCVDs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FpQlQsOGZBbEJTLGFBQWE7OzJGQTRCZCxVQUFVO2tCQWhDdEIsU0FBUztpQ0FDTSxJQUFJLFlBQ04sYUFBYSxZQUNiLFlBQVksV0FDYixDQUFDLGFBQWEsQ0FBQyxZQUNkOzs7Ozs7Ozs7Ozs7Ozs7OztLQWlCVCxRQUVLO3dCQUNGLEtBQUssRUFBRSw0QkFBNEI7d0JBQ25DLG9CQUFvQixFQUFFLGdDQUFnQzt3QkFDdEQsb0JBQW9CLEVBQUUsVUFBVTtxQkFDbkMsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLQlFfRk9STV9GSUVMRF9SRUYgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvY29yZSc7XG5pbXBvcnQgeyBLYnFJY29uTW9kdWxlIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgS2JxSW5wdXQsIEticU51bWJlcklucHV0IH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2lucHV0JztcbmltcG9ydCB7IEticUZvcm1GaWVsZCB9IGZyb20gJy4vZm9ybS1maWVsZCc7XG5cbi8qKiBAZG9jcy1wcml2YXRlICovXG5jb25zdCBnZXRLYnFTdGVwcGVyVG9nZ2xlTWlzc2luZ0NvbnRyb2xFcnJvciA9ICgpOiBFcnJvciA9PiB7XG4gICAgcmV0dXJuIEVycm9yKCdrYnEtc3RlcHBlciBzaG91bGQgdXNlIHdpdGgga2JxTnVtYmVySW5wdXQnKTtcbn07XG5cbi8qKiBDb21wb25lbnQgd2hpY2ggYWxsb3cgdG8gaW5jcmVtZW50IG9yIGRlY3JlbWVudCBudW1iZXIgdmFsdWUuICovXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAna2JxLXN0ZXBwZXInLFxuICAgIGV4cG9ydEFzOiAna2JxU3RlcHBlcicsXG4gICAgaW1wb3J0czogW0ticUljb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxpXG4gICAgICAgICAgICBjbGFzcz1cImticS1zdGVwcGVyX3N0ZXAtdXBcIlxuICAgICAgICAgICAgW3NtYWxsXT1cInRydWVcIlxuICAgICAgICAgICAgW3RhYmluZGV4XT1cIi0xXCJcbiAgICAgICAgICAgIFthdXRvQ29sb3JdPVwidHJ1ZVwiXG4gICAgICAgICAgICAoY2xpY2spPVwic3RlcFVwKCRldmVudClcIlxuICAgICAgICAgICAga2JxLWljb24tYnV0dG9uPVwia2JxLWNoZXZyb24tZG93bl8xNlwiXG4gICAgICAgID48L2k+XG4gICAgICAgIDxpXG4gICAgICAgICAgICBjbGFzcz1cImticS1zdGVwcGVyX3N0ZXAtZG93blwiXG4gICAgICAgICAgICBbc21hbGxdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbdGFiaW5kZXhdPVwiLTFcIlxuICAgICAgICAgICAgW2F1dG9Db2xvcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIChtb3VzZWRvd24pPVwic3RlcERvd24oJGV2ZW50KVwiXG4gICAgICAgICAgICBrYnEtaWNvbi1idXR0b249XCJrYnEtY2hldnJvbi1kb3duXzE2XCJcbiAgICAgICAgPjwvaT5cbiAgICBgLFxuICAgIHN0eWxlVXJsOiAnLi9zdGVwcGVyLnNjc3MnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtc3RlcHBlcl9fX0VYUEVSSU1FTlRBTCcsXG4gICAgICAgICdbc3R5bGUudmlzaWJpbGl0eV0nOiAndmlzaWJsZSA/IFwidmlzaWJsZVwiIDogXCJoaWRkZW5cIicsXG4gICAgICAgICdbYXR0ci5hcmlhLWhpZGRlbl0nOiAnIXZpc2libGUnXG4gICAgfSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEticVN0ZXBwZXIge1xuICAgIC8vIEBUT0RPIGZpeCB0eXBlcyAoI0RTLTI5MTUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGQgPSBpbmplY3QoS0JRX0ZPUk1fRklFTERfUkVGLCB7IG9wdGlvbmFsOiB0cnVlIH0pIGFzIHVua25vd24gYXMgS2JxRm9ybUZpZWxkIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIFdoZXRoZXIgdGhlIHN0ZXBwZXIgaXMgdmlzaWJsZS4gKi9cbiAgICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICEhKCh0aGlzLmZvcm1GaWVsZD8uZm9jdXNlZCB8fCB0aGlzLmZvcm1GaWVsZD8uaG92ZXJlZCkgJiYgIXRoaXMuZm9ybUZpZWxkPy5kaXNhYmxlZCk7XG4gICAgfVxuXG4gICAgLyoqIEZvcm0gZmllbGQgbnVtYmVyIGNvbnRyb2wuICovXG4gICAgcHJvdGVjdGVkIGdldCBjb250cm9sKCk6IEticU51bWJlcklucHV0IHtcbiAgICAgICAgY29uc3QgY29udHJvbCA9IHRoaXMuZm9ybUZpZWxkPy5jb250cm9sO1xuICAgICAgICBpZiAoIShjb250cm9sIGluc3RhbmNlb2YgS2JxSW5wdXQgJiYgY29udHJvbC5udW1iZXJJbnB1dCkpIHtcbiAgICAgICAgICAgIHRocm93IGdldEticVN0ZXBwZXJUb2dnbGVNaXNzaW5nQ29udHJvbEVycm9yKCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGNvbnRyb2wubnVtYmVySW5wdXQ7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHN0ZXBVcChldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgdGhpcy5jb250cm9sLnN0ZXBVcCh0aGlzLmNvbnRyb2wuc3RlcCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHN0ZXBEb3duKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB0aGlzLmNvbnRyb2wuc3RlcERvd24odGhpcy5jb250cm9sLnN0ZXApO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/form-field/suffix.mjs

@@ -0,0 +1,18 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/** KbqSuffix to be placed at the end of the form field. */
+export class KbqSuffix {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSuffix, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqSuffix, isStandalone: true, selector: "[kbqSuffix]", host: { classAttribute: "kbq-suffix___EXPERIMENTAL" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqSuffix, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[kbqSuffix]',
+                    host: {
+                        class: 'kbq-suffix___EXPERIMENTAL'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy1leHBlcmltZW50YWwvZm9ybS1maWVsZC9zdWZmaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUMsMkRBQTJEO0FBUTNELE1BQU0sT0FBTyxTQUFTO2lJQUFULFNBQVM7cUhBQVQsU0FBUzs7MkZBQVQsU0FBUztrQkFQckIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsMkJBQTJCO3FCQUNyQztpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiogS2JxU3VmZml4IHRvIGJlIHBsYWNlZCBhdCB0aGUgZW5kIG9mIHRoZSBmb3JtIGZpZWxkLiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1trYnFTdWZmaXhdJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLXN1ZmZpeF9fX0VYUEVSSU1FTlRBTCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticVN1ZmZpeCB7fVxuIl19

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzLWV4cGVyaW1lbnRhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/koobiq-components-experimental.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29vYmlxLWNvbXBvbmVudHMtZXhwZXJpbWVudGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy1leHBlcmltZW50YWwva29vYmlxLWNvbXBvbmVudHMtZXhwZXJpbWVudGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2022/public-api.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMtZXhwZXJpbWVudGFsL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTtcbiJdfQ==