@koobiq/components 16.0.0-beta.6 → 16.0.0-beta.7

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

@@ -1,5 +1,5 @@
 export declare const ruRULocaleData: {
-    ru: {
+    'ru-RU': {
         select: {
             hiddenItemsText: string;
         };
@@ -7,5 +7,24 @@ export declare const ruRULocaleData: {
             placeholder: string;
             dateInput: string;
         };
+        formatters: {
+            number: {
+                rounding: {
+                    separator: string;
+                    groupSeparator: string;
+                    thousand: string;
+                    million: string;
+                    billion: string;
+                    trillion: string;
+                };
+            };
+        };
+        input: {
+            number: {
+                groupSeparator: string[];
+                fractionSeparator: string;
+                startFormattingFrom: number;
+            };
+        };
     };
 };

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

@@ -3,5 +3,31 @@ export declare const znCNLocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
+        formatters: {
+            number: {
+                rounding: {
+                    separator: string;
+                    groupSeparator: string;
+                    tenThousand: string;
+                    oneHundredMillions: string;
+                    trillion: string;
+                };
+            };
+        };
+        input: {
+            number: {
+                groupSeparator: string[];
+                fractionSeparator: string;
+            };
+        };
     };
 };

package/core/option/action.d.ts

@@ -40,5 +40,5 @@ export declare class KbqOptionActionComponent extends KbqOptionActionMixinBase i
     onKeyDown($event: any): void;
     private preventShowingTooltip;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOptionActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOptionActionComponent, "kbq-option-action", ["mcOptionAction"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customIcon"], ["[kbq-icon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOptionActionComponent, "kbq-option-action", ["kbqOptionAction"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customIcon"], ["[kbq-icon]"], false, never>;
 }

package/core/option/optgroup.d.ts

@@ -12,5 +12,5 @@ export declare class KbqOptgroup extends KbqOptgroupMixinBase implements CanDisa
     /** Unique id for the underlying label. */
     labelId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOptgroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOptgroup, "kbq-optgroup", ["mcOptgroup"], { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["kbq-option, kbq-list-option, kbq-timezone-option, ng-container"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOptgroup, "kbq-optgroup", ["kbqOptgroup"], { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["kbq-option, kbq-list-option, kbq-timezone-option, ng-container"], false, never>;
 }

package/core/option/option.d.ts

@@ -4,10 +4,10 @@ import { KbqTitleTextRef } from '../title';
 import { KbqOptgroup } from './optgroup';
 import * as i0 from "@angular/core";
 /** Event object emitted by KbqOption when selected or deselected. */
-export declare class KbqOptionSelectionChange {
-    source: KbqOption;
+export declare class KbqOptionSelectionChange<T = KbqOption> {
+    source: T;
     isUserInput: boolean;
-    constructor(source: KbqOption, isUserInput?: boolean);
+    constructor(source: T, isUserInput?: boolean);
 }
 /**
  * Describes a parent component that manages a list of options.
@@ -17,14 +17,45 @@ export declare class KbqOptionSelectionChange {
 export interface KbqOptionParentComponent {
     multiple?: boolean;
 }
+/**
+ * Handler that will update scroll position of elements inside overlay
+ */
+export interface KeyboardNavigationHandler {
+    /** Scrolls the active option into view. */
+    scrollActiveOptionIntoView(): void;
+}
 /**
  * Injection token used to provide the parent component to options.
  */
 export declare const KBQ_OPTION_PARENT_COMPONENT: InjectionToken<KbqOptionParentComponent>;
+export declare abstract class KbqOptionBase {
+    value: any;
+    abstract get viewValue(): string;
+    abstract get disabled(): boolean;
+    abstract set disabled(value: any);
+    abstract readonly onSelectionChange: EventEmitter<KbqOptionSelectionChange<any>>;
+    abstract select(): void;
+    abstract deselect(): void;
+    /** Emits the selection change event. */
+    protected emitSelectionChangeEvent(isUserInput?: boolean): void;
+}
+export declare class KbqVirtualOption extends KbqOptionBase {
+    value: any;
+    private _disabled;
+    get disabled(): any;
+    set disabled(value: any);
+    get selected(): boolean;
+    private _selected;
+    get viewValue(): string;
+    readonly onSelectionChange: EventEmitter<KbqOptionSelectionChange<KbqVirtualOption>>;
+    constructor(value: any, _disabled?: boolean);
+    select(): void;
+    deselect(): void;
+}
 /**
  * Single option inside of a `<kbq-select>` element.
  */
-export declare class KbqOption implements AfterViewChecked, OnDestroy, KbqTitleTextRef {
+export declare class KbqOption extends KbqOptionBase implements AfterViewChecked, OnDestroy, KbqTitleTextRef {
     private readonly element;
     private readonly changeDetectorRef;
     private readonly parent;
@@ -36,7 +67,7 @@ export declare class KbqOption implements AfterViewChecked, OnDestroy, KbqTitleT
     set showCheckbox(value: boolean | undefined);
     private _showCheckbox;
     /** Event emitted when the option is selected or deselected. */
-    readonly onSelectionChange: EventEmitter<KbqOptionSelectionChange>;
+    readonly onSelectionChange: EventEmitter<KbqOptionSelectionChange<KbqOption>>;
     /** Emits when the state of the option changes and any parents have to be notified. */
     readonly stateChanges: Subject<void>;
     /**
@@ -92,10 +123,8 @@ export declare class KbqOption implements AfterViewChecked, OnDestroy, KbqTitleT
     selectViaInteraction(): void;
     getTabIndex(): string;
     getHostElement(): HTMLElement;
-    /** Emits the selection change event. */
-    private emitSelectionChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOption, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["mcOption"], { "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; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], false, never>;
 }
 /**
  * Counts the amount of option group labels that precede the specified option.

package/core/overlay/overlay-position-map.d.ts

@@ -1,4 +1,5 @@
-import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { ConnectionPositionPair, Overlay, ScrollStrategy } from '@angular/cdk/overlay';
+import { InjectionToken } from '@angular/core';
 export declare const POSITION_MAP: {
     [key: string]: ConnectionPositionPair;
 };
@@ -32,3 +33,8 @@ export declare const POSITION_PRIORITY_STRATEGY: {
 export declare const POSITION_TO_CSS_MAP: {
     [key: string]: string;
 };
+export declare const KBQ_CUSTOM_SCROLL_STRATEGY_PROVIDER: <T>(token: InjectionToken<T>, factory: (overlay: Overlay) => () => ScrollStrategy) => {
+    provide: InjectionToken<T>;
+    deps: (typeof Overlay)[];
+    useFactory: (overlay: Overlay) => () => ScrollStrategy;
+};

package/core/pop-up/constants.d.ts

@@ -20,7 +20,8 @@ export declare enum PopUpVisibility {
 export declare enum PopUpTriggers {
     Click = "click",
     Focus = "focus",
-    Hover = "hover"
+    Hover = "hover",
+    Keydown = "keydown"
 }
 export declare enum PopUpSizes {
     Small = "small",

package/core/public-api.d.ts

@@ -16,6 +16,7 @@ export * from './selection/index';
 export * from './locales/index';
 export * from './title/index';
 export * from './services/measure-scrollbar.service';
+export * from './services/theme.service';
 export * from './utils/index';
 export * from './validation/index';
 export * from './version';

package/core/select/constants.d.ts

@@ -14,10 +14,10 @@ export declare const SELECT_PANEL_VIEWPORT_PADDING = 8;
 /** Injection token that determines the scroll handling while a select is open. */
 export declare const KBQ_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
 /** @docs-private */
-export declare function mcSelectScrollStrategyProviderFactory(overlay: Overlay): () => RepositionScrollStrategy;
+export declare function kbqSelectScrollStrategyProviderFactory(overlay: Overlay): () => RepositionScrollStrategy;
 /** @docs-private */
 export declare const KBQ_SELECT_SCROLL_STRATEGY_PROVIDER: {
     provide: InjectionToken<() => ScrollStrategy>;
     deps: (typeof Overlay)[];
-    useFactory: typeof mcSelectScrollStrategyProviderFactory;
+    useFactory: typeof kbqSelectScrollStrategyProviderFactory;
 };

package/core/services/theme.service.d.ts

@@ -0,0 +1,23 @@
+import { Renderer2, RendererFactory2 } from '@angular/core';
+import { BehaviorSubject, Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface KbqTheme {
+    name: string;
+    className: string;
+    selected: boolean;
+}
+export declare const KbqDefaultThemes: KbqTheme[];
+export declare class ThemeService<T extends KbqTheme | null = KbqTheme> {
+    private rendererFactory;
+    current: BehaviorSubject<T>;
+    themes: T[];
+    protected renderer: Renderer2;
+    protected subscription: Subscription;
+    constructor(rendererFactory: RendererFactory2);
+    setThemes(items: T[]): void;
+    setTheme(value: T | number): void;
+    getTheme(): T;
+    protected update: ([prev, current]: T[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService<any>>;
+}

package/core/styles/_variables.scss

@@ -7,3 +7,4 @@ $z-index-picker: 1050;
 $z-index-dropdown: 1050;
 $z-index-tooltip: 1060;
 $z-index-toast: 1070;
+$z-index-loader-overlay: 1000;

package/core/styles/common/_select.scss

@@ -146,6 +146,30 @@ $tokens: meta.module-variables(tokens) !default;
         }
     }
 
+    &.kbq-disabled {
+        & .kbq-select__trigger {
+            @include vendor-prefixes.user-select(none);
+
+            cursor: default;
+        }
+    }
+}
+
+%kbq-select-panel {
+    min-width: 100%; // prevents some animation twitching and test inconsistencies in IE11
+
+    overflow: hidden;
+
+    border-radius: var(
+        --kbq-select-panel-size-border-radius, map.get($tokens, select-panel-size-border-radius)
+    );
+
+    // Override optgroup and option to scale based on font-size of the trigger.
+    .kbq-optgroup-label,
+    .kbq-option {
+        font-size: inherit;
+    }
+
     .kbq-select__no-options-message {
         display: flex;
         flex-direction: row;
@@ -172,30 +196,6 @@ $tokens: meta.module-variables(tokens) !default;
             style: solid;
         }
     }
-
-    &.kbq-disabled {
-        & .kbq-select__trigger {
-            @include vendor-prefixes.user-select(none);
-
-            cursor: default;
-        }
-    }
-}
-
-%kbq-select-panel {
-    min-width: 100%; // prevents some animation twitching and test inconsistencies in IE11
-
-    overflow: hidden;
-
-    border-radius: var(
-        --kbq-select-panel-size-border-radius, map.get($tokens, select-panel-size-border-radius)
-    );
-
-    // Override optgroup and option to scale based on font-size of the trigger.
-    .kbq-optgroup-label,
-    .kbq-option {
-        font-size: inherit;
-    }
 }
 
 %kbq-select-content {

package/core/styles/theming/_components-theming.scss

@@ -295,7 +295,8 @@
             default: (
                 border: map-get($tokens, 'checkbox-#{$scheme}-theme-default-border'),
                 color: map-get($tokens, 'checkbox-#{$scheme}-theme-default-color'),
-                background: map-get($tokens, 'checkbox-#{$scheme}-theme-default-background')
+                background: map-get($tokens, 'checkbox-#{$scheme}-theme-default-background'),
+                caption: map-get($tokens, 'checkbox-#{$scheme}-theme-default-caption')
             ),
             hover: (
                 border: map-get($tokens, 'checkbox-#{$scheme}-theme-states-hover-border'),
@@ -322,7 +323,8 @@
             disabled: (
                 border: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-border'),
                 color: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-color'),
-                background: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-background')
+                background: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-background'),
+                caption: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-caption')
             )
         ),
         error: (
@@ -497,8 +499,8 @@
     );
 
     $dl: (
-        dt: map-get($tokens, 'description-list-#{$scheme}-dt'),
-        dd: map-get($tokens, 'description-list-#{$scheme}-dd')
+        dt: map-get($tokens, 'description-list-#{$scheme}-term-color'),
+        dd: map-get($tokens, 'description-list-#{$scheme}-description-color')
     );
 
     $form-field: (
@@ -846,6 +848,7 @@
                 outer-circle-border: map-get($tokens, 'radio-#{$scheme}-theme-default-outer-circle-border'),
                 outer-circle-background: map-get($tokens, 'radio-#{$scheme}-theme-default-outer-circle-background'),
                 inner-circle-background: map-get($tokens, 'radio-#{$scheme}-theme-default-inner-circle-background'),
+                caption: map-get($tokens, 'radio-#{$scheme}-theme-default-caption')
             ),
 
             hover: (
@@ -877,6 +880,17 @@
                     $tokens, 'radio-#{$scheme}-theme-states-checked-hover-inner-circle-background'
                 )
             ),
+            checked-disabled: (
+                outer-circle-border: map-get(
+                    $tokens, 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-border'
+                ),
+                outer-circle-background: map-get(
+                    $tokens, 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-background'
+                ),
+                inner-circle-background: map-get(
+                    $tokens, 'radio-#{$scheme}-theme-states-checked-disabled-inner-circle-background'
+                )
+            ),
             focused: (
                 outer-circle-border: map-get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-border'),
                 outer-circle-background: map-get(
@@ -910,7 +924,8 @@
                 ),
                 inner-circle-background: map-get(
                     $tokens, 'radio-#{$scheme}-theme-states-disabled-inner-circle-background'
-                )
+                ),
+                caption: map-get($tokens, 'radio-#{$scheme}-theme-states-disabled-caption'),
             )
         ),
         error: (
@@ -949,6 +964,17 @@
                     $tokens, 'radio-#{$scheme}-error-states-checked-hover-inner-circle-background'
                 )
             ),
+            checked-disabled: (
+                outer-circle-border: map-get(
+                    $tokens, 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-border'
+                ),
+                outer-circle-background: map-get(
+                    $tokens, 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-background'
+                ),
+                inner-circle-background: map-get(
+                    $tokens, 'radio-#{$scheme}-error-states-checked-disabled-inner-circle-background'
+                )
+            ),
             focused: (
                 outer-circle-border: map-get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-border'),
                 outer-circle-background: map-get(

package/datepicker/calendar-body.component.d.ts

@@ -51,5 +51,5 @@ export declare class KbqCalendarBody implements OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     isActiveCell(rowIndex: number, colIndex: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCalendarBody, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarBody, "[kbq-calendar-body]", ["mcCalendarBody"], { "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; "cellAspectRatio": { "alias": "cellAspectRatio"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarBody, "[kbq-calendar-body]", ["kbqCalendarBody"], { "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; "cellAspectRatio": { "alias": "cellAspectRatio"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, false, never>;
 }

package/datepicker/calendar-header.component.d.ts

@@ -9,8 +9,14 @@ export declare class KbqCalendarHeader<D> implements AfterContentInit {
         value: number;
     }[];
     selectedMonth: number;
-    years: number[];
-    selectedYear: number;
+    years: {
+        name: number;
+        value: string;
+    }[];
+    selectedYear: {
+        name: number;
+        value: string;
+    };
     get activeDate(): D;
     set activeDate(value: D);
     private _activeDate;
@@ -41,5 +47,5 @@ export declare class KbqCalendarHeader<D> implements AfterContentInit {
     private updateSelectedValues;
     private updateYearsArray;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCalendarHeader<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarHeader<any>, "kbq-calendar-header", ["mcCalendarHeader"], { "activeDate": { "alias": "activeDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; }, { "activeDateChange": "activeDateChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarHeader<any>, "kbq-calendar-header", ["kbqCalendarHeader"], { "activeDate": { "alias": "activeDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; }, { "activeDateChange": "activeDateChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, false, never>;
 }

package/datepicker/calendar.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { DateAdapter, KbqDateFormats } from '@koobiq/components/core';
+import { DateAdapter } from '@koobiq/components/core';
 import { Subject } from 'rxjs';
 import { KbqCalendarCellCssClasses } from './calendar-body.component';
 import { KbqDatepickerIntl } from './datepicker-intl';
@@ -11,7 +11,6 @@ import * as i0 from "@angular/core";
  */
 export declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
     private readonly adapter;
-    private readonly dateFormats;
     private changeDetectorRef;
     /** A date representing the period (month or year) to start the calendar in. */
     get startAt(): D | null;
@@ -61,7 +60,7 @@ export declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnCh
      */
     stateChanges: Subject<void>;
     private readonly intlChanges;
-    constructor(intl: KbqDatepickerIntl, adapter: DateAdapter<D>, dateFormats: KbqDateFormats, changeDetectorRef: ChangeDetectorRef);
+    constructor(intl: KbqDatepickerIntl, adapter: DateAdapter<D>, changeDetectorRef: ChangeDetectorRef);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -76,6 +75,6 @@ export declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnCh
      */
     private getValidDateOrNull;
     private getActiveDateDefault;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCalendar<any>, [null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendar<any>, "kbq-calendar", ["mcCalendar"], { "startAt": { "alias": "startAt"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCalendar<any>, [null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendar<any>, "kbq-calendar", ["kbqCalendar"], { "startAt": { "alias": "startAt"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, false, never>;
 }

package/datepicker/datepicker-animations.d.ts

@@ -3,7 +3,7 @@ import { AnimationTriggerMetadata } from '@angular/animations';
  * Animations used by the Koobiq datepicker.
  * @docs-private
  */
-export declare const mcDatepickerAnimations: {
+export declare const kbqDatepickerAnimations: {
     readonly transformPanel: AnimationTriggerMetadata;
     readonly fadeInCalendar: AnimationTriggerMetadata;
 };

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

@@ -53,9 +53,9 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     set required(value: boolean);
     private _required;
     /** The datepicker that this input is associated with. */
-    set mcDatepicker(value: KbqDatepicker<D>);
+    set kbqDatepicker(value: KbqDatepicker<D>);
     /** Function that can be used to filter out dates within the datepicker. */
-    set mcDatepickerFilter(value: (date: D | null) => boolean);
+    set kbqDatepickerFilter(value: (date: D | null) => boolean);
     /** The value of the input. */
     get value(): D | null;
     set value(value: D | null);
@@ -75,7 +75,7 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     get id(): string;
     set id(value: string);
     private _id;
-    set mcValidationTooltip(tooltip: KbqWarningTooltipTrigger);
+    set kbqValidationTooltip(tooltip: KbqWarningTooltipTrigger);
     incorrectInput: EventEmitter<void>;
     /** Emits when a `change` event is fired on this `<input>`. */
     readonly dateChange: EventEmitter<KbqDatepickerInputEvent<D>>;
@@ -176,5 +176,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[mcDatepicker]", ["mcDatepickerInput"], { "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mcDatepicker": { "alias": "mcDatepicker"; "required": false; }; "mcDatepickerFilter": { "alias": "mcDatepickerFilter"; "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; }; "mcValidationTooltip": { "alias": "mcValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false, never>;
+    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>;
 }

package/datepicker/datepicker-toggle.component.d.ts

@@ -3,10 +3,10 @@ import { KbqButton } from '@koobiq/components/button';
 import { KbqDatepickerIntl } from './datepicker-intl';
 import { KbqDatepicker } from './datepicker.component';
 import * as i0 from "@angular/core";
-/** Can be used to override the icon of a `mcDatepickerToggle`. */
+/** Can be used to override the icon of a `kbqDatepickerToggle`. */
 export declare class KbqDatepickerToggleIcon {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerToggleIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerToggleIcon, "[mcDatepickerToggleIcon]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerToggleIcon, "[kbqDatepickerToggleIcon]", never, {}, {}, never, never, false, never>;
 }
 export declare class KbqDatepickerToggle<D> implements AfterContentInit, OnChanges, OnDestroy {
     intl: KbqDatepickerIntl;
@@ -31,5 +31,5 @@ export declare class KbqDatepickerToggle<D> implements AfterContentInit, OnChang
     open(event: Event): void;
     private watchStateChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerToggle<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerToggle<any>, "kbq-datepicker-toggle", ["mcDatepickerToggle"], { "disabled": { "alias": "disabled"; "required": false; }; "datepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["customIcon"], ["[mcDatepickerToggleIcon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerToggle<any>, "kbq-datepicker-toggle", ["kbqDatepickerToggle"], { "disabled": { "alias": "disabled"; "required": false; }; "datepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["customIcon"], ["[kbqDatepickerToggleIcon]"], false, never>;
 }

package/datepicker/datepicker.component.d.ts

@@ -40,7 +40,7 @@ export declare class KbqDatepickerContent<D> implements OnDestroy {
     ngOnDestroy(): void;
     startExitAnimation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerContent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerContent<any>, "kbq-datepicker__content", ["mcDatepickerContent"], {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerContent<any>, "kbq-datepicker__content", ["kbqDatepickerContent"], {}, {}, never, never, false, never>;
 }
 /** Component responsible for managing the datepicker popup/dialog. */
 export declare class KbqDatepicker<D> implements OnDestroy {
@@ -144,5 +144,5 @@ export declare class KbqDatepicker<D> implements OnDestroy {
     /** Create the popup PositionStrategy. */
     private createPopupPositionStrategy;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepicker<any>, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepicker<any>, "kbq-datepicker", ["mcDatepicker"], { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepicker<any>, "kbq-datepicker", ["kbqDatepicker"], { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, false, never>;
 }

package/datepicker/month-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterContentInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { DateAdapter, KbqDateFormats } from '@koobiq/components/core';
+import { DateAdapter } from '@koobiq/components/core';
 import { KbqCalendarBody, KbqCalendarCell, KbqCalendarCellCssClasses } from './calendar-body.component';
 import * as i0 from "@angular/core";
 /**
@@ -8,7 +8,6 @@ import * as i0 from "@angular/core";
  */
 export declare class KbqMonthView<D> implements AfterContentInit {
     private changeDetectorRef;
-    private readonly dateFormats;
     adapter: DateAdapter<D>;
     /**
      * The date to display in this month view (everything other than the month and year is ignored).
@@ -35,7 +34,7 @@ export declare class KbqMonthView<D> implements AfterContentInit {
     /** Emits when any date is activated. */
     readonly activeDateChange: EventEmitter<D>;
     /** The body of calendar table */
-    mcCalendarBody: KbqCalendarBody;
+    kbqCalendarBody: KbqCalendarBody;
     /** Grid of calendar cells representing the dates of the month. */
     weeks: KbqCalendarCell[][];
     /** The number of blank cells in the first row before the 1st of the month. */
@@ -52,7 +51,7 @@ export declare class KbqMonthView<D> implements AfterContentInit {
         long: string;
         narrow: string;
     }[];
-    constructor(changeDetectorRef: ChangeDetectorRef, dateFormats: KbqDateFormats, adapter: DateAdapter<D>);
+    constructor(changeDetectorRef: ChangeDetectorRef, adapter: DateAdapter<D>);
     ngAfterContentInit(): void;
     /** Handles when a new date is selected. */
     dateSelected(date: number): void;
@@ -69,6 +68,6 @@ export declare class KbqMonthView<D> implements AfterContentInit {
     private getDateInCurrentMonth;
     /** Checks whether the 2 dates are non-null and fall within the same month of the same year. */
     private hasSameMonthAndYear;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqMonthView<any>, [null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqMonthView<any>, "kbq-month-view", ["mcMonthView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqMonthView<any>, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqMonthView<any>, "kbq-month-view", ["kbqMonthView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
 }