@koobiq/components 18.17.0 → 18.19.0

package/core/locales/locale-service.d.ts

@@ -86,6 +86,51 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         timezone: {
             searchPlaceholder: string;
         };
+        actionsPanel: {
+            closeTooltip: string;
+        };
+        filterBar: {
+            reset: {
+                buttonName: string;
+            };
+            search: {
+                tooltip: string;
+                placeholder: string;
+            };
+            filters: {
+                defaultName: string;
+                saveNewFilterTooltip: string;
+                searchPlaceholder: string;
+                searchEmptyResult: string;
+                saveAsNewFilter: string;
+                saveChanges: string;
+                saveAsNew: string;
+                change: string;
+                resetChanges: string;
+                remove: string;
+                name: string;
+                error: string;
+                errorHint: string;
+                saveButton: string;
+                cancelButton: string;
+            };
+            add: {
+                tooltip: string;
+            };
+            pipe: {
+                clearButtonTooltip: string;
+                removeButtonTooltip: string;
+                applyButton: string;
+                emptySearchResult: string;
+            };
+            datePipe: {
+                customPeriod: string;
+                customPeriodFrom: string;
+                customPeriodTo: string;
+                customPeriodErrorHint: string;
+                backToPeriodSelection: string;
+            };
+        };
     };
     'zh-CN': {
         formatters: {
@@ -163,6 +208,51 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         timezone: {
             searchPlaceholder: string;
         };
+        actionsPanel: {
+            closeTooltip: string;
+        };
+        filterBar: {
+            reset: {
+                buttonName: string;
+            };
+            search: {
+                tooltip: string;
+                placeholder: string;
+            };
+            filters: {
+                defaultName: string;
+                saveNewFilterTooltip: string;
+                searchPlaceholder: string;
+                searchEmptyResult: string;
+                saveAsNewFilter: string;
+                saveChanges: string;
+                saveAsNew: string;
+                change: string;
+                resetChanges: string;
+                remove: string;
+                name: string;
+                error: string;
+                errorHint: string;
+                saveButton: string;
+                cancelButton: string;
+            };
+            add: {
+                tooltip: string;
+            };
+            pipe: {
+                clearButtonTooltip: string;
+                removeButtonTooltip: string;
+                applyButton: string;
+                emptySearchResult: string;
+            };
+            datePipe: {
+                customPeriod: string;
+                customPeriodFrom: string;
+                customPeriodTo: string;
+                customPeriodErrorHint: string;
+                backToPeriodSelection: string;
+            };
+        };
     };
     'es-LA': {
         formatters: {
@@ -241,6 +331,51 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         timezone: {
             searchPlaceholder: string;
         };
+        actionsPanel: {
+            closeTooltip: string;
+        };
+        filterBar: {
+            reset: {
+                buttonName: string;
+            };
+            search: {
+                tooltip: string;
+                placeholder: string;
+            };
+            filters: {
+                defaultName: string;
+                saveNewFilterTooltip: string;
+                searchPlaceholder: string;
+                searchEmptyResult: string;
+                saveAsNewFilter: string;
+                saveChanges: string;
+                saveAsNew: string;
+                change: string;
+                resetChanges: string;
+                remove: string;
+                name: string;
+                error: string;
+                errorHint: string;
+                saveButton: string;
+                cancelButton: string;
+            };
+            add: {
+                tooltip: string;
+            };
+            pipe: {
+                clearButtonTooltip: string;
+                removeButtonTooltip: string;
+                applyButton: string;
+                emptySearchResult: string;
+            };
+            datePipe: {
+                customPeriod: string;
+                customPeriodFrom: string;
+                customPeriodTo: string;
+                customPeriodErrorHint: string;
+                backToPeriodSelection: string;
+            };
+        };
     };
     'pt-BR': {
         formatters: {
@@ -319,6 +454,51 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         timezone: {
             searchPlaceholder: string;
         };
+        actionsPanel: {
+            closeTooltip: string;
+        };
+        filterBar: {
+            reset: {
+                buttonName: string;
+            };
+            search: {
+                tooltip: string;
+                placeholder: string;
+            };
+            filters: {
+                defaultName: string;
+                saveNewFilterTooltip: string;
+                searchPlaceholder: string;
+                searchEmptyResult: string;
+                saveAsNewFilter: string;
+                saveChanges: string;
+                saveAsNew: string;
+                change: string;
+                resetChanges: string;
+                remove: string;
+                name: string;
+                error: string;
+                errorHint: string;
+                saveButton: string;
+                cancelButton: string;
+            };
+            add: {
+                tooltip: string;
+            };
+            pipe: {
+                clearButtonTooltip: string;
+                removeButtonTooltip: string;
+                applyButton: string;
+                emptySearchResult: string;
+            };
+            datePipe: {
+                customPeriod: string;
+                customPeriodFrom: string;
+                customPeriodTo: string;
+                customPeriodErrorHint: string;
+                backToPeriodSelection: string;
+            };
+        };
     };
     'ru-RU': {
         formatters: {
@@ -399,6 +579,51 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         timezone: {
             searchPlaceholder: string;
         };
+        actionsPanel: {
+            closeTooltip: string;
+        };
+        filterBar: {
+            reset: {
+                buttonName: string;
+            };
+            search: {
+                tooltip: string;
+                placeholder: string;
+            };
+            filters: {
+                defaultName: string;
+                saveNewFilterTooltip: string;
+                searchPlaceholder: string;
+                searchEmptyResult: string;
+                saveAsNewFilter: string;
+                saveChanges: string;
+                saveAsNew: string;
+                change: string;
+                resetChanges: string;
+                remove: string;
+                name: string;
+                error: string;
+                errorHint: string;
+                saveButton: string;
+                cancelButton: string;
+            };
+            add: {
+                tooltip: string;
+            };
+            pipe: {
+                clearButtonTooltip: string;
+                removeButtonTooltip: string;
+                applyButton: string;
+                emptySearchResult: string;
+            };
+            datePipe: {
+                customPeriod: string;
+                customPeriodFrom: string;
+                customPeriodTo: string;
+                customPeriodErrorHint: string;
+                backToPeriodSelection: string;
+            };
+        };
     };
     'fa-IR': {
         formatters: {
@@ -478,6 +703,51 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         timezone: {
             searchPlaceholder: string;
         };
+        actionsPanel: {
+            closeTooltip: string;
+        };
+        filterBar: {
+            reset: {
+                buttonName: string;
+            };
+            search: {
+                tooltip: string;
+                placeholder: string;
+            };
+            filters: {
+                defaultName: string;
+                saveNewFilterTooltip: string;
+                searchPlaceholder: string;
+                searchEmptyResult: string;
+                saveAsNewFilter: string;
+                saveChanges: string;
+                saveAsNew: string;
+                change: string;
+                resetChanges: string;
+                remove: string;
+                name: string;
+                error: string;
+                errorHint: string;
+                saveButton: string;
+                cancelButton: string;
+            };
+            add: {
+                tooltip: string;
+            };
+            pipe: {
+                clearButtonTooltip: string;
+                removeButtonTooltip: string;
+                applyButton: string;
+                emptySearchResult: string;
+            };
+            datePipe: {
+                customPeriod: string;
+                customPeriodFrom: string;
+                customPeriodTo: string;
+                customPeriodErrorHint: string;
+                backToPeriodSelection: string;
+            };
+        };
     };
     'tk-TM': {
         formatters: {
@@ -557,6 +827,51 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         timezone: {
             searchPlaceholder: string;
         };
+        actionsPanel: {
+            closeTooltip: string;
+        };
+        filterBar: {
+            reset: {
+                buttonName: string;
+            };
+            search: {
+                tooltip: string;
+                placeholder: string;
+            };
+            filters: {
+                defaultName: string;
+                saveNewFilterTooltip: string;
+                searchPlaceholder: string;
+                searchEmptyResult: string;
+                saveAsNewFilter: string;
+                saveChanges: string;
+                saveAsNew: string;
+                change: string;
+                resetChanges: string;
+                remove: string;
+                name: string;
+                error: string;
+                errorHint: string;
+                saveButton: string;
+                cancelButton: string;
+            };
+            add: {
+                tooltip: string;
+            };
+            pipe: {
+                clearButtonTooltip: string;
+                removeButtonTooltip: string;
+                applyButton: string;
+                emptySearchResult: string;
+            };
+            datePipe: {
+                customPeriod: string;
+                customPeriodFrom: string;
+                customPeriodTo: string;
+                customPeriodErrorHint: string;
+                backToPeriodSelection: string;
+            };
+        };
     };
 };
 export declare const KBQ_LOCALE_DATA: InjectionToken<any>;

package/core/locales/pt-BR.d.ts

@@ -41,4 +41,49 @@ export declare const ptBRLocaleData: {
     timezone: {
         searchPlaceholder: string;
     };
+    actionsPanel: {
+        closeTooltip: string;
+    };
+    filterBar: {
+        reset: {
+            buttonName: string;
+        };
+        search: {
+            tooltip: string;
+            placeholder: string;
+        };
+        filters: {
+            defaultName: string;
+            saveNewFilterTooltip: string;
+            searchPlaceholder: string;
+            searchEmptyResult: string;
+            saveAsNewFilter: string;
+            saveChanges: string;
+            saveAsNew: string;
+            change: string;
+            resetChanges: string;
+            remove: string;
+            name: string;
+            error: string;
+            errorHint: string;
+            saveButton: string;
+            cancelButton: string;
+        };
+        add: {
+            tooltip: string;
+        };
+        pipe: {
+            clearButtonTooltip: string;
+            removeButtonTooltip: string;
+            applyButton: string;
+            emptySearchResult: string;
+        };
+        datePipe: {
+            customPeriod: string;
+            customPeriodFrom: string;
+            customPeriodTo: string;
+            customPeriodErrorHint: string;
+            backToPeriodSelection: string;
+        };
+    };
 };

package/core/locales/ru-RU.d.ts

@@ -42,4 +42,49 @@ export declare const ruRULocaleData: {
     timezone: {
         searchPlaceholder: string;
     };
+    actionsPanel: {
+        closeTooltip: string;
+    };
+    filterBar: {
+        reset: {
+            buttonName: string;
+        };
+        search: {
+            tooltip: string;
+            placeholder: string;
+        };
+        filters: {
+            defaultName: string;
+            saveNewFilterTooltip: string;
+            searchPlaceholder: string;
+            searchEmptyResult: string;
+            saveAsNewFilter: string;
+            saveChanges: string;
+            saveAsNew: string;
+            change: string;
+            resetChanges: string;
+            remove: string;
+            name: string;
+            error: string;
+            errorHint: string;
+            saveButton: string;
+            cancelButton: string;
+        };
+        add: {
+            tooltip: string;
+        };
+        pipe: {
+            clearButtonTooltip: string;
+            removeButtonTooltip: string;
+            applyButton: string;
+            emptySearchResult: string;
+        };
+        datePipe: {
+            customPeriod: string;
+            customPeriodFrom: string;
+            customPeriodTo: string;
+            customPeriodErrorHint: string;
+            backToPeriodSelection: string;
+        };
+    };
 };

package/core/locales/tk-TM.d.ts

@@ -42,4 +42,49 @@ export declare const tkTMLocaleData: {
     timezone: {
         searchPlaceholder: string;
     };
+    actionsPanel: {
+        closeTooltip: string;
+    };
+    filterBar: {
+        reset: {
+            buttonName: string;
+        };
+        search: {
+            tooltip: string;
+            placeholder: string;
+        };
+        filters: {
+            defaultName: string;
+            saveNewFilterTooltip: string;
+            searchPlaceholder: string;
+            searchEmptyResult: string;
+            saveAsNewFilter: string;
+            saveChanges: string;
+            saveAsNew: string;
+            change: string;
+            resetChanges: string;
+            remove: string;
+            name: string;
+            error: string;
+            errorHint: string;
+            saveButton: string;
+            cancelButton: string;
+        };
+        add: {
+            tooltip: string;
+        };
+        pipe: {
+            clearButtonTooltip: string;
+            removeButtonTooltip: string;
+            applyButton: string;
+            emptySearchResult: string;
+        };
+        datePipe: {
+            customPeriod: string;
+            customPeriodFrom: string;
+            customPeriodTo: string;
+            customPeriodErrorHint: string;
+            backToPeriodSelection: string;
+        };
+    };
 };

package/core/locales/types.d.ts

@@ -9,3 +9,9 @@ export type KbqCodeBlockLocaleConfiguration = {
     viewLessText: string;
     openExternalSystemTooltip: string;
 };
+/**
+ * Locale configuration for `KbqActionsPanelModule`.
+ */
+export type KbqActionsPanelLocaleConfiguration = {
+    closeTooltip: string;
+};

package/core/locales/zh-CN.d.ts

@@ -41,4 +41,49 @@ export declare const zhCNLocaleData: {
     timezone: {
         searchPlaceholder: string;
     };
+    actionsPanel: {
+        closeTooltip: string;
+    };
+    filterBar: {
+        reset: {
+            buttonName: string;
+        };
+        search: {
+            tooltip: string;
+            placeholder: string;
+        };
+        filters: {
+            defaultName: string;
+            saveNewFilterTooltip: string;
+            searchPlaceholder: string;
+            searchEmptyResult: string;
+            saveAsNewFilter: string;
+            saveChanges: string;
+            saveAsNew: string;
+            change: string;
+            resetChanges: string;
+            remove: string;
+            name: string;
+            error: string;
+            errorHint: string;
+            saveButton: string;
+            cancelButton: string;
+        };
+        add: {
+            tooltip: string;
+        };
+        pipe: {
+            clearButtonTooltip: string;
+            removeButtonTooltip: string;
+            applyButton: string;
+            emptySearchResult: string;
+        };
+        datePipe: {
+            customPeriod: string;
+            customPeriodFrom: string;
+            customPeriodTo: string;
+            customPeriodErrorHint: string;
+            backToPeriodSelection: string;
+        };
+    };
 };

package/core/option/option.d.ts

@@ -63,6 +63,7 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     textElement: ElementRef;
     /** The form value of the option. */
     value: any;
+    userSelect: boolean;
     get showCheckbox(): boolean | undefined;
     set showCheckbox(value: boolean | undefined);
     private _showCheckbox;
@@ -124,7 +125,8 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     getTabIndex(): string;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOption, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "userSelect": { "alias": "userSelect"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], false, never>;
+    static ngAcceptInputType_userSelect: unknown;
 }
 /**
  * Counts the amount of option group labels that precede the specified option.

package/datepicker/calendar.component.d.ts

@@ -59,11 +59,20 @@ export declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnCh
      * Emits whenever there is a state change that the header may need to respond to.
      */
     stateChanges: Subject<void>;
+    /** The input element this datepicker is associated with. */
+    datepickerInput: any;
     private readonly intlChanges;
+    /** Subscription to value changes in the associated input element. */
+    private inputSubscription;
     constructor(intl: KbqDatepickerIntl, adapter: DateAdapter<D>, changeDetectorRef: ChangeDetectorRef);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Register an input with this calendar.
+     * @param input The calendar input to register with this calendar.
+     */
+    registerInput(input: any): void;
     /** Updates today's date after an update of the active date */
     updateTodaysDate(): void;
     /** Handles date selection in the month view. */

package/datepicker/datepicker-input.directive.d.ts

@@ -4,6 +4,7 @@ import { DateAdapter, KbqDateFormats, KbqLocaleService } from '@koobiq/component
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
 import { Subject } from 'rxjs';
+import { KbqCalendar } from './calendar.component';
 import { KbqDatepicker } from './datepicker.component';
 import * as i0 from "@angular/core";
 export declare const MAX_YEAR = 9999;
@@ -41,6 +42,7 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     controlType: string;
     focused: boolean;
     datepicker: KbqDatepicker<D>;
+    calendar: KbqCalendar<D>;
     dateFilter: (date: D | null) => boolean;
     /** Emits when the value changes (either due to user input or programmatic change). */
     valueChange: EventEmitter<D | null>;
@@ -54,6 +56,8 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     private _required;
     /** The datepicker that this input is associated with. */
     set kbqDatepicker(value: KbqDatepicker<D>);
+    /** The calendar that this input is associated with. */
+    set kbqCalendar(value: KbqCalendar<D>);
     /** Function that can be used to filter out dates within the datepicker. */
     set kbqDatepickerFilter(value: (date: D | null) => boolean);
     /** The value of the input. */
@@ -187,5 +191,5 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     private createDateTime;
     private correctCursorPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerInput<any>, [null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker]", ["kbqDatepickerInput"], { "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "kbqDatepicker": { "alias": "kbqDatepicker"; "required": false; }; "kbqDatepickerFilter": { "alias": "kbqDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker], input[kbqCalendar]", ["kbqDatepickerInput"], { "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "kbqDatepicker": { "alias": "kbqDatepicker"; "required": false; }; "kbqCalendar": { "alias": "kbqCalendar"; "required": false; }; "kbqDatepickerFilter": { "alias": "kbqDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false, never>;
 }

package/dl/dl.component.d.ts

@@ -1,18 +1,17 @@
-import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { AfterContentInit, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class KbqDlComponent implements AfterContentInit, OnDestroy {
-    protected elementRef: ElementRef;
     minWidth: number;
     wide: boolean;
     vertical: boolean | null;
     readonly resizeStream: Subject<Event>;
     private readonly resizeDebounceInterval;
     private resizeSubscription;
-    constructor(elementRef: ElementRef);
+    private readonly elementRef;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    updateState: () => void;
+    private readonly updateState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDlComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqDlComponent, "kbq-dl", never, { "minWidth": { "alias": "minWidth"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
 }