@koobiq/components 19.8.3 → 20.1.0

package/textarea/index.d.ts

@@ -1 +1,133 @@
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { InjectionToken, OnInit, OnChanges, OnDestroy, DoCheck, ElementRef, Renderer2 } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NgControl, NgForm, FormGroupDirective } from '@angular/forms';
+import { CanUpdateErrorState, ErrorStateMatcher } from '@koobiq/components/core';
+import * as i4 from '@koobiq/components/form-field';
+import { KbqFormFieldControl } from '@koobiq/components/form-field';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/cdk/a11y';
+
+declare const KBQ_TEXTAREA_VALUE_ACCESSOR: InjectionToken<{
+    value: any;
+}>;
+declare class KbqTextarea implements KbqFormFieldControl<any>, OnInit, OnChanges, OnDestroy, DoCheck, CanUpdateErrorState {
+    protected elementRef: ElementRef<HTMLTextAreaElement>;
+    ngControl: NgControl | null;
+    parentForm: NgForm | null;
+    parentFormGroup: FormGroupDirective | null;
+    defaultErrorStateMatcher: ErrorStateMatcher;
+    private parent;
+    private ngZone;
+    /** Whether the component is in an error state. */
+    errorState: boolean;
+    /** Parameter enables or disables the ability to automatically increase the height.
+     * If set to false, the textarea becomes vertically resizable. */
+    get canGrow(): boolean;
+    set canGrow(value: boolean);
+    protected readonly isBrowser: boolean;
+    protected readonly renderer: Renderer2;
+    private readonly window;
+    private _canGrow;
+    /** Maximum number of lines to which the textarea will grow. Default unlimited */
+    readonly maxRows: i0.InputSignal<number>;
+    /** An object used to control when error messages are shown. */
+    errorStateMatcher: ErrorStateMatcher;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    focused: boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<void>;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    controlType: string;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get id(): string;
+    set id(value: string);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    placeholder: string;
+    /** Distance from the last line to the bottom border */
+    freeRowsHeight: number;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get value(): string;
+    set value(value: string);
+    /** Flag that will be set to true when the maximum number of lines is reached.
+     * Maximum number of rows can be set using the maxRows input. */
+    get maxRowLimitReached(): boolean;
+    protected uid: string;
+    protected previousNativeValue: any;
+    private _disabled;
+    private _id;
+    private _required;
+    private valueAccessor;
+    private lineHeight;
+    private minHeight;
+    private rowsCount;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    updateErrorState(): void;
+    onBlur(): void;
+    /** Grow textarea height to avoid vertical scroll  */
+    grow: () => void;
+    /** Focuses the textarea. */
+    focus(): void;
+    /** Callback for the cases where the focused state of the textarea changes. */
+    focusChanged(isFocused: boolean): void;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get empty(): boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    onContainerClick(): void;
+    /** Does some manual dirty checking on the native textarea `value` property. */
+    protected dirtyCheckNativeValue(): void;
+    /** Checks whether the textarea is invalid based on the native validation. */
+    protected isBadInput(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTextarea, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTextarea, "textarea[kbqTextarea]", ["kbqTextarea"], { "canGrow": { "alias": "canGrow"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "freeRowsHeight": { "alias": "freeRowsHeight"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_canGrow: unknown;
+    static ngAcceptInputType_freeRowsHeight: unknown;
+}
+
+declare class KbqTextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTextareaModule, never, [typeof i1.A11yModule, typeof i2.FormsModule, typeof KbqTextarea], [typeof KbqTextarea, typeof i4.KbqFormFieldModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqTextareaModule>;
+}
+
+export { KBQ_TEXTAREA_VALUE_ACCESSOR, KbqTextarea, KbqTextareaModule };

package/time-range/index.d.ts

@@ -1,7 +1,310 @@
-export * from './constants';
-export * from './module';
-export * from './time-range';
-export * from './time-range-editor';
-export * from './time-range-title';
-export * from './time-range-title-as-form-field';
-export * from './types';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnInit, TemplateRef, WritableSignal, Provider, Injector } from '@angular/core';
+import { ValidatorFn, ControlValueAccessor, NgControl, FormControl, Validator, FormGroup, AbstractControl, FormGroupDirective, NgForm, ValidationErrors } from '@angular/forms';
+import { DateAdapter, DateFormatter, PopUpSizes, PopUpPlacements, KbqTimeRangeLocaleConfig, ErrorStateMatcher } from '@koobiq/components/core';
+import { KbqPopoverTrigger } from '@koobiq/components/popover';
+import { DurationObjectUnits, DurationUnit } from '@koobiq/date-adapter';
+import { KbqTimepicker, TimeFormats } from '@koobiq/components/timepicker';
+import { KbqFormFieldControl } from '@koobiq/components/form-field';
+import { Observable } from 'rxjs';
+
+/**
+ * Represents a time range with optional start and end date-time values.
+ * Used as a form value when range in popover change.
+ */
+interface KbqRangeValue<T> {
+    fromTime?: T;
+    fromDate?: T;
+    toTime?: T;
+    toDate?: T;
+}
+/**
+ * Represents a time range with optional start and end date-time values.
+ * Used as a range value by default.
+ */
+type KbqRange = {
+    startDateTime?: string;
+    endDateTime?: string;
+};
+/** Range type selected */
+type KbqTimeRangeTypeContext = {
+    type: KbqTimeRangeType;
+};
+/**
+ * Main range information.
+ * Used for a popover date range selection, when selected type is range,
+ * and for trigger information calculation.
+ */
+type KbqTimeRangeRange = KbqRange & KbqTimeRangeTypeContext;
+/** Default accepted “time‑range” identifiers. */
+type KbqTimeRangeType = 'lastMinute' | 'last5Minutes' | 'last15Minutes' | 'last30Minutes' | 'lastHour' | 'last24Hours' | 'last3Days' | 'last7Days' | 'last14Days' | 'last30Days' | 'last3Months' | 'last12Months' | 'allTime' | 'currentQuarter' | 'currentYear' | 'range';
+/** Property representing duration output unit */
+type KbqTimeRangeTranslationType = Exclude<DurationUnit, 'quarters' | 'milliseconds'> | 'other';
+/**
+ * Configuration for a custom time range with duration metadata.
+ * Defines a time range with its identifier, duration units, and optional fixed date range.
+ */
+interface KbqTimeRangeUnits extends DurationObjectUnits {
+}
+type KbqCustomTimeRangeType = {
+    /** time range identifier. Used as config key */
+    type: KbqTimeRangeType | string;
+    /** Duration metadata */
+    units: KbqTimeRangeUnits;
+    /** Property representing duration output unit */
+    translationType: KbqTimeRangeTranslationType;
+    /** Custom range of start/end date-times */
+    range?: KbqRange;
+};
+/** Context for a time range trigger, combining range info and type. */
+type KbqTimeRangeTitleContext = KbqTimeRangeRange & KbqTimeRangeUnits;
+/** Context for a time range trigger customization, combining meta information. */
+type KbqTimeRangeCustomizableTitleContext = Partial<KbqTimeRangeTitleContext> & {
+    $implicit: Partial<KbqTimeRangeTitleContext> & {
+        formattedDate: string;
+        popover: KbqPopoverTrigger;
+    };
+} & {
+    formattedDate: string;
+    popover: KbqPopoverTrigger;
+};
+/** @docs-private */
+type KbqTimeRangeTranslateTypeMap = Record<KbqTimeRangeType, KbqTimeRangeTranslationType>;
+/** Context for a time range option customization, combining meta information. */
+type KbqTimeRangeOptionContext = KbqTimeRangeTypeContext & KbqTimeRangeUnits & {
+    translationType: KbqTimeRangeTranslationType;
+    formattedValue: string;
+};
+
+declare class KbqTimeRangeService<T> {
+    readonly dateAdapter: DateAdapter<T>;
+    readonly dateFormatter: DateFormatter<T>;
+    readonly providedDefaultTimeRangeTypes: KbqTimeRangeType[];
+    readonly customTimeRangeTypes: KbqCustomTimeRangeType[] | null;
+    readonly DEFAULT_RANGE_TYPE: KbqTimeRangeType;
+    readonly timeRangeConfig: Record<KbqTimeRangeType, Omit<KbqCustomTimeRangeType, 'type'>>;
+    constructor();
+    static range: (dateTimeISOString: string) => KbqRange;
+    add({ type, ...customTimeRangeConfig }: KbqCustomTimeRangeType): void;
+    getTimeRangeTypeUnits(type: KbqTimeRangeType): KbqTimeRangeUnits;
+    getTimeRangeUnitByType(type: KbqTimeRangeType): KbqTimeRangeTranslationType;
+    getDefaultRangeValue(): Required<KbqRangeValue<T>>;
+    getTimeRangeDefaultValue(rangeValue: KbqRangeValue<T>, availableTimeRangeTypes?: KbqTimeRangeType[]): KbqTimeRangeRange;
+    calculateTimeRange(type?: KbqTimeRangeType, rangeValue?: KbqRangeValue<T>): KbqRange;
+    combineDateAndTime(date: T, time: T): T;
+    lastUnitsRange: (unitsInfo: KbqTimeRangeUnits) => KbqRange;
+    checkAndCorrectTimeRangeValue(value: KbqTimeRangeRange | null | undefined, availableTimeRangeTypes: KbqTimeRangeType[], rangeValue: KbqRangeValue<T>): KbqTimeRangeRange;
+    omitMilliseconds(date: T): T;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqTimeRangeService<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KbqTimeRangeService<any>>;
+}
+
+/** Preset of selectable time ranges, provided by DI. */
+declare const KBQ_DEFAULT_TIME_RANGE_TYPES: InjectionToken<KbqTimeRangeType[]>;
+/** Preset of custom time ranges, provided by DI. */
+declare const KBQ_CUSTOM_TIME_RANGE_TYPES: InjectionToken<KbqCustomTimeRangeType[]>;
+/** Time range types in range editor if nothing provided */
+declare const defaultTimeRangeTypes: KbqTimeRangeType[];
+/** @docs-private */
+declare function createMissingDateImplError(componentName: string, provider: string): Error;
+/**
+ * Validates that the 'from' date-time is not greater than the 'to' date-time in a range form.
+ * Returns an error if the start date-time occurs after the end date-time.
+ *
+ * @param timeRangeService - Service used to manipulate date-time values.
+ */
+declare const rangeValidator: <T>(timeRangeService: KbqTimeRangeService<T>) => ValidatorFn;
+
+/** Localization configuration provider. */
+declare const KBQ_TIME_RANGE_LOCALE_CONFIGURATION: InjectionToken<KbqTimeRangeLocaleConfig>;
+/** Utility provider for `KBQ_TIME_RANGE_LOCALE_CONFIGURATION`. */
+declare const kbqTimeRangeLocaleConfigurationProvider: (configuration: KbqTimeRangeLocaleConfig) => Provider;
+declare class KbqTimeRange<T> implements ControlValueAccessor, OnInit {
+    private readonly timeRangeService;
+    private readonly localeService;
+    /** @docs-private */
+    readonly ngControl: NgControl | null;
+    /** The minimum selectable date. */
+    readonly minDate: _angular_core.InputSignal<T | undefined>;
+    /** The maximum selectable date. */
+    readonly maxDate: _angular_core.InputSignal<T | undefined>;
+    /** provided value of selected range */
+    readonly defaultRangeValue: _angular_core.InputSignal<KbqRangeValue<T> | undefined>;
+    /** Preset of selectable ranges */
+    readonly availableTimeRangeTypes: _angular_core.InputSignal<KbqTimeRangeType[]>;
+    /** Customizable trigger output */
+    readonly titleTemplate: _angular_core.InputSignal<TemplateRef<KbqTimeRangeCustomizableTitleContext> | undefined>;
+    /** Customizable option output */
+    readonly optionTemplate: _angular_core.InputSignal<TemplateRef<KbqTimeRangeOptionContext> | undefined>;
+    /** Whether to show popover with arrow */
+    readonly arrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to show range in popover if not provided
+     * @see availableTimeRangeTypes
+     */
+    readonly showRangeAsDefault: _angular_core.InputSignal<boolean>;
+    /** Whether component should fallback to default value if null provided */
+    readonly nonNullable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emit value update if provided value via formControl wasn't valid */
+    readonly valueCorrected: _angular_core.OutputEmitterRef<KbqTimeRangeRange>;
+    /**
+     * Used to calculate time range.
+     * @docs-private */
+    protected readonly normalizedDefaultRangeValue: _angular_core.Signal<{
+        fromTime: T;
+        fromDate: T;
+        toTime: T;
+        toDate: T;
+    }>;
+    /** @docs-private */
+    protected readonly titleValue: WritableSignal<KbqTimeRangeRange | null>;
+    /** @docs-private */
+    protected readonly rangeEditorControl: FormControl<KbqTimeRangeRange>;
+    /** @docs-private */
+    protected readonly popoverSize = PopUpSizes.Medium;
+    /** @docs-private */
+    protected readonly popupPlacement = PopUpPlacements.BottomLeft;
+    /** @docs-private */
+    protected readonly localeConfiguration: WritableSignal<KbqTimeRangeLocaleConfig>;
+    constructor();
+    ngOnInit(): void;
+    /** Implemented as part of ControlValueAccessor */
+    writeValue(value: KbqTimeRangeRange | null): void;
+    /** @docs-private */
+    onApply(popover: KbqPopoverTrigger): void;
+    /** @docs-private */
+    onCancel(popover: KbqPopoverTrigger): void;
+    onVisibleChange(isVisible: boolean): void;
+    /** @docs-private */
+    onChange: (_value: KbqTimeRangeRange) => void;
+    /** @docs-private */
+    onTouch: () => void;
+    /** Implemented as part of ControlValueAccessor */
+    registerOnChange(fn: (_value: KbqTimeRangeRange) => void): void;
+    /** Implemented as part of ControlValueAccessor */
+    registerOnTouched(fn: () => void): void;
+    private handleAvailableTypesChange;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqTimeRange<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqTimeRange<any>, "kbq-time-range", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "defaultRangeValue": { "alias": "defaultRangeValue"; "required": false; "isSignal": true; }; "availableTimeRangeTypes": { "alias": "availableTimeRangeTypes"; "required": false; "isSignal": true; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "showRangeAsDefault": { "alias": "showRangeAsDefault"; "required": false; "isSignal": true; }; "nonNullable": { "alias": "nonNullable"; "required": false; "isSignal": true; }; }, { "valueCorrected": "valueCorrected"; }, never, never, true, never>;
+}
+
+/** @docs-private */
+declare class KbqTimeRangeTitle {
+    private readonly timeRangeService;
+    private readonly popover;
+    protected readonly injector: Injector;
+    readonly timeRange: _angular_core.InputSignal<KbqTimeRangeRange | null>;
+    readonly localeConfiguration: _angular_core.InputSignal<KbqTimeRangeLocaleConfig>;
+    readonly titleTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    protected readonly context: _angular_core.Signal<KbqTimeRangeTitleContext | undefined>;
+    protected readonly titleContext: _angular_core.Signal<KbqTimeRangeCustomizableTitleContext | undefined>;
+    protected readonly formattedDate: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqTimeRangeTitle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqTimeRangeTitle, "kbq-time-range-title", never, { "timeRange": { "alias": "timeRange"; "required": true; "isSignal": true; }; "localeConfiguration": { "alias": "localeConfiguration"; "required": true; "isSignal": true; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface FormValue<T> {
+    type: FormControl<KbqTimeRangeType>;
+    fromTime: FormControl<T>;
+    fromDate: FormControl<T>;
+    toTime: FormControl<T>;
+    toDate: FormControl<T>;
+}
+declare class RangeErrorStateMatcher implements ErrorStateMatcher {
+    isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean;
+}
+/** @docs-private */
+declare class KbqTimeRangeEditor<T> implements ControlValueAccessor, Validator, OnInit {
+    private readonly timeRangeService;
+    /** The maximum selectable date. */
+    readonly maxDate: _angular_core.InputSignal<T | null>;
+    /** The minimum selectable date. */
+    readonly minDate: _angular_core.InputSignal<T | null>;
+    /** Preset of selectable ranges */
+    readonly availableTimeRangeTypes: _angular_core.InputSignal<KbqTimeRangeType[]>;
+    /** Provided value of selected range */
+    readonly rangeValue: _angular_core.InputSignal<Required<KbqRangeValue<T>>>;
+    readonly showRangeAsDefault: _angular_core.InputSignal<boolean>;
+    readonly localeConfiguration: _angular_core.InputSignal<KbqTimeRangeLocaleConfig>;
+    /** Customizable option output */
+    readonly optionTemplate: _angular_core.InputSignal<TemplateRef<KbqTimeRangeOptionContext> | undefined>;
+    /** @docs-private */
+    protected readonly isRangeVisible: _angular_core.Signal<boolean>;
+    /** @docs-private */
+    protected readonly timeRangeTypesWithoutRange: _angular_core.Signal<KbqTimeRangeOptionContext[]>;
+    /** @docs-private */
+    protected readonly timepickerList: _angular_core.Signal<readonly KbqTimepicker<T>[]>;
+    /** @docs-private */
+    protected readonly form: FormGroup<FormValue<T>>;
+    /** @docs-private */
+    protected readonly timepickerFormat = TimeFormats.HHmmss;
+    /** @docs-private */
+    protected readonly rangeStateMatcher: RangeErrorStateMatcher;
+    private lastValidationErrorOnEmit;
+    constructor();
+    ngOnInit(): void;
+    /** @docs-private */
+    validate(): ValidationErrors | null;
+    /** Implemented as part of ControlValueAccessor */
+    writeValue(value?: KbqTimeRangeRange): void;
+    /** @docs-private */
+    onChange: (_value: KbqTimeRangeRange) => void;
+    /** @docs-private */
+    onTouch: () => void;
+    /** Implemented as part of ControlValueAccessor */
+    registerOnChange(fn: (value: KbqTimeRangeRange) => void): void;
+    /** Implemented as part of ControlValueAccessor */
+    registerOnTouched(fn: () => void): void;
+    private mapTimeRange;
+    private getFormattedOption;
+    private concatControlValidationErrors;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqTimeRangeEditor<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqTimeRangeEditor<any>, "kbq-time-range-editor", never, { "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "availableTimeRangeTypes": { "alias": "availableTimeRangeTypes"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "showRangeAsDefault": { "alias": "showRangeAsDefault"; "required": true; "isSignal": true; }; "localeConfiguration": { "alias": "localeConfiguration"; "required": true; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Directive for easy using styles of time-range placeholder publicly. */
+declare class KbqTimeRangeTitlePlaceholder {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqTimeRangeTitlePlaceholder, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqTimeRangeTitlePlaceholder, "[kbqTimeRangeTitlePlaceholder]", never, {}, {}, never, never, true, never>;
+}
+/** Component simulates `KbqFormFieldControl` allowing to provide custom content inside `KbqFormField` */
+declare class KbqTimeRangeTitleAsControl implements KbqFormFieldControl<any> {
+    private timeRange;
+    /** @docs-private */
+    controlType: string;
+    /** @docs-private */
+    stateChanges: Observable<void>;
+    /** @docs-private */
+    ngControl: NgControl | null;
+    /** @docs-private */
+    value: any;
+    /** @docs-private */
+    id: string;
+    /** @docs-private */
+    placeholder: string;
+    /** @docs-private */
+    focused: boolean;
+    /** @docs-private */
+    empty: boolean;
+    /** @docs-private */
+    required: boolean;
+    /** @docs-private */
+    disabled: boolean;
+    /** @docs-private */
+    errorState: boolean;
+    /** @docs-private */
+    onContainerClick(_event: MouseEvent): void;
+    /** @docs-private */
+    focus(_options?: FocusOptions): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqTimeRangeTitleAsControl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqTimeRangeTitleAsControl, "kbq-time-range-title-as-control", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class KbqTimeRangeModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqTimeRangeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqTimeRangeModule, never, [typeof KbqTimeRange, typeof KbqTimeRangeTitle, typeof KbqTimeRangeEditor, typeof KbqTimeRangeTitlePlaceholder, typeof KbqTimeRangeTitleAsControl], [typeof KbqTimeRange, typeof KbqTimeRangeTitle, typeof KbqTimeRangeEditor, typeof KbqTimeRangeTitlePlaceholder, typeof KbqTimeRangeTitleAsControl]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqTimeRangeModule>;
+}
+
+export { KBQ_CUSTOM_TIME_RANGE_TYPES, KBQ_DEFAULT_TIME_RANGE_TYPES, KBQ_TIME_RANGE_LOCALE_CONFIGURATION, KbqTimeRange, KbqTimeRangeEditor, KbqTimeRangeModule, KbqTimeRangeTitle, KbqTimeRangeTitleAsControl, KbqTimeRangeTitlePlaceholder, createMissingDateImplError, defaultTimeRangeTypes, kbqTimeRangeLocaleConfigurationProvider, rangeValidator };
+export type { KbqCustomTimeRangeType, KbqRange, KbqRangeValue, KbqTimeRangeCustomizableTitleContext, KbqTimeRangeOptionContext, KbqTimeRangeRange, KbqTimeRangeTitleContext, KbqTimeRangeTranslateTypeMap, KbqTimeRangeTranslationType, KbqTimeRangeType, KbqTimeRangeTypeContext, KbqTimeRangeUnits };

package/time-range/time-range.scss

@@ -33,14 +33,6 @@
         flex-direction: column;
         gap: var(--kbq-size-s);
 
-        .kbq-time-range-editor__predefined {
-            column-count: 2;
-
-            .kbq-time-range-editor__predefined-option {
-                display: block;
-            }
-        }
-
         .kbq-time-range-editor__date-time {
             display: flex;
             flex-direction: row;

package/timepicker/index.d.ts

@@ -1 +1,193 @@
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnDestroy, DoCheck, AfterContentInit } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import { ErrorStateMatcher } from '@koobiq/components/core';
+import * as i5 from '@koobiq/components/form-field';
+import { KbqFormFieldControl } from '@koobiq/components/form-field';
+import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/cdk/a11y';
+import * as i2 from '@angular/cdk/platform';
+
+declare enum TimeParts {
+    hours = 0,
+    minutes = 1,
+    seconds = 2
+}
+declare enum TimeFormats {
+    HHmmss = "HH:mm:ss",
+    HHmm = "HH:mm"
+}
+declare const TIMEFORMAT_PLACEHOLDERS: {
+    [timeFormat: string]: string;
+};
+/** Object that maps each time format to a related locale key */
+declare const TimeFormatToLocaleKeys: Record<TimeFormats, 'full' | 'short'>;
+declare const DEFAULT_TIME_FORMAT: TimeFormats;
+declare const HOURS_MINUTES_SECONDS_REGEXP: RegExp;
+declare const HOURS_MINUTES_REGEXP: RegExp;
+declare const HOURS_ONLY_REGEXP: RegExp;
+declare const AM_PM_FORMAT_REGEXP: RegExp;
+declare const SECONDS_PER_MINUTE: number;
+declare const MINUTES_PER_HOUR: number;
+declare const HOURS_PER_DAY: number;
+
+/** @docs-private */
+declare const KBQ_TIMEPICKER_VALUE_ACCESSOR: any;
+/** @docs-private */
+declare const KBQ_TIMEPICKER_VALIDATORS: any;
+declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, ControlValueAccessor, Validator, OnDestroy, DoCheck, AfterContentInit {
+    private elementRef;
+    private renderer;
+    private dateAdapter;
+    private localeService;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<void>;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    focused: boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    controlType: string;
+    /** Object used to control when error messages are shown. */
+    get errorStateMatcher(): ErrorStateMatcher;
+    set errorStateMatcher(value: ErrorStateMatcher);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    get id(): string;
+    set id(value: string);
+    private _id;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    get format(): TimeFormats;
+    set format(formatValue: TimeFormats);
+    private _format;
+    get min(): D | null;
+    set min(value: D | null);
+    private _min;
+    get max(): D | null;
+    set max(value: D | null);
+    private _max;
+    get value(): D | null;
+    set value(value: D | null);
+    private _value;
+    set kbqValidationTooltip(tooltip: KbqTooltipTrigger);
+    readonly incorrectInput: i0.OutputEmitterRef<void>;
+    get hasSelection(): boolean;
+    get isFullFormat(): boolean;
+    get isShortFormat(): boolean;
+    get viewValue(): string;
+    get ngControl(): any;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get empty(): boolean;
+    get selectionStart(): number | null;
+    set selectionStart(value: number | null);
+    get selectionEnd(): number | null;
+    set selectionEnd(value: number | null);
+    /** Localized placeholder */
+    get timeFormatPlaceholder(): string;
+    /** @docs-private */
+    get errorState(): boolean;
+    set errorState(value: boolean);
+    private readonly uid;
+    private readonly validator;
+    private lastValueValid;
+    private control?;
+    private defaultPlaceholder;
+    private separator;
+    private onChange;
+    private onTouched;
+    private localeSubscription;
+    private errorStateTracker;
+    constructor();
+    ngDoCheck(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    getSize(): number;
+    focus(): void;
+    focusChanged(isFocused: boolean): void;
+    onBlur(): void;
+    onPaste($event: any): void;
+    onInput: () => void;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    onContainerClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    writeValue(value: D | null): void;
+    registerOnChange(fn: (value: D) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private formatUserPaste;
+    private formatUserInput;
+    private replaceSymbols;
+    private replaceNumbers;
+    /** Checks whether the input is invalid based on the native validation. */
+    private isBadInput;
+    private spaceKeyHandler;
+    private getNewValue;
+    private verticalArrowKeyHandler;
+    private fixEmptyDigit;
+    private horizontalArrowKeyHandler;
+    private createSelectionOfTimeComponentInInput;
+    private incrementTime;
+    private decrementTime;
+    /**
+     * @description Get params for arrow-keys (up/down) time value edit.
+     * @param cursorPosition Current cursor position in timeString
+     */
+    private getTimeEditMetrics;
+    /**
+     * @description Create time string for displaying inside input element of UI
+     */
+    private getTimeStringFromDate;
+    private getDateFromTimeString;
+    private parseValidator;
+    private minValidator;
+    private maxValidator;
+    private getValidDateOrNull;
+    private setViewValue;
+    private updateView;
+    /** @docs-private */
+    updateErrorState(): void;
+    private setControl;
+    private validatorOnChange;
+    private updateLocaleParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepicker<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTimepicker<any>, "input[kbqTimepicker]", ["kbqTimepicker"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; }, never, never, true, never>;
+}
+
+declare class KbqTimepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTimepickerModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.FormsModule, typeof KbqTimepicker], [typeof KbqTimepicker, typeof i5.KbqFormFieldModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqTimepickerModule>;
+}
+
+export { AM_PM_FORMAT_REGEXP, DEFAULT_TIME_FORMAT, HOURS_MINUTES_REGEXP, HOURS_MINUTES_SECONDS_REGEXP, HOURS_ONLY_REGEXP, HOURS_PER_DAY, KBQ_TIMEPICKER_VALIDATORS, KBQ_TIMEPICKER_VALUE_ACCESSOR, KbqTimepicker, KbqTimepickerModule, MINUTES_PER_HOUR, SECONDS_PER_MINUTE, TIMEFORMAT_PLACEHOLDERS, TimeFormatToLocaleKeys, TimeFormats, TimeParts };

package/timepicker/timepicker.scss

@@ -1,8 +1,8 @@
 @use '../core/styles/common/tokens' as *;
 
 .kbq-timepicker {
-    // FIXME: default token doesn't exist
-    padding-right: var(--kbq-timepicker-size-padding-right);
+    // @TODO define --kbq-timepicker-size-padding-right in design-tokens; fallback keeps spacing meanwhile
+    padding-right: var(--kbq-timepicker-size-padding-right, var(--kbq-size-s));
 }
 
 .kbq-form-field-type-timepicker {