@koobiq/components 21.0.1 → 21.1.0

package/fesm2022/koobiq-components-textarea.mjs

@@ -68,6 +68,11 @@ class KbqTextarea {
          * @docs-private
          */
         this.disabled = computed(() => this.formDisabled() ?? this.disabledInput(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /**
+         * Whether the textarea is read-only: its value can be selected and copied, but not changed. A read-only
+         * textarea shows no placeholder. Defaults to `false`.
+         */
+        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** @docs-private */
         this.idInput = input(undefined, { ...(ngDevMode ? { debugName: "idInput" } : /* istanbul ignore next */ {}), alias: 'id' });
         /**
@@ -123,8 +128,10 @@ class KbqTextarea {
         this.uid = inject(_IdGenerator).getId('kbq-textarea-');
         /** Measured once the textarea has been rendered; the growth arithmetic is in terms of these. */
         this.lineHeight = signal(0, ...(ngDevMode ? [{ debugName: "lineHeight" }] : /* istanbul ignore next */ []));
-        this.minHeight = signal(0, ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+        this.verticalPadding = signal(0, ...(ngDevMode ? [{ debugName: "verticalPadding" }] : /* istanbul ignore next */ []));
         this.rowsCount = signal(0, ...(ngDevMode ? [{ debugName: "rowsCount" }] : /* istanbul ignore next */ []));
+        /** The `min-height` growth wrote last, so that turning growth off removes it and keeps a consumer's own. */
+        this.grownMinHeight = '';
         const inputValueAccessor = inject(KBQ_TEXTAREA_VALUE_ACCESSOR, { optional: true, self: true });
         // If no input value accessor was explicitly specified, use the element as the textarea value
         // accessor.
@@ -184,9 +191,8 @@ class KbqTextarea {
             return;
         Promise.resolve().then(() => {
             const styles = this.window.getComputedStyle(this.elementRef.nativeElement);
-            const lineHeight = parseInt(styles.lineHeight, 10);
-            this.lineHeight.set(lineHeight);
-            this.minHeight.set(lineHeight + parseInt(styles.paddingTop, 10) + parseInt(styles.paddingBottom, 10));
+            this.lineHeight.set(parseInt(styles.lineHeight, 10));
+            this.verticalPadding.set(parseInt(styles.paddingTop, 10) + parseInt(styles.paddingBottom, 10));
         });
         setTimeout(() => this.grow(), 0);
     }
@@ -218,21 +224,31 @@ class KbqTextarea {
      */
     grow() {
         // Every call is deferred, so it can land once the textarea is destroyed and has no parent to measure in.
-        if (!this.isBrowser || this.destroyRef.destroyed || !this.canGrow())
+        if (!this.isBrowser || this.destroyRef.destroyed)
             return;
+        const textarea = this.elementRef.nativeElement;
+        // A resizable textarea ignores maxRows and takes its floor from the stylesheet, not from the grown height.
+        if (!this.canGrow()) {
+            if (textarea.style.minHeight === this.grownMinHeight)
+                textarea.style.minHeight = '';
+            this.grownMinHeight = '';
+            this.rowsCount.set(0);
+            return;
+        }
         this.ngZone.runOutsideAngular(() => {
-            const textarea = this.elementRef.nativeElement;
             const clone = textarea.cloneNode(false);
             this.renderer.appendChild(this.renderer.parentNode(textarea), clone);
             const outerHeight = parseInt(this.window.getComputedStyle(textarea).height, 10);
             const diff = outerHeight - +textarea.clientHeight;
             clone.style.minHeight = '0'; // this line is important to height recalculation
             const lineHeight = this.lineHeight();
-            const height = Math.max(this.minHeight(), +clone.scrollHeight + diff + this.resolvedFreeRowsHeight());
+            const verticalPadding = this.verticalPadding();
+            const height = Math.max(lineHeight + verticalPadding, +clone.scrollHeight + diff + this.resolvedFreeRowsHeight());
             clone.remove();
             this.rowsCount.set(lineHeight > 0 ? Math.floor(height / lineHeight) : 0);
             const maxRows = this.maxRows();
-            textarea.style.minHeight = coerceCssPixelValue(maxRows !== undefined && this.maxRowLimitReached() ? maxRows * lineHeight : height);
+            textarea.style.minHeight = coerceCssPixelValue(maxRows !== undefined && this.maxRowLimitReached() ? maxRows * lineHeight + verticalPadding : height);
+            this.grownMinHeight = textarea.style.minHeight;
         });
     }
     /** Focuses the textarea. */
@@ -283,7 +299,7 @@ class KbqTextarea {
         return !this.elementRef.nativeElement.value && !this.isBadInput();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextarea, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqTextarea, isStandalone: true, selector: "textarea[kbqTextarea]", inputs: { canGrow: { classPropertyName: "canGrow", publicName: "canGrow", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholderInput: { classPropertyName: "placeholderInput", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, freeRowsHeight: { classPropertyName: "freeRowsHeight", publicName: "freeRowsHeight", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "dirtyCheckNativeValue()" }, properties: { "class.kbq-textarea-resizable": "!growing()", "class.kbq-textarea_max-row-limit-reached": "maxRowLimitReached()", "attr.id": "id()", "attr.placeholder": "placeholder()", "attr.aria-invalid": "errorState()", "disabled": "disabled()", "required": "required()" }, classAttribute: "kbq-textarea" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }], exportAs: ["kbqTextarea"], hostDirectives: [{ directive: i1.KbqNativeScrollbar }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqTextarea, isStandalone: true, selector: "textarea[kbqTextarea]", inputs: { canGrow: { classPropertyName: "canGrow", publicName: "canGrow", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholderInput: { classPropertyName: "placeholderInput", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, freeRowsHeight: { classPropertyName: "freeRowsHeight", publicName: "freeRowsHeight", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "dirtyCheckNativeValue()" }, properties: { "class.kbq-textarea-resizable": "!growing()", "class.kbq-textarea_max-row-limit-reached": "maxRowLimitReached()", "attr.id": "id()", "attr.placeholder": "readonly() ? null : placeholder()", "attr.aria-invalid": "errorState()", "disabled": "disabled()", "readonly": "readonly()", "required": "required()" }, classAttribute: "kbq-textarea" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }], exportAs: ["kbqTextarea"], hostDirectives: [{ directive: i1.KbqNativeScrollbar }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextarea, decorators: [{
             type: Directive,
@@ -295,9 +311,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                         '[class.kbq-textarea-resizable]': '!growing()',
                         '[class.kbq-textarea_max-row-limit-reached]': 'maxRowLimitReached()',
                         '[attr.id]': 'id()',
-                        '[attr.placeholder]': 'placeholder()',
+                        '[attr.placeholder]': 'readonly() ? null : placeholder()',
                         '[attr.aria-invalid]': 'errorState()',
                         '[disabled]': 'disabled()',
+                        '[readonly]': 'readonly()',
                         '[required]': 'required()',
                         '(blur)': 'onBlur()',
                         '(focus)': 'focusChanged(true)',
@@ -306,7 +323,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     hostDirectives: [KbqNativeScrollbar],
                     exportAs: 'kbqTextarea'
                 }]
-        }], ctorParameters: () => [], propDecorators: { canGrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "canGrow", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], placeholderInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], freeRowsHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "freeRowsHeight", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { canGrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "canGrow", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], placeholderInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], freeRowsHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "freeRowsHeight", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 
 class KbqTextareaModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

package/fesm2022/koobiq-components-textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-textarea.mjs","sources":["../../../packages/components/textarea/textarea.component.ts","../../../packages/components/textarea/textarea.module.ts","../../../packages/components/textarea/koobiq-components-textarea.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport { coerceCssPixelValue } from '@angular/cdk/coercion';\nimport { Platform } from '@angular/cdk/platform';\nimport {\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    DoCheck,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    linkedSignal,\n    NgZone,\n    OnInit,\n    Renderer2,\n    signal,\n    untracked,\n    WritableSignal\n} from '@angular/core';\nimport { outputToObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport {\n    CanUpdateErrorState,\n    ErrorStateMatcher,\n    KBQ_PARENT_ANIMATION_COMPONENT,\n    KBQ_WINDOW,\n    KbqErrorStateTracker,\n    kbqInjectAutofilled,\n    kbqOptionalNumberAttribute\n} from '@koobiq/components/core';\nimport { KbqFormFieldControl } from '@koobiq/components/form-field';\nimport { KbqNativeScrollbar } from '@koobiq/components/scrollbar';\nimport { asapScheduler } from 'rxjs';\n\nexport const KBQ_TEXTAREA_VALUE_ACCESSOR = new InjectionToken<{ value: any }>('KBQ_TEXTAREA_VALUE_ACCESSOR');\n\nconst isObject = (value: unknown): value is object => typeof value === 'object' && value !== null;\n\n@Directive({\n    selector: 'textarea[kbqTextarea]',\n    providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }],\n    host: {\n        class: 'kbq-textarea',\n        '[class.kbq-textarea-resizable]': '!growing()',\n        '[class.kbq-textarea_max-row-limit-reached]': 'maxRowLimitReached()',\n        '[attr.id]': 'id()',\n        '[attr.placeholder]': 'placeholder()',\n        '[attr.aria-invalid]': 'errorState()',\n        '[disabled]': 'disabled()',\n        '[required]': 'required()',\n        '(blur)': 'onBlur()',\n        '(focus)': 'focusChanged(true)',\n        '(input)': 'dirtyCheckNativeValue()'\n    },\n    hostDirectives: [KbqNativeScrollbar],\n    exportAs: 'kbqTextarea'\n})\nexport class KbqTextarea implements KbqFormFieldControl<any>, OnInit, DoCheck, CanUpdateErrorState {\n    protected elementRef = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n    readonly ngControl = inject(NgControl, { optional: true, self: true });\n    readonly parentForm = inject(NgForm, { optional: true });\n    readonly parentFormGroup = inject(FormGroupDirective, { optional: true });\n    readonly defaultErrorStateMatcher = inject(ErrorStateMatcher);\n    private readonly parent = inject(KBQ_PARENT_ANIMATION_COMPONENT, { optional: true, host: true });\n    private readonly ngZone = inject(NgZone);\n    private readonly destroyRef = inject(DestroyRef);\n\n    private readonly errorStateTracker = new KbqErrorStateTracker(\n        this.defaultErrorStateMatcher,\n        this.ngControl,\n        this.parentFormGroup,\n        this.parentForm\n    );\n\n    /** Whether the component is in an error state. */\n    readonly errorState = this.errorStateTracker.errorState;\n\n    /**\n     * Parameter enables or disables the ability to automatically increase the height.\n     * If set to false, the textarea becomes vertically resizable.\n     */\n    readonly canGrow = input(true, { transform: booleanAttribute });\n\n    protected readonly isBrowser = inject(Platform).isBrowser;\n    protected readonly renderer = inject(Renderer2);\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Maximum number of lines to which the textarea will grow. Unlimited when unset. */\n    readonly maxRows = input<number | undefined, unknown>(undefined, { transform: kbqOptionalNumberAttribute });\n\n    /** An object used to control when error messages are shown. */\n    readonly errorStateMatcher = input<ErrorStateMatcher>();\n\n    private readonly focusedValue = signal(false);\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly focused = this.focusedValue.asReadonly();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly autofilled = kbqInjectAutofilled();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    controlType: string = 'textarea';\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean, boolean | string | null | undefined>(false, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    /** `disabled` of the bound form control, which takes precedence over the input. */\n    private readonly formDisabled = signal<boolean | null>(null);\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly disabled = computed(() => this.formDisabled() ?? this.disabledInput());\n\n    /** @docs-private */\n    readonly idInput = input<string | undefined>(undefined, { alias: 'id' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly id = computed(() => this.idInput() || this.uid);\n\n    /** @docs-private */\n    readonly placeholderInput = input<string | undefined>(undefined, { alias: 'placeholder' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly placeholder = linkedSignal(() => this.placeholderInput());\n\n    /** Distance from the last line to the bottom border. Defaults to a single line height. */\n    readonly freeRowsHeight = input<number | undefined, unknown>(undefined, { transform: kbqOptionalNumberAttribute });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly required = input<boolean, boolean | string | null | undefined>(false, { transform: booleanAttribute });\n\n    /** @docs-private */\n    readonly valueInput = input<string | undefined>(undefined, { alias: 'value' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl. Follows what the user types; a value bound with `[value]` or set\n     * here is written to the element.\n     *\n     * @docs-private\n     */\n    readonly value: WritableSignal<string>;\n\n    private readonly emptyValue = signal(true);\n\n    /** The value the element and `value` last agreed on, and the text the element showed then. */\n    private syncedValue: unknown;\n    private syncedText: string;\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly empty = this.emptyValue.asReadonly();\n\n    /**\n     * Flag that will be set to true when the maximum number of lines is reached.\n     * Maximum number of rows can be set using the maxRows input.\n     */\n    readonly maxRowLimitReached = computed(() => {\n        const maxRows = this.maxRows();\n\n        return maxRows !== undefined && this.rowsCount() > maxRows;\n    });\n\n    /**\n     * Whether the textarea still grows with its content. It stops once `maxRows` is reached, and from\n     * there the element keeps its own scrollbar: `kbq-textarea_max-row-limit-reached` sets\n     * `resize: unset`, which follows `kbq-textarea-resizable` in the stylesheet and wins on source\n     * order, so no native handle appears.\n     *\n     * @docs-private\n     */\n    protected readonly growing = computed(() => !this.maxRowLimitReached() && this.canGrow());\n\n    /** Distance from the last line to the bottom border, falling back to the measured line height. */\n    private readonly resolvedFreeRowsHeight = computed(() => this.freeRowsHeight() ?? this.lineHeight());\n\n    protected readonly uid = inject(_IdGenerator).getId('kbq-textarea-');\n\n    private valueAccessor: { value: any };\n\n    /** Measured once the textarea has been rendered; the growth arithmetic is in terms of these. */\n    private readonly lineHeight = signal(0);\n    private readonly minHeight = signal(0);\n    private readonly rowsCount = signal(0);\n\n    constructor() {\n        const inputValueAccessor = inject(KBQ_TEXTAREA_VALUE_ACCESSOR, { optional: true, self: true });\n\n        // If no input value accessor was explicitly specified, use the element as the textarea value\n        // accessor.\n        this.valueAccessor = inputValueAccessor || this.elementRef.nativeElement;\n\n        // Read once: a custom accessor may build a new value on every read.\n        const initialValue = this.valueAccessor.value;\n\n        this.value = signal(initialValue);\n        this.syncedValue = initialValue;\n        this.syncedText = this.elementRef.nativeElement.value;\n\n        if (this.parent) {\n            outputToObservable(this.parent.animationDone)\n                .pipe(takeUntilDestroyed())\n                // eslint-disable-next-line @angular-eslint/no-lifecycle-call\n                .subscribe(() => this.ngOnInit());\n        }\n\n        // A bound value replaces the current one whenever the binding changes.\n        effect(() => {\n            const value = this.valueInput();\n\n            if (value !== undefined) {\n                untracked(() => this.value.set(value));\n            }\n        });\n\n        // A value set in code is written to the element on the next change detection. The one the element last agreed\n        // on is not written back: a custom accessor that builds a new value on every read would be written on every\n        // keystroke.\n        effect(() => {\n            const value = this.value();\n\n            untracked(() => {\n                if (value !== this.syncedValue) {\n                    if (this.valueAccessor.value !== value) {\n                        this.valueAccessor.value = value;\n                    }\n\n                    this.syncedValue = value;\n                    this.syncedText = this.elementRef.nativeElement.value;\n                }\n\n                this.emptyValue.set(this.isEmpty());\n            });\n        });\n\n        // The height follows the content and the inputs that size it, measured once the change is rendered.\n        effect(() => {\n            this.value();\n            this.canGrow();\n            this.maxRows();\n            this.freeRowsHeight();\n\n            untracked(() => asapScheduler.schedule(() => this.grow()));\n        });\n\n        // Browsers may not fire the blur event if the textarea is disabled too quickly.\n        // Reset from here to ensure that the element doesn't become stuck.\n        effect(() => {\n            if (this.disabled()) {\n                untracked(() => this.focusedValue.set(false));\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.isBrowser) return;\n\n        Promise.resolve().then(() => {\n            const styles = this.window.getComputedStyle(this.elementRef.nativeElement);\n            const lineHeight = parseInt(styles.lineHeight!, 10);\n\n            this.lineHeight.set(lineHeight);\n            this.minHeight.set(lineHeight + parseInt(styles.paddingTop!, 10) + parseInt(styles.paddingBottom!, 10));\n        });\n\n        setTimeout(() => this.grow(), 0);\n    }\n\n    ngDoCheck() {\n        if (this.ngControl) {\n            // We need to re-evaluate this on every change detection cycle, because there are some\n            // error triggers that we can't subscribe to (e.g. parent form submissions). This means\n            // that whatever logic is in here has to be super lean or we risk destroying the performance.\n            this.updateErrorState();\n            this.formDisabled.set(this.ngControl.disabled);\n        }\n\n        // We need to dirty-check the native element's value, because there are some cases where\n        // we won't be notified when it changes (e.g. the consumer isn't using forms or they're\n        // updating the value using `emitEvent: false`).\n        this.dirtyCheckNativeValue();\n    }\n\n    updateErrorState() {\n        this.errorStateTracker.errorStateMatcher = this.errorStateMatcher();\n        this.errorStateTracker.updateErrorState();\n    }\n\n    /** @docs-private */\n    onBlur(): void {\n        this.focusChanged(false);\n    }\n\n    /**\n     * Grow textarea height to avoid vertical scroll.\n     *\n     * @docs-private\n     */\n    protected grow(): void {\n        // Every call is deferred, so it can land once the textarea is destroyed and has no parent to measure in.\n        if (!this.isBrowser || this.destroyRef.destroyed || !this.canGrow()) return;\n\n        this.ngZone.runOutsideAngular(() => {\n            const textarea = this.elementRef.nativeElement;\n\n            const clone = textarea.cloneNode(false) as HTMLTextAreaElement;\n\n            this.renderer.appendChild(this.renderer.parentNode(textarea), clone);\n\n            const outerHeight = parseInt(this.window.getComputedStyle(textarea).height!, 10);\n            const diff = outerHeight - +textarea.clientHeight;\n\n            clone.style.minHeight = '0'; // this line is important to height recalculation\n\n            const lineHeight = this.lineHeight();\n            const height = Math.max(this.minHeight(), +clone.scrollHeight + diff + this.resolvedFreeRowsHeight());\n\n            clone.remove();\n\n            this.rowsCount.set(lineHeight > 0 ? Math.floor(height / lineHeight) : 0);\n\n            const maxRows = this.maxRows();\n\n            textarea.style.minHeight = coerceCssPixelValue(\n                maxRows !== undefined && this.maxRowLimitReached() ? maxRows * lineHeight : height\n            );\n        });\n    }\n\n    /** Focuses the textarea. */\n    focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    /**\n     * Callback for the cases where the focused state of the textarea changes.\n     *\n     * @docs-private\n     */\n    focusChanged(isFocused: boolean) {\n        this.focusedValue.set(isFocused);\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    onContainerClick() {\n        this.focus();\n    }\n\n    /**\n     * Reads the native value back, since it changes without notice: through the forms API, which writes the\n     * element directly, or by the user typing into a textarea that no form listens to.\n     *\n     * @docs-private\n     */\n    dirtyCheckNativeValue() {\n        const nativeValue = this.valueAccessor.value;\n        const text = this.elementRef.nativeElement.value;\n\n        // Only a change of the element itself: a value set in code and not yet written must not be overwritten. An\n        // object counts as changed only with the text, as a custom accessor may build a new one on every read.\n        if (nativeValue !== this.syncedValue && (!isObject(nativeValue) || text !== this.syncedText)) {\n            this.syncedValue = nativeValue;\n            this.syncedText = text;\n            this.value.set(nativeValue);\n        }\n\n        this.emptyValue.set(this.isEmpty());\n    }\n\n    /** Checks whether the textarea is invalid based on the native validation. */\n    protected isBadInput(): boolean {\n        // The `validity` property won't be present on platform-server.\n        const validity = (this.elementRef.nativeElement as HTMLTextAreaElement).validity;\n\n        return validity && validity.badInput;\n    }\n\n    private isEmpty(): boolean {\n        return !this.elementRef.nativeElement.value && !this.isBadInput();\n    }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { KbqFormFieldModule } from '@koobiq/components/form-field';\nimport { KbqTextarea } from './textarea.component';\n\n@NgModule({\n    imports: [A11yModule, FormsModule, KbqTextarea],\n    exports: [KbqTextarea, KbqFormFieldModule]\n})\nexport class KbqTextareaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-textarea.mjs","sources":["../../../packages/components/textarea/textarea.component.ts","../../../packages/components/textarea/textarea.module.ts","../../../packages/components/textarea/koobiq-components-textarea.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport { coerceCssPixelValue } from '@angular/cdk/coercion';\nimport { Platform } from '@angular/cdk/platform';\nimport {\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    DoCheck,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    linkedSignal,\n    NgZone,\n    OnInit,\n    Renderer2,\n    signal,\n    untracked,\n    WritableSignal\n} from '@angular/core';\nimport { outputToObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport {\n    CanUpdateErrorState,\n    ErrorStateMatcher,\n    KBQ_PARENT_ANIMATION_COMPONENT,\n    KBQ_WINDOW,\n    KbqErrorStateTracker,\n    kbqInjectAutofilled,\n    kbqOptionalNumberAttribute\n} from '@koobiq/components/core';\nimport { KbqFormFieldControl } from '@koobiq/components/form-field';\nimport { KbqNativeScrollbar } from '@koobiq/components/scrollbar';\nimport { asapScheduler } from 'rxjs';\n\nexport const KBQ_TEXTAREA_VALUE_ACCESSOR = new InjectionToken<{ value: any }>('KBQ_TEXTAREA_VALUE_ACCESSOR');\n\nconst isObject = (value: unknown): value is object => typeof value === 'object' && value !== null;\n\n@Directive({\n    selector: 'textarea[kbqTextarea]',\n    providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }],\n    host: {\n        class: 'kbq-textarea',\n        '[class.kbq-textarea-resizable]': '!growing()',\n        '[class.kbq-textarea_max-row-limit-reached]': 'maxRowLimitReached()',\n        '[attr.id]': 'id()',\n        '[attr.placeholder]': 'readonly() ? null : placeholder()',\n        '[attr.aria-invalid]': 'errorState()',\n        '[disabled]': 'disabled()',\n        '[readonly]': 'readonly()',\n        '[required]': 'required()',\n        '(blur)': 'onBlur()',\n        '(focus)': 'focusChanged(true)',\n        '(input)': 'dirtyCheckNativeValue()'\n    },\n    hostDirectives: [KbqNativeScrollbar],\n    exportAs: 'kbqTextarea'\n})\nexport class KbqTextarea implements KbqFormFieldControl<any>, OnInit, DoCheck, CanUpdateErrorState {\n    protected elementRef = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n    readonly ngControl = inject(NgControl, { optional: true, self: true });\n    readonly parentForm = inject(NgForm, { optional: true });\n    readonly parentFormGroup = inject(FormGroupDirective, { optional: true });\n    readonly defaultErrorStateMatcher = inject(ErrorStateMatcher);\n    private readonly parent = inject(KBQ_PARENT_ANIMATION_COMPONENT, { optional: true, host: true });\n    private readonly ngZone = inject(NgZone);\n    private readonly destroyRef = inject(DestroyRef);\n\n    private readonly errorStateTracker = new KbqErrorStateTracker(\n        this.defaultErrorStateMatcher,\n        this.ngControl,\n        this.parentFormGroup,\n        this.parentForm\n    );\n\n    /** Whether the component is in an error state. */\n    readonly errorState = this.errorStateTracker.errorState;\n\n    /**\n     * Parameter enables or disables the ability to automatically increase the height.\n     * If set to false, the textarea becomes vertically resizable.\n     */\n    readonly canGrow = input(true, { transform: booleanAttribute });\n\n    protected readonly isBrowser = inject(Platform).isBrowser;\n    protected readonly renderer = inject(Renderer2);\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Maximum number of lines to which the textarea will grow. Unlimited when unset. */\n    readonly maxRows = input<number | undefined, unknown>(undefined, { transform: kbqOptionalNumberAttribute });\n\n    /** An object used to control when error messages are shown. */\n    readonly errorStateMatcher = input<ErrorStateMatcher>();\n\n    private readonly focusedValue = signal(false);\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly focused = this.focusedValue.asReadonly();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly autofilled = kbqInjectAutofilled();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    controlType: string = 'textarea';\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean, boolean | string | null | undefined>(false, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    /** `disabled` of the bound form control, which takes precedence over the input. */\n    private readonly formDisabled = signal<boolean | null>(null);\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly disabled = computed(() => this.formDisabled() ?? this.disabledInput());\n\n    /**\n     * Whether the textarea is read-only: its value can be selected and copied, but not changed. A read-only\n     * textarea shows no placeholder. Defaults to `false`.\n     */\n    readonly readonly = input<boolean, boolean | string | null | undefined>(false, { transform: booleanAttribute });\n\n    /** @docs-private */\n    readonly idInput = input<string | undefined>(undefined, { alias: 'id' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly id = computed(() => this.idInput() || this.uid);\n\n    /** @docs-private */\n    readonly placeholderInput = input<string | undefined>(undefined, { alias: 'placeholder' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly placeholder = linkedSignal(() => this.placeholderInput());\n\n    /** Distance from the last line to the bottom border. Defaults to a single line height. */\n    readonly freeRowsHeight = input<number | undefined, unknown>(undefined, { transform: kbqOptionalNumberAttribute });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly required = input<boolean, boolean | string | null | undefined>(false, { transform: booleanAttribute });\n\n    /** @docs-private */\n    readonly valueInput = input<string | undefined>(undefined, { alias: 'value' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl. Follows what the user types; a value bound with `[value]` or set\n     * here is written to the element.\n     *\n     * @docs-private\n     */\n    readonly value: WritableSignal<string>;\n\n    private readonly emptyValue = signal(true);\n\n    /** The value the element and `value` last agreed on, and the text the element showed then. */\n    private syncedValue: unknown;\n    private syncedText: string;\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly empty = this.emptyValue.asReadonly();\n\n    /**\n     * Flag that will be set to true when the maximum number of lines is reached.\n     * Maximum number of rows can be set using the maxRows input.\n     */\n    readonly maxRowLimitReached = computed(() => {\n        const maxRows = this.maxRows();\n\n        return maxRows !== undefined && this.rowsCount() > maxRows;\n    });\n\n    /**\n     * Whether the textarea still grows with its content. It stops once `maxRows` is reached, and from\n     * there the element keeps its own scrollbar: `kbq-textarea_max-row-limit-reached` sets\n     * `resize: unset`, which follows `kbq-textarea-resizable` in the stylesheet and wins on source\n     * order, so no native handle appears.\n     *\n     * @docs-private\n     */\n    protected readonly growing = computed(() => !this.maxRowLimitReached() && this.canGrow());\n\n    /** Distance from the last line to the bottom border, falling back to the measured line height. */\n    private readonly resolvedFreeRowsHeight = computed(() => this.freeRowsHeight() ?? this.lineHeight());\n\n    protected readonly uid = inject(_IdGenerator).getId('kbq-textarea-');\n\n    private valueAccessor: { value: any };\n\n    /** Measured once the textarea has been rendered; the growth arithmetic is in terms of these. */\n    private readonly lineHeight = signal(0);\n    private readonly verticalPadding = signal(0);\n    private readonly rowsCount = signal(0);\n\n    /** The `min-height` growth wrote last, so that turning growth off removes it and keeps a consumer's own. */\n    private grownMinHeight = '';\n\n    constructor() {\n        const inputValueAccessor = inject(KBQ_TEXTAREA_VALUE_ACCESSOR, { optional: true, self: true });\n\n        // If no input value accessor was explicitly specified, use the element as the textarea value\n        // accessor.\n        this.valueAccessor = inputValueAccessor || this.elementRef.nativeElement;\n\n        // Read once: a custom accessor may build a new value on every read.\n        const initialValue = this.valueAccessor.value;\n\n        this.value = signal(initialValue);\n        this.syncedValue = initialValue;\n        this.syncedText = this.elementRef.nativeElement.value;\n\n        if (this.parent) {\n            outputToObservable(this.parent.animationDone)\n                .pipe(takeUntilDestroyed())\n                // eslint-disable-next-line @angular-eslint/no-lifecycle-call\n                .subscribe(() => this.ngOnInit());\n        }\n\n        // A bound value replaces the current one whenever the binding changes.\n        effect(() => {\n            const value = this.valueInput();\n\n            if (value !== undefined) {\n                untracked(() => this.value.set(value));\n            }\n        });\n\n        // A value set in code is written to the element on the next change detection. The one the element last agreed\n        // on is not written back: a custom accessor that builds a new value on every read would be written on every\n        // keystroke.\n        effect(() => {\n            const value = this.value();\n\n            untracked(() => {\n                if (value !== this.syncedValue) {\n                    if (this.valueAccessor.value !== value) {\n                        this.valueAccessor.value = value;\n                    }\n\n                    this.syncedValue = value;\n                    this.syncedText = this.elementRef.nativeElement.value;\n                }\n\n                this.emptyValue.set(this.isEmpty());\n            });\n        });\n\n        // The height follows the content and the inputs that size it, measured once the change is rendered.\n        effect(() => {\n            this.value();\n            this.canGrow();\n            this.maxRows();\n            this.freeRowsHeight();\n\n            untracked(() => asapScheduler.schedule(() => this.grow()));\n        });\n\n        // Browsers may not fire the blur event if the textarea is disabled too quickly.\n        // Reset from here to ensure that the element doesn't become stuck.\n        effect(() => {\n            if (this.disabled()) {\n                untracked(() => this.focusedValue.set(false));\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.isBrowser) return;\n\n        Promise.resolve().then(() => {\n            const styles = this.window.getComputedStyle(this.elementRef.nativeElement);\n\n            this.lineHeight.set(parseInt(styles.lineHeight!, 10));\n            this.verticalPadding.set(parseInt(styles.paddingTop!, 10) + parseInt(styles.paddingBottom!, 10));\n        });\n\n        setTimeout(() => this.grow(), 0);\n    }\n\n    ngDoCheck() {\n        if (this.ngControl) {\n            // We need to re-evaluate this on every change detection cycle, because there are some\n            // error triggers that we can't subscribe to (e.g. parent form submissions). This means\n            // that whatever logic is in here has to be super lean or we risk destroying the performance.\n            this.updateErrorState();\n            this.formDisabled.set(this.ngControl.disabled);\n        }\n\n        // We need to dirty-check the native element's value, because there are some cases where\n        // we won't be notified when it changes (e.g. the consumer isn't using forms or they're\n        // updating the value using `emitEvent: false`).\n        this.dirtyCheckNativeValue();\n    }\n\n    updateErrorState() {\n        this.errorStateTracker.errorStateMatcher = this.errorStateMatcher();\n        this.errorStateTracker.updateErrorState();\n    }\n\n    /** @docs-private */\n    onBlur(): void {\n        this.focusChanged(false);\n    }\n\n    /**\n     * Grow textarea height to avoid vertical scroll.\n     *\n     * @docs-private\n     */\n    protected grow(): void {\n        // Every call is deferred, so it can land once the textarea is destroyed and has no parent to measure in.\n        if (!this.isBrowser || this.destroyRef.destroyed) return;\n\n        const textarea = this.elementRef.nativeElement;\n\n        // A resizable textarea ignores maxRows and takes its floor from the stylesheet, not from the grown height.\n        if (!this.canGrow()) {\n            if (textarea.style.minHeight === this.grownMinHeight) textarea.style.minHeight = '';\n\n            this.grownMinHeight = '';\n            this.rowsCount.set(0);\n\n            return;\n        }\n\n        this.ngZone.runOutsideAngular(() => {\n            const clone = textarea.cloneNode(false) as HTMLTextAreaElement;\n\n            this.renderer.appendChild(this.renderer.parentNode(textarea), clone);\n\n            const outerHeight = parseInt(this.window.getComputedStyle(textarea).height!, 10);\n            const diff = outerHeight - +textarea.clientHeight;\n\n            clone.style.minHeight = '0'; // this line is important to height recalculation\n\n            const lineHeight = this.lineHeight();\n            const verticalPadding = this.verticalPadding();\n            const height = Math.max(\n                lineHeight + verticalPadding,\n                +clone.scrollHeight + diff + this.resolvedFreeRowsHeight()\n            );\n\n            clone.remove();\n\n            this.rowsCount.set(lineHeight > 0 ? Math.floor(height / lineHeight) : 0);\n\n            const maxRows = this.maxRows();\n\n            textarea.style.minHeight = coerceCssPixelValue(\n                maxRows !== undefined && this.maxRowLimitReached() ? maxRows * lineHeight + verticalPadding : height\n            );\n            this.grownMinHeight = textarea.style.minHeight;\n        });\n    }\n\n    /** Focuses the textarea. */\n    focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    /**\n     * Callback for the cases where the focused state of the textarea changes.\n     *\n     * @docs-private\n     */\n    focusChanged(isFocused: boolean) {\n        this.focusedValue.set(isFocused);\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    onContainerClick() {\n        this.focus();\n    }\n\n    /**\n     * Reads the native value back, since it changes without notice: through the forms API, which writes the\n     * element directly, or by the user typing into a textarea that no form listens to.\n     *\n     * @docs-private\n     */\n    dirtyCheckNativeValue() {\n        const nativeValue = this.valueAccessor.value;\n        const text = this.elementRef.nativeElement.value;\n\n        // Only a change of the element itself: a value set in code and not yet written must not be overwritten. An\n        // object counts as changed only with the text, as a custom accessor may build a new one on every read.\n        if (nativeValue !== this.syncedValue && (!isObject(nativeValue) || text !== this.syncedText)) {\n            this.syncedValue = nativeValue;\n            this.syncedText = text;\n            this.value.set(nativeValue);\n        }\n\n        this.emptyValue.set(this.isEmpty());\n    }\n\n    /** Checks whether the textarea is invalid based on the native validation. */\n    protected isBadInput(): boolean {\n        // The `validity` property won't be present on platform-server.\n        const validity = (this.elementRef.nativeElement as HTMLTextAreaElement).validity;\n\n        return validity && validity.badInput;\n    }\n\n    private isEmpty(): boolean {\n        return !this.elementRef.nativeElement.value && !this.isBadInput();\n    }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { KbqFormFieldModule } from '@koobiq/components/form-field';\nimport { KbqTextarea } from './textarea.component';\n\n@NgModule({\n    imports: [A11yModule, FormsModule, KbqTextarea],\n    exports: [KbqTextarea, KbqFormFieldModule]\n})\nexport class KbqTextareaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-time-range.mjs

@@ -703,7 +703,7 @@ class KbqTimeRangeEditor {
                 provide: NG_VALIDATORS,
                 useExisting: KbqTimeRangeEditor
             }
-        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n    @let localeConfig = localeConfiguration();\n    @let types = timeRangeTypesWithoutRange();\n    @let bounds = boundsHint();\n\n    <!-- The radiogroup holds only radios: the from/to block is its sibling rather than its child, so the\n         text fields and the calendar button are not announced as part of the group. -->\n    <div class=\"kbq-time-range-editor__container\">\n        @if (types.length) {\n            <kbq-radio-group [formControl]=\"form.controls.type\">\n                <div class=\"kbq-time-range-editor__predefined\">\n                    @for (type of types; track type) {\n                        <kbq-radio-button class=\"kbq-time-range-editor__predefined-option\" [value]=\"type.type\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    optionTemplate() || defaultOptionTemplate;\n                                    context: { $implicit: type }\n                                \"\n                            />\n                        </kbq-radio-button>\n                    }\n                </div>\n\n                @if (isRangeVisible()) {\n                    <kbq-radio-button class=\"kbq-time-range-editor__range-option\" [value]=\"'range'\">\n                        {{ localeConfig.editor.rangeLabel }}\n                        @if (bounds) {\n                            <kbq-hint>{{ bounds }}</kbq-hint>\n                        }\n                    </kbq-radio-button>\n                }\n            </kbq-radio-group>\n        }\n\n        @if (isRangeVisible()) {\n            <div\n                class=\"kbq-time-range-editor__range\"\n                role=\"group\"\n                [attr.aria-label]=\"localeConfig.editor.rangeLabel\"\n                (focusout)=\"onRangeFocusOut($event)\"\n            >\n                <div\n                    class=\"kbq-time-range-editor__date-time\"\n                    (input)=\"onBorderInput('from')\"\n                    (focusout)=\"onBorderFocusOut('from', $event)\"\n                >\n                    <span class=\"kbq-time-range-editor__date-time-prefix\" [id]=\"fromLabelId\">\n                        {{ localeConfig.editor.from }}\n                    </span>\n                    <kbq-fieldset>\n                        <kbq-form-field kbqFieldsetItem>\n                            <i kbq-icon=\"kbq-clock_16\" kbqPrefix [autoColor]=\"true\"></i>\n                            <input\n                                kbqTimepicker\n                                data-time-range-field=\"fromTime\"\n                                [attr.aria-labelledby]=\"fromLabelId\"\n                                [format]=\"timepickerFormat\"\n                                [formControl]=\"form.controls.fromTime\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                        </kbq-form-field>\n\n                        <kbq-form-field>\n                            <input\n                                data-time-range-field=\"fromDate\"\n                                [attr.aria-labelledby]=\"fromLabelId\"\n                                [kbqDatepicker]=\"datepickerFrom\"\n                                [formControl]=\"form.controls.fromDate\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                            <kbq-datepicker-toggle-icon kbqSuffix [for]=\"datepickerFrom\" />\n                            <kbq-datepicker #datepickerFrom [minDate]=\"minDate()\" [maxDate]=\"maxDate()\" />\n                        </kbq-form-field>\n                    </kbq-fieldset>\n                </div>\n\n                <div\n                    class=\"kbq-time-range-editor__date-time\"\n                    (input)=\"onBorderInput('to')\"\n                    (focusout)=\"onBorderFocusOut('to', $event)\"\n                >\n                    <span class=\"kbq-time-range-editor__date-time-prefix\" [id]=\"toLabelId\">\n                        {{ localeConfig.editor.to }}\n                    </span>\n                    <kbq-fieldset>\n                        <kbq-form-field kbqFieldsetItem>\n                            <i kbq-icon=\"kbq-clock_16\" kbqPrefix [autoColor]=\"true\"></i>\n                            <input\n                                kbqTimepicker\n                                data-time-range-field=\"toTime\"\n                                [attr.aria-labelledby]=\"toLabelId\"\n                                [format]=\"timepickerFormat\"\n                                [formControl]=\"form.controls.toTime\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                        </kbq-form-field>\n\n                        <kbq-form-field>\n                            <input\n                                data-time-range-field=\"toDate\"\n                                [attr.aria-labelledby]=\"toLabelId\"\n                                [kbqDatepicker]=\"datepickerTo\"\n                                [formControl]=\"form.controls.toDate\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                            <kbq-datepicker-toggle-icon kbqSuffix [for]=\"datepickerTo\" />\n                            <kbq-datepicker #datepickerTo [minDate]=\"minDate()\" [maxDate]=\"maxDate()\" />\n                        </kbq-form-field>\n\n                        <!-- The range is judged as a whole, so what is wrong with it is said once, below the\n                             last of its two ends - in place of the caption, which spells the same bounds out. -->\n                        @if (outOfBoundsMessage(); as message) {\n                            <kbq-error>{{ message }}</kbq-error>\n                        } @else if (!types.length && bounds) {\n                            <!-- With no presets there is no option to hang the bounds off, so they go in the\n                                 fieldset's own hint area rather than loose in the block. -->\n                            <kbq-hint>{{ bounds }}</kbq-hint>\n                        }\n                    </kbq-fieldset>\n                </div>\n            </div>\n        }\n    </div>\n</form>\n\n<ng-template #defaultOptionTemplate let-context>\n    @let localeConfig = localeConfiguration();\n    @switch (context.translationType) {\n        @case ('other') {\n            @switch (context.type) {\n                @case ('allTime') {\n                    {{ localeConfig.editor.allTimeOption ?? localeConfig.editor.allTime }}\n                }\n                @case ('currentQuarter') {\n                    {{ localeConfig.editor.currentQuarterOption ?? localeConfig.editor.currentQuarter }}\n                }\n                @case ('currentYear') {\n                    {{ localeConfig.editor.currentYearOption ?? localeConfig.editor.currentYear }}\n                }\n            }\n        }\n        @default {\n            {{ context.formattedValue }}\n        }\n    }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: KbqError, selector: "kbq-error", exportAs: ["kbqError"] }, { kind: "component", type: KbqFieldset, selector: "kbq-fieldset", exportAs: ["kbqFieldset"] }, { kind: "directive", type: KbqFieldsetItem, selector: "[kbqFieldsetItem]", exportAs: ["kbqFieldsetItem"] }, { kind: "component", type: KbqHint, selector: "kbq-hint", inputs: ["id", "fillTextOff", "compact"], exportAs: ["kbqHint"] }, { kind: "ngmodule", type: KbqDatepickerModule }, { kind: "component", type: i2.KbqDatepicker, selector: "kbq-datepicker", inputs: ["hasBackdrop", "startAt", "disabled", "opened", "minDate", "maxDate", "panelClass", "dateClass", "backdropClass"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["kbqDatepicker"] }, { kind: "directive", type: i2.KbqDatepickerInput, selector: "input[kbqDatepicker], input[kbqCalendar]", inputs: ["errorStateMatcher", "placeholder", "required", "kbqDatepicker", "kbqCalendar", "kbqDatepickerFilter", "value", "min", "max", "disabled", "id", "kbqValidationTooltip"], outputs: ["incorrectInput", "dateChange", "dateInput"], exportAs: ["kbqDatepickerInput"] }, { kind: "component", type: i2.KbqDatepickerToggleIconComponent, selector: "kbq-datepicker-toggle-icon", inputs: ["disabled", "for"] }, { kind: "component", type: i3.KbqFormField, selector: "kbq-form-field", inputs: ["noBorders", "inOverlay", "horizontal", "labelClass", "contentClass"], outputs: ["inOverlayChange"], exportAs: ["kbqFormField"] }, { kind: "directive", type: i3.KbqPrefix, selector: "[kbqPrefix]", exportAs: ["kbqPrefix"] }, { kind: "directive", type: i3.KbqSuffix, selector: "[kbqSuffix]", exportAs: ["kbqSuffix"] }, { kind: "ngmodule", type: KbqTimepickerModule }, { kind: "directive", type: i4.KbqTimepicker, selector: "input[kbqTimepicker]", inputs: ["errorStateMatcher", "placeholder", "disabled", "id", "required", "format", "min", "max", "value", "kbqValidationTooltip"], outputs: ["incorrectInput"], exportAs: ["kbqTimepicker"] }, { kind: "ngmodule", type: KbqRadioModule }, { kind: "component", type: i5.KbqRadioGroup, selector: "kbq-radio-group", inputs: ["errorStateMatcher", "big", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["kbqRadioGroup"] }, { kind: "component", type: i5.KbqRadioButton, selector: "kbq-radio-button", inputs: ["id", "value", "checked", "disabled", "tabIndex", "required", "labelPosition", "name"], outputs: ["change"], exportAs: ["kbqRadioButton"] }, { kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n    @let localeConfig = localeConfiguration();\n    @let types = timeRangeTypesWithoutRange();\n    @let bounds = boundsHint();\n\n    <!-- The radiogroup holds only radios: the from/to block is its sibling rather than its child, so the\n         text fields and the calendar button are not announced as part of the group. -->\n    <div class=\"kbq-time-range-editor__container\">\n        @if (types.length) {\n            <kbq-radio-group [formControl]=\"form.controls.type\">\n                <div class=\"kbq-time-range-editor__predefined\">\n                    @for (type of types; track type) {\n                        <kbq-radio-button class=\"kbq-time-range-editor__predefined-option\" [value]=\"type.type\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    optionTemplate() || defaultOptionTemplate;\n                                    context: { $implicit: type }\n                                \"\n                            />\n                        </kbq-radio-button>\n                    }\n                </div>\n\n                @if (isRangeVisible()) {\n                    <kbq-radio-button class=\"kbq-time-range-editor__range-option\" [value]=\"'range'\">\n                        {{ localeConfig.editor.rangeLabel }}\n                        @if (bounds) {\n                            <kbq-hint>{{ bounds }}</kbq-hint>\n                        }\n                    </kbq-radio-button>\n                }\n            </kbq-radio-group>\n        }\n\n        @if (isRangeVisible()) {\n            <div\n                class=\"kbq-time-range-editor__range\"\n                role=\"group\"\n                [attr.aria-label]=\"localeConfig.editor.rangeLabel\"\n                (focusout)=\"onRangeFocusOut($event)\"\n            >\n                <div\n                    class=\"kbq-time-range-editor__date-time\"\n                    (input)=\"onBorderInput('from')\"\n                    (focusout)=\"onBorderFocusOut('from', $event)\"\n                >\n                    <span class=\"kbq-time-range-editor__date-time-prefix\" [id]=\"fromLabelId\">\n                        {{ localeConfig.editor.from }}\n                    </span>\n                    <kbq-fieldset>\n                        <kbq-form-field kbqFieldsetItem>\n                            <i kbq-icon=\"kbq-clock_16\" kbqPrefix [autoColor]=\"true\"></i>\n                            <input\n                                kbqTimepicker\n                                data-time-range-field=\"fromTime\"\n                                [attr.aria-labelledby]=\"fromLabelId\"\n                                [format]=\"timepickerFormat\"\n                                [formControl]=\"form.controls.fromTime\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                        </kbq-form-field>\n\n                        <kbq-form-field>\n                            <input\n                                data-time-range-field=\"fromDate\"\n                                [attr.aria-labelledby]=\"fromLabelId\"\n                                [kbqDatepicker]=\"datepickerFrom\"\n                                [formControl]=\"form.controls.fromDate\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                            <kbq-datepicker-toggle-icon kbqSuffix [for]=\"datepickerFrom\" />\n                            <kbq-datepicker #datepickerFrom [minDate]=\"minDate()\" [maxDate]=\"maxDate()\" />\n                        </kbq-form-field>\n                    </kbq-fieldset>\n                </div>\n\n                <div\n                    class=\"kbq-time-range-editor__date-time\"\n                    (input)=\"onBorderInput('to')\"\n                    (focusout)=\"onBorderFocusOut('to', $event)\"\n                >\n                    <span class=\"kbq-time-range-editor__date-time-prefix\" [id]=\"toLabelId\">\n                        {{ localeConfig.editor.to }}\n                    </span>\n                    <kbq-fieldset>\n                        <kbq-form-field kbqFieldsetItem>\n                            <i kbq-icon=\"kbq-clock_16\" kbqPrefix [autoColor]=\"true\"></i>\n                            <input\n                                kbqTimepicker\n                                data-time-range-field=\"toTime\"\n                                [attr.aria-labelledby]=\"toLabelId\"\n                                [format]=\"timepickerFormat\"\n                                [formControl]=\"form.controls.toTime\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                        </kbq-form-field>\n\n                        <kbq-form-field>\n                            <input\n                                data-time-range-field=\"toDate\"\n                                [attr.aria-labelledby]=\"toLabelId\"\n                                [kbqDatepicker]=\"datepickerTo\"\n                                [formControl]=\"form.controls.toDate\"\n                                [errorStateMatcher]=\"rangeStateMatcher\"\n                            />\n                            <kbq-datepicker-toggle-icon kbqSuffix [for]=\"datepickerTo\" />\n                            <kbq-datepicker #datepickerTo [minDate]=\"minDate()\" [maxDate]=\"maxDate()\" />\n                        </kbq-form-field>\n\n                        <!-- The range is judged as a whole, so what is wrong with it is said once, below the\n                             last of its two ends - in place of the caption, which spells the same bounds out. -->\n                        @if (outOfBoundsMessage(); as message) {\n                            <kbq-error>{{ message }}</kbq-error>\n                        } @else if (!types.length && bounds) {\n                            <!-- With no presets there is no option to hang the bounds off, so they go in the\n                                 fieldset's own hint area rather than loose in the block. -->\n                            <kbq-hint>{{ bounds }}</kbq-hint>\n                        }\n                    </kbq-fieldset>\n                </div>\n            </div>\n        }\n    </div>\n</form>\n\n<ng-template #defaultOptionTemplate let-context>\n    @let localeConfig = localeConfiguration();\n    @switch (context.translationType) {\n        @case ('other') {\n            @switch (context.type) {\n                @case ('allTime') {\n                    {{ localeConfig.editor.allTimeOption ?? localeConfig.editor.allTime }}\n                }\n                @case ('currentQuarter') {\n                    {{ localeConfig.editor.currentQuarterOption ?? localeConfig.editor.currentQuarter }}\n                }\n                @case ('currentYear') {\n                    {{ localeConfig.editor.currentYearOption ?? localeConfig.editor.currentYear }}\n                }\n            }\n        }\n        @default {\n            {{ context.formattedValue }}\n        }\n    }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: KbqError, selector: "kbq-error", exportAs: ["kbqError"] }, { kind: "component", type: KbqFieldset, selector: "kbq-fieldset", exportAs: ["kbqFieldset"] }, { kind: "directive", type: KbqFieldsetItem, selector: "[kbqFieldsetItem]", exportAs: ["kbqFieldsetItem"] }, { kind: "component", type: KbqHint, selector: "kbq-hint", inputs: ["id", "fillTextOff", "compact"], exportAs: ["kbqHint"] }, { kind: "ngmodule", type: KbqDatepickerModule }, { kind: "component", type: i2.KbqDatepicker, selector: "kbq-datepicker", inputs: ["hasBackdrop", "startAt", "disabled", "opened", "minDate", "maxDate", "panelClass", "dateClass", "backdropClass"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["kbqDatepicker"] }, { kind: "directive", type: i2.KbqDatepickerInput, selector: "input[kbqDatepicker], input[kbqCalendar]", inputs: ["errorStateMatcher", "placeholder", "required", "kbqDatepicker", "kbqCalendar", "kbqDatepickerFilter", "value", "min", "max", "disabled", "id", "kbqValidationTooltip"], outputs: ["incorrectInput", "dateChange", "dateInput"], exportAs: ["kbqDatepickerInput"] }, { kind: "component", type: i2.KbqDatepickerToggleIconComponent, selector: "kbq-datepicker-toggle-icon", inputs: ["disabled", "for"] }, { kind: "component", type: i3.KbqFormField, selector: "kbq-form-field", inputs: ["noBorders", "inOverlay", "horizontal", "labelClass", "contentClass", "showRequiredMarker"], outputs: ["inOverlayChange"], exportAs: ["kbqFormField"] }, { kind: "directive", type: i3.KbqPrefix, selector: "[kbqPrefix]", exportAs: ["kbqPrefix"] }, { kind: "directive", type: i3.KbqSuffix, selector: "[kbqSuffix]", exportAs: ["kbqSuffix"] }, { kind: "ngmodule", type: KbqTimepickerModule }, { kind: "directive", type: i4.KbqTimepicker, selector: "input[kbqTimepicker]", inputs: ["errorStateMatcher", "placeholder", "disabled", "id", "required", "format", "min", "max", "value", "kbqValidationTooltip"], outputs: ["incorrectInput"], exportAs: ["kbqTimepicker"] }, { kind: "ngmodule", type: KbqRadioModule }, { kind: "component", type: i5.KbqRadioGroup, selector: "kbq-radio-group", inputs: ["errorStateMatcher", "big", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["kbqRadioGroup"] }, { kind: "component", type: i5.KbqRadioButton, selector: "kbq-radio-button", inputs: ["id", "value", "checked", "disabled", "tabIndex", "required", "labelPosition", "name"], outputs: ["change"], exportAs: ["kbqRadioButton"] }, { kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTimeRangeEditor, decorators: [{
             type: Component,
@@ -1076,7 +1076,7 @@ class KbqTimeRange {
                 <button kbq-button (click)="onCancel(popover)">{{ localeConfig.editor.cancel }}</button>
             </div>
         </ng-template>
-    `, isInline: true, styles: [".kbq-time-range .kbq-time-range__trigger{display:block}.kbq-time-range__popover .kbq-time-range__buttons{display:flex;flex-direction:row;gap:var(--kbq-size-l)}.kbq-time-range__editor{display:block}.kbq-time-range__editor .kbq-time-range-editor__container{display:flex;flex-direction:column;gap:var(--kbq-size-s);width:100%}.kbq-time-range__editor .kbq-time-range-editor__predefined{column-count:2}.kbq-time-range__editor .kbq-time-range-editor__predefined .kbq-time-range-editor__predefined-option{display:block;margin-bottom:var(--kbq-size-s)}.kbq-time-range__editor .kbq-time-range-editor__range{display:flex;flex-direction:column;gap:var(--kbq-size-s)}.kbq-time-range__editor .kbq-time-range-editor__range .kbq-time-range-editor__date-time{display:flex;flex-direction:row;justify-content:space-between;gap:var(--kbq-size-s)}.kbq-time-range__editor .kbq-time-range-editor__range .kbq-time-range-editor__date-time .kbq-time-range-editor__date-time-prefix{display:flex;align-items:center;align-self:flex-start;min-height:var(--kbq-size-3xl);flex:none;width:57px}.kbq-time-range__editor .kbq-time-range-editor__range .kbq-time-range-editor__date-time .kbq-fieldset{flex:1;min-width:0}.kbq-time-range-title-as-form-field{white-space:nowrap;text-overflow:ellipsis;min-height:calc(var(--kbq-form-field-size-height) - 2 * var(--kbq-size-border-width))}.kbq-time-range-title-as-form-field .kbq-time-range-title__placeholder{color:var(--kbq-foreground-contrast-tertiary)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: KbqPopoverModule }, { kind: "directive", type: i3$1.KbqPopoverTrigger, selector: "[kbqPopover]", inputs: ["kbqPopoverHideIfNotInViewPort", "kbqTrigger", "kbqLeaveDelay", "kbqEnterDelay", "kbqPopoverPreventClose", "kbqPopoverStickToWindow", "kbqPopoverContainer", "kbqPopoverHasBackdrop", "kbqPopoverBackdropClass", "kbqPopoverDefaultPaddings", "kbqPopoverSize", "kbqPopoverClass", "kbqPopoverHeader", "kbqPopoverContent", "kbqPopoverFooter", "kbqPopoverContext", "kbqPopoverAriaLabel", "kbqPopoverHasCloseButton", "kbqPopoverCloseOnScroll", "kbqPopoverArrow", "kbqPopoverOffset", "kbqPopoverAutoFocus", "kbqPopoverOrigin", "kbqPopoverDisabled", "kbqPopoverPlacementPriority", "kbqPopoverPlacement", "kbqPopoverVisible"], outputs: ["kbqPopoverPlacementChange", "kbqPopoverVisibleChange"], exportAs: ["kbqPopover"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i4$1.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i4$1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: KbqTimeRangeEditor, selector: "kbq-time-range-editor", inputs: ["maxDate", "minDate", "availableTimeRangeTypes", "rangeValue", "showRangeAsDefault", "localeConfiguration", "optionTemplate"] }, { kind: "component", type: KbqTimeRangeTitle, selector: "kbq-time-range-title", inputs: ["timeRange", "localeConfiguration", "titleTemplate", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: [".kbq-time-range .kbq-time-range__trigger{display:block}.kbq-time-range__popover .kbq-time-range__buttons{display:flex;flex-direction:row;gap:var(--kbq-size-l)}.kbq-time-range__editor{display:block}.kbq-time-range__editor .kbq-time-range-editor__container{display:flex;flex-direction:column;gap:var(--kbq-size-s);width:100%}.kbq-time-range__editor .kbq-time-range-editor__predefined{column-count:2}.kbq-time-range__editor .kbq-time-range-editor__predefined .kbq-time-range-editor__predefined-option{display:block;margin-bottom:var(--kbq-size-s)}.kbq-time-range__editor .kbq-time-range-editor__range{display:flex;flex-direction:column;gap:var(--kbq-size-s)}.kbq-time-range__editor .kbq-time-range-editor__range .kbq-time-range-editor__date-time{display:flex;flex-direction:row;justify-content:space-between;gap:var(--kbq-size-s)}.kbq-time-range__editor .kbq-time-range-editor__range .kbq-time-range-editor__date-time .kbq-time-range-editor__date-time-prefix{display:flex;align-items:center;align-self:flex-start;min-height:var(--kbq-size-3xl);flex:none;width:57px}.kbq-time-range__editor .kbq-time-range-editor__range .kbq-time-range-editor__date-time .kbq-fieldset{flex:1;min-width:0}.kbq-time-range-title-as-form-field{white-space:nowrap;text-overflow:ellipsis;min-height:calc(var(--kbq-form-field-size-height) - 2 * var(--kbq-size-border-width))}.kbq-time-range-title-as-form-field .kbq-time-range-title__placeholder{color:var(--kbq-foreground-contrast-tertiary)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: KbqPopoverModule }, { kind: "directive", type: i3$1.KbqPopoverTrigger, selector: "[kbqPopover]", inputs: ["kbqPopoverHideIfNotInViewPort", "kbqTrigger", "kbqLeaveDelay", "kbqEnterDelay", "kbqPopoverPreventClose", "kbqPopoverStickToWindow", "kbqPopoverContainer", "kbqPopoverHasBackdrop", "kbqPopoverBackdropClass", "kbqPopoverDefaultPaddings", "kbqPopoverSize", "kbqPopoverClass", "kbqPopoverHeader", "kbqPopoverContent", "kbqPopoverFooter", "kbqPopoverContext", "kbqPopoverAriaLabel", "kbqPopoverHasCloseButton", "kbqPopoverCloseOnScroll", "kbqPopoverArrow", "kbqPopoverArrowCentered", "kbqPopoverOffset", "kbqPopoverAutoFocus", "kbqRelativeToPointer", "kbqPopoverOrigin", "kbqPopoverDisabled", "kbqPopoverPlacementPriority", "kbqPopoverPlacement", "kbqPopoverVisible"], outputs: ["kbqPopoverPlacementChange", "kbqPopoverVisibleChange"], exportAs: ["kbqPopover"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i4$1.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i4$1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: KbqTimeRangeEditor, selector: "kbq-time-range-editor", inputs: ["maxDate", "minDate", "availableTimeRangeTypes", "rangeValue", "showRangeAsDefault", "localeConfiguration", "optionTemplate"] }, { kind: "component", type: KbqTimeRangeTitle, selector: "kbq-time-range-title", inputs: ["timeRange", "localeConfiguration", "titleTemplate", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTimeRange, decorators: [{
             type: Component,