ngx-bootstrap 5.6.1 → 6.2.0

package/datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/datepicker",
-  "version": "5.6.1",
+  "version": "6.2.0",
   "description": "Native Angular Bootstrap Components",
   "private": true,
   "main": "bundles/ngx-bootstrap-datepicker.umd.js",
@@ -14,6 +14,6 @@
   "metadata": "ngx-bootstrap-datepicker.metadata.json",
   "sideEffects": false,
   "peerDependencies": {
-    "tslib": "^1.9.0"
+    "tslib": "^1.10.0"
   }
 }

package/datepicker/public_api.d.ts

@@ -10,7 +10,7 @@ export { BsDaterangepickerInlineDirective } from './bs-daterangepicker-inline.co
 export { BsDatepickerInputDirective } from './bs-datepicker-input.directive';
 export { BsDaterangepickerInputDirective } from './bs-daterangepicker-input.directive';
 export { BsDatepickerModule } from './bs-datepicker.module';
-export { BsDatepickerViewMode, DatepickerDateCustomClasses } from './models';
+export { BsDatepickerViewMode, DatepickerDateCustomClasses, DatepickerDateTooltipText } from './models';
 export { BsDaterangepickerConfig } from './bs-daterangepicker.config';
 export { BsDaterangepickerContainerComponent } from './themes/bs/bs-daterangepicker-container.component';
 export { BsDaterangepickerDirective } from './bs-daterangepicker.component';

package/datepicker/reducer/bs-datepicker.actions.d.ts

@@ -1,6 +1,6 @@
 import { TimeUnit } from 'ngx-bootstrap/chronos';
 import { Action } from 'ngx-bootstrap/mini-ngrx';
-import { BsDatepickerViewMode, BsViewNavigationEvent, CellHoverEvent, DatepickerRenderOptions, DatepickerDateCustomClasses } from '../models';
+import { BsDatepickerViewMode, BsViewNavigationEvent, CellHoverEvent, DatepickerRenderOptions, DatepickerDateCustomClasses, DatepickerDateTooltipText } from '../models';
 export declare class BsDatepickerActions {
     static readonly CALCULATE = "[datepicker] calculate dates matrix";
     static readonly FORMAT = "[datepicker] format datepicker values";
@@ -18,6 +18,7 @@ export declare class BsDatepickerActions {
     static readonly SET_DATESENABLED = "[datepicker] set dates enabled";
     static readonly SET_IS_DISABLED = "[datepicker] set is disabled";
     static readonly SET_DATE_CUSTOM_CLASSES = "[datepicker] set date custom classes";
+    static readonly SET_DATE_TOOLTIP_TEXTS = "[datepicker] set date tooltip texts";
     static readonly SET_LOCALE = "[datepicker] set datepicker locale";
     static readonly SELECT_RANGE = "[daterangepicker] select dates range";
     calculate(): Action;
@@ -37,5 +38,6 @@ export declare class BsDatepickerActions {
     datesEnabled(dates: Date[]): Action;
     isDisabled(value: boolean): Action;
     setDateCustomClasses(value: DatepickerDateCustomClasses[]): Action;
+    setDateTooltipTexts(value: DatepickerDateTooltipText[]): Action;
     setLocale(locale: string): Action;
 }

package/datepicker/reducer/bs-datepicker.effects.d.ts

@@ -4,7 +4,7 @@ import { BsDatepickerActions } from './bs-datepicker.actions';
 import { BsDatepickerConfig } from '../bs-datepicker.config';
 import { BsDatepickerStore } from './bs-datepicker.store';
 import { BsLocaleService } from '../bs-locale.service';
-import { BsDatepickerViewMode, DatepickerRenderOptions, DatepickerDateCustomClasses, DaysCalendarViewModel, MonthsCalendarViewModel, YearsCalendarViewModel } from '../models';
+import { BsDatepickerViewMode, DatepickerRenderOptions, DatepickerDateCustomClasses, DatepickerDateTooltipText, DaysCalendarViewModel, MonthsCalendarViewModel, YearsCalendarViewModel } from '../models';
 export declare class BsDatepickerEffects {
     private _actions;
     private _localeService;
@@ -27,6 +27,7 @@ export declare class BsDatepickerEffects {
     setDatesEnabled(value: Date[]): BsDatepickerEffects;
     setDisabled(value: boolean): BsDatepickerEffects;
     setDateCustomClasses(value: DatepickerDateCustomClasses[]): BsDatepickerEffects;
+    setDateTooltipTexts(value: DatepickerDateTooltipText[]): BsDatepickerEffects;
     setOptions(_config: BsDatepickerConfig): BsDatepickerEffects;
     /** view to mode bindings */
     setBindings(container: BsDatepickerAbstractComponent): BsDatepickerEffects;

package/datepicker/reducer/bs-datepicker.state.d.ts

@@ -1,4 +1,4 @@
-import { BsDatepickerViewMode, DatepickerFormatOptions, DatepickerRenderOptions, DatepickerDateCustomClasses, DaysCalendarModel, DaysCalendarViewModel, MonthsCalendarViewModel, MonthViewOptions, YearsCalendarViewModel } from '../models';
+import { BsDatepickerViewMode, DatepickerFormatOptions, DatepickerRenderOptions, DatepickerDateCustomClasses, DatepickerDateTooltipText, DaysCalendarModel, DaysCalendarViewModel, MonthsCalendarViewModel, MonthViewOptions, YearsCalendarViewModel } from '../models';
 export interface BsDatepickerViewState {
     date: Date;
     mode: BsDatepickerViewMode;
@@ -15,6 +15,7 @@ export declare class BsDatepickerState implements DatepickerRenderOptions, Datep
     datesEnabled?: Date[];
     minMode?: BsDatepickerViewMode;
     dateCustomClasses?: DatepickerDateCustomClasses[];
+    dateTooltipTexts?: DatepickerDateTooltipText[];
     hoveredDate?: Date;
     hoveredMonth?: Date;
     hoveredYear?: Date;

package/datepicker/themes/bs/bs-custom-dates-view.component.d.ts

@@ -6,6 +6,7 @@ export interface BsCustomDates {
 export declare class BsCustomDatesViewComponent {
     ranges: BsCustomDates[];
     selectedRange: Date[];
+    customRangeLabel: string;
     onSelect: EventEmitter<BsCustomDates>;
     customRange: any;
     selectFromRanges(range: BsCustomDates): void;

package/datepicker/themes/bs/bs-datepicker-container.component.d.ts

@@ -1,26 +1,30 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { PositioningService } from 'ngx-bootstrap/positioning';
 import { BsDatepickerAbstractComponent } from '../../base/bs-datepicker-container';
 import { BsDatepickerConfig } from '../../bs-datepicker.config';
-import { DayViewModel } from '../../models';
+import { CalendarCellViewModel, DayViewModel } from '../../models';
 import { BsDatepickerActions } from '../../reducer/bs-datepicker.actions';
 import { BsDatepickerEffects } from '../../reducer/bs-datepicker.effects';
 import { BsDatepickerStore } from '../../reducer/bs-datepicker.store';
-import { PositioningService } from 'ngx-bootstrap/positioning';
-import { Subscription } from 'rxjs';
 export declare class BsDatepickerContainerComponent extends BsDatepickerAbstractComponent implements OnInit, OnDestroy {
     private _config;
     private _store;
     private _element;
     private _actions;
     private _positionService;
-    value: Date;
+    set value(value: Date);
     valueChange: EventEmitter<Date>;
     animationState: string;
     _subs: Subscription[];
     constructor(_renderer: Renderer2, _config: BsDatepickerConfig, _store: BsDatepickerStore, _element: ElementRef, _actions: BsDatepickerActions, _effects: BsDatepickerEffects, _positionService: PositioningService);
     ngOnInit(): void;
-    readonly isTopPosition: boolean;
+    get isTopPosition(): boolean;
     positionServiceEnable(): void;
     daySelectHandler(day: DayViewModel): void;
+    monthSelectHandler(day: CalendarCellViewModel): void;
+    yearSelectHandler(day: CalendarCellViewModel): void;
+    setToday(): void;
+    clearDate(): void;
     ngOnDestroy(): void;
 }

package/datepicker/themes/bs/bs-daterangepicker-container.component.d.ts

@@ -1,12 +1,12 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { PositioningService } from 'ngx-bootstrap/positioning';
 import { BsDatepickerAbstractComponent } from '../../base/bs-datepicker-container';
 import { BsDatepickerConfig } from '../../bs-datepicker.config';
-import { DayViewModel } from '../../models';
+import { CalendarCellViewModel, DayViewModel } from '../../models';
 import { BsDatepickerActions } from '../../reducer/bs-datepicker.actions';
 import { BsDatepickerEffects } from '../../reducer/bs-datepicker.effects';
 import { BsDatepickerStore } from '../../reducer/bs-datepicker.store';
-import { PositioningService } from 'ngx-bootstrap/positioning';
-import { Subscription } from 'rxjs';
 import { BsCustomDates } from './bs-custom-dates-view.component';
 export declare class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent implements OnInit, OnDestroy {
     private _config;
@@ -14,7 +14,7 @@ export declare class BsDaterangepickerContainerComponent extends BsDatepickerAbs
     private _element;
     private _actions;
     private _positionService;
-    value: Date[];
+    set value(value: Date[]);
     valueChange: EventEmitter<Date[]>;
     animationState: string;
     _rangeStack: Date[];
@@ -22,9 +22,13 @@ export declare class BsDaterangepickerContainerComponent extends BsDatepickerAbs
     _subs: Subscription[];
     constructor(_renderer: Renderer2, _config: BsDatepickerConfig, _store: BsDatepickerStore, _element: ElementRef, _actions: BsDatepickerActions, _effects: BsDatepickerEffects, _positionService: PositioningService);
     ngOnInit(): void;
-    readonly isTopPosition: boolean;
+    get isTopPosition(): boolean;
     positionServiceEnable(): void;
     daySelectHandler(day: DayViewModel): void;
+    monthSelectHandler(day: CalendarCellViewModel): void;
+    yearSelectHandler(day: CalendarCellViewModel): void;
+    rangesProcessing(day: CalendarCellViewModel): void;
     ngOnDestroy(): void;
     setRangeOnCalendar(dates: BsCustomDates): void;
+    setMaxDateRangeOnCalendar(currentSelection: Date): void;
 }

package/datepicker/themes/bs/bs-days-calendar-view.component.d.ts

@@ -11,6 +11,8 @@ export declare class BsDaysCalendarViewComponent {
     onHover: EventEmitter<CellHoverEvent>;
     onHoverWeek: EventEmitter<WeekViewModel>;
     isWeekHovered: boolean;
+    isiOS: boolean;
+    isShowTooltip: boolean;
     constructor(_config: BsDatepickerConfig);
     navigateTo(event: BsNavigationDirection): void;
     changeViewMode(event: BsDatepickerViewMode): void;

package/datepicker/utils/scss/mixins.css.map

@@ -6,8 +6,8 @@
 		"../../../../src/datepicker/utils/scss/variables.scss"
 	],
 	"sourcesContent": [
-		"@import 'variables';\n\n@mixin theming($name, $color) {\n  .theme-#{$name} {\n    .bs-datepicker-head {\n      background-color: $color;\n    }\n\n\n      .bs-datepicker-predefined-btns {\n        button {\n          &.selected {\n            background-color: $color ;\n          }\n      }\n    }\n\n    .bs-datepicker-body {\n      table {\n        td {\n          span.selected,\n          &.selected span,\n          span[class*=\"select-\"]:after,\n          &[class*=\"select-\"] span:after {\n            background-color: $color;\n          }\n\n          &.week span {\n            color: $color;\n          }\n\n          &.active-week span:hover {\n            cursor: pointer;\n            background-color: $color;\n            color: $font-color-01;\n            opacity: 0.5;\n            transition: 0s;\n          }\n        }\n      }\n    }\n  }\n}\n",
-		"$main-bg:         #fff !default;\n$custom-range-bg: #eee !default;\n\n$main-box-shadow: #aaa !default;\n\n$font-color-01:   #fff !default;\n$font-color-02:   #9aaec1 !default;\n$font-color-03:   #54708b !default;\n\n$border-color:    #e9edf0 !default;\n$highlighted:     #e9edf0 !default;\n\n$btn-bg:          #e9edf0 !default;\n$btn-bg-hover:    #d5dadd !default;\n\n$btn-bg2:         #9aaec1 !default;\n$btn-bg2-hover:   #54708b !default;\n\n$theme-gray:      #777 !default;\n$theme-green:     #5cb85c !default;\n$theme-blue:      #5bc0de !default;\n$theme-dark-blue: #337ab7 !default;\n$theme-red:       #d9534f !default;\n$theme-orange:    #f0ad4e !default;\n\n$disabled-background:  rgba(221, 221, 221, 0.3) !default;\n$disabled-color:       #f5f5f5 !default;\n\n$theme-list: (\n  'default': $theme-gray,\n  'green': $theme-green,\n  'blue': $theme-blue,\n  'dark-blue': $theme-dark-blue,\n  'red': $theme-red,\n  'orange': $theme-orange,\n) !default;\n"
+		"@import 'variables';\n\n@mixin theming($name, $color) {\n  .theme-#{$name} {\n    .bs-datepicker-head {\n      background-color: $color;\n    }\n\n    .btn-today-wrapper, .btn-clear-wrapper {\n      .btn-success {\n        background-color: $color;\n        border-color: $color;\n      }\n      .btn-success:not(:disabled):not(.disabled):active {\n        &:focus {\n          box-shadow: none;\n        }\n      }\n      .btn-success:focus {\n        box-shadow: none;\n      }\n    }\n\n    @if $name == 'green' {\n      .btn-today-wrapper, .btn-clear-wrapper {\n        .btn-success:not(:disabled):not(.disabled):active {\n          background-color: $active-theme-green;\n          border-color: $active-theme-green;\n        }\n\n        .btn-success:hover {\n          background-color: $hover-theme-green;\n          border-color: $hover-theme-green;\n        }\n      }\n    }\n\n    @if $name == 'blue' {\n      .btn-today-wrapper, .btn-clear-wrapper {\n        .btn-success:not(:disabled):not(.disabled):active {\n          background-color: $active-theme-blue;\n          border-color: $active-theme-blue;\n        }\n\n        .btn-success:hover {\n          background-color: $hover-theme-blue;\n          border-color: $hover-theme-blue;\n        }\n      }\n    }\n\n    @if $name == 'dark-blue' {\n      .btn-today-wrapper, .btn-clear-wrapper {\n        .btn-success:not(:disabled):not(.disabled):active {\n          background-color: $active-theme-dark-blue;\n          border-color: $active-theme-dark-blue;\n        }\n\n        .btn-success:hover {\n          background-color: $hover-theme-dark-blue;\n          border-color: $hover-theme-dark-blue;\n        }\n      }\n    }\n\n    @if $name == 'orange' {\n      .btn-today-wrapper, .btn-clear-wrapper {\n        .btn-success:not(:disabled):not(.disabled):active {\n          background-color: $active-theme-orange;\n          border-color: $active-theme-orange;\n        }\n\n        .btn-success:hover {\n          background-color: $hover-theme-orange;\n          border-color: $hover-theme-orange;\n        }\n      }\n    }\n\n    @if $name == 'red' {\n      .btn-today-wrapper, .btn-clear-wrapper {\n        .btn-success:not(:disabled):not(.disabled):active {\n          background-color: $active-theme-red;\n          border-color: $active-theme-red;\n        }\n\n        .btn-success:hover {\n          background-color: $hover-theme-red;\n          border-color: $hover-theme-red;\n        }\n      }\n    }\n\n    @if $name == 'default' {\n      .btn-today-wrapper, .btn-clear-wrapper {\n        .btn-success:not(:disabled):not(.disabled):active {\n          background-color: $active-theme-default;\n          border-color: $active-theme-default;\n        }\n\n        .btn-success:hover {\n          background-color: $hover-theme-default;\n          border-color: $hover-theme-default;\n        }\n      }\n    }\n\n      .bs-datepicker-predefined-btns {\n        button {\n          &.selected {\n            background-color: $color ;\n          }\n      }\n    }\n\n    .bs-datepicker-body {\n      table {\n        td {\n          span.selected,\n          &.selected span,\n          span[class*=\"select-\"]:after,\n          &[class*=\"select-\"] span:after {\n            background-color: $color;\n          }\n\n          &.week span {\n            color: $color;\n          }\n\n          &.active-week span:hover {\n            cursor: pointer;\n            background-color: $color;\n            color: $font-color-01;\n            opacity: 0.5;\n            transition: 0s;\n          }\n        }\n      }\n    }\n  }\n}\n",
+		"$main-bg:         #fff !default;\n$custom-range-bg: #eee !default;\n\n$main-box-shadow: #aaa !default;\n\n$font-color-01:   #fff !default;\n$font-color-02:   #9aaec1 !default;\n$font-color-03:   #54708b !default;\n\n$border-color:    #e9edf0 !default;\n$highlighted:     #e9edf0 !default;\n\n$btn-bg:          #e9edf0 !default;\n$btn-bg-hover:    #d5dadd !default;\n\n$btn-bg2:         #9aaec1 !default;\n$btn-bg2-hover:   #54708b !default;\n\n$theme-gray:      #777 !default;\n$theme-green:     #5cb85c !default;\n$theme-blue:      #5bc0de !default;\n$theme-dark-blue: #337ab7 !default;\n$theme-red:       #d9534f !default;\n$theme-orange:    #f0ad4e !default;\n\n$disabled-background:  rgba(221, 221, 221, 0.3) !default;\n$disabled-color:       #f5f5f5 !default;\n\n$hover-theme-default: #6F6E6E;\n$hover-theme-green: #218838;\n$hover-theme-blue: #3AB3D7;\n$hover-theme-dark-blue: #2C6FA9;\n$hover-theme-orange: #FFAC35;\n$hover-theme-red: #E33732;\n\n$active-theme-default: #616161;\n$active-theme-green: #1e7e34;\n$active-theme-blue: #2AA8CD;\n$active-theme-dark-blue: #266498;\n$active-theme-orange: #ED9C29;\n$active-theme-red: #D23531;\n\n$theme-list: (\n  'default': $theme-gray,\n  'green': $theme-green,\n  'blue': $theme-blue,\n  'dark-blue': $theme-dark-blue,\n  'red': $theme-red,\n  'orange': $theme-orange,\n) !default;\n"
 	],
 	"names": [],
 	"mappings": ""

package/datepicker/utils/scss/mixins.scss

@@ -6,6 +6,104 @@
       background-color: $color;
     }
 
+    .btn-today-wrapper, .btn-clear-wrapper {
+      .btn-success {
+        background-color: $color;
+        border-color: $color;
+      }
+      .btn-success:not(:disabled):not(.disabled):active {
+        &:focus {
+          box-shadow: none;
+        }
+      }
+      .btn-success:focus {
+        box-shadow: none;
+      }
+    }
+
+    @if $name == 'green' {
+      .btn-today-wrapper, .btn-clear-wrapper {
+        .btn-success:not(:disabled):not(.disabled):active {
+          background-color: $active-theme-green;
+          border-color: $active-theme-green;
+        }
+
+        .btn-success:hover {
+          background-color: $hover-theme-green;
+          border-color: $hover-theme-green;
+        }
+      }
+    }
+
+    @if $name == 'blue' {
+      .btn-today-wrapper, .btn-clear-wrapper {
+        .btn-success:not(:disabled):not(.disabled):active {
+          background-color: $active-theme-blue;
+          border-color: $active-theme-blue;
+        }
+
+        .btn-success:hover {
+          background-color: $hover-theme-blue;
+          border-color: $hover-theme-blue;
+        }
+      }
+    }
+
+    @if $name == 'dark-blue' {
+      .btn-today-wrapper, .btn-clear-wrapper {
+        .btn-success:not(:disabled):not(.disabled):active {
+          background-color: $active-theme-dark-blue;
+          border-color: $active-theme-dark-blue;
+        }
+
+        .btn-success:hover {
+          background-color: $hover-theme-dark-blue;
+          border-color: $hover-theme-dark-blue;
+        }
+      }
+    }
+
+    @if $name == 'orange' {
+      .btn-today-wrapper, .btn-clear-wrapper {
+        .btn-success:not(:disabled):not(.disabled):active {
+          background-color: $active-theme-orange;
+          border-color: $active-theme-orange;
+        }
+
+        .btn-success:hover {
+          background-color: $hover-theme-orange;
+          border-color: $hover-theme-orange;
+        }
+      }
+    }
+
+    @if $name == 'red' {
+      .btn-today-wrapper, .btn-clear-wrapper {
+        .btn-success:not(:disabled):not(.disabled):active {
+          background-color: $active-theme-red;
+          border-color: $active-theme-red;
+        }
+
+        .btn-success:hover {
+          background-color: $hover-theme-red;
+          border-color: $hover-theme-red;
+        }
+      }
+    }
+
+    @if $name == 'default' {
+      .btn-today-wrapper, .btn-clear-wrapper {
+        .btn-success:not(:disabled):not(.disabled):active {
+          background-color: $active-theme-default;
+          border-color: $active-theme-default;
+        }
+
+        .btn-success:hover {
+          background-color: $hover-theme-default;
+          border-color: $hover-theme-default;
+        }
+      }
+    }
 
       .bs-datepicker-predefined-btns {
         button {

package/datepicker/utils/scss/variables.css.map

@@ -5,7 +5,7 @@
 		"../../../../src/datepicker/utils/scss/variables.scss"
 	],
 	"sourcesContent": [
-		"$main-bg:         #fff !default;\n$custom-range-bg: #eee !default;\n\n$main-box-shadow: #aaa !default;\n\n$font-color-01:   #fff !default;\n$font-color-02:   #9aaec1 !default;\n$font-color-03:   #54708b !default;\n\n$border-color:    #e9edf0 !default;\n$highlighted:     #e9edf0 !default;\n\n$btn-bg:          #e9edf0 !default;\n$btn-bg-hover:    #d5dadd !default;\n\n$btn-bg2:         #9aaec1 !default;\n$btn-bg2-hover:   #54708b !default;\n\n$theme-gray:      #777 !default;\n$theme-green:     #5cb85c !default;\n$theme-blue:      #5bc0de !default;\n$theme-dark-blue: #337ab7 !default;\n$theme-red:       #d9534f !default;\n$theme-orange:    #f0ad4e !default;\n\n$disabled-background:  rgba(221, 221, 221, 0.3) !default;\n$disabled-color:       #f5f5f5 !default;\n\n$theme-list: (\n  'default': $theme-gray,\n  'green': $theme-green,\n  'blue': $theme-blue,\n  'dark-blue': $theme-dark-blue,\n  'red': $theme-red,\n  'orange': $theme-orange,\n) !default;\n"
+		"$main-bg:         #fff !default;\n$custom-range-bg: #eee !default;\n\n$main-box-shadow: #aaa !default;\n\n$font-color-01:   #fff !default;\n$font-color-02:   #9aaec1 !default;\n$font-color-03:   #54708b !default;\n\n$border-color:    #e9edf0 !default;\n$highlighted:     #e9edf0 !default;\n\n$btn-bg:          #e9edf0 !default;\n$btn-bg-hover:    #d5dadd !default;\n\n$btn-bg2:         #9aaec1 !default;\n$btn-bg2-hover:   #54708b !default;\n\n$theme-gray:      #777 !default;\n$theme-green:     #5cb85c !default;\n$theme-blue:      #5bc0de !default;\n$theme-dark-blue: #337ab7 !default;\n$theme-red:       #d9534f !default;\n$theme-orange:    #f0ad4e !default;\n\n$disabled-background:  rgba(221, 221, 221, 0.3) !default;\n$disabled-color:       #f5f5f5 !default;\n\n$hover-theme-default: #6F6E6E;\n$hover-theme-green: #218838;\n$hover-theme-blue: #3AB3D7;\n$hover-theme-dark-blue: #2C6FA9;\n$hover-theme-orange: #FFAC35;\n$hover-theme-red: #E33732;\n\n$active-theme-default: #616161;\n$active-theme-green: #1e7e34;\n$active-theme-blue: #2AA8CD;\n$active-theme-dark-blue: #266498;\n$active-theme-orange: #ED9C29;\n$active-theme-red: #D23531;\n\n$theme-list: (\n  'default': $theme-gray,\n  'green': $theme-green,\n  'blue': $theme-blue,\n  'dark-blue': $theme-dark-blue,\n  'red': $theme-red,\n  'orange': $theme-orange,\n) !default;\n"
 	],
 	"names": [],
 	"mappings": ""

package/datepicker/utils/scss/variables.scss

@@ -26,6 +26,20 @@ $theme-orange:    #f0ad4e !default;
 $disabled-background:  rgba(221, 221, 221, 0.3) !default;
 $disabled-color:       #f5f5f5 !default;
 
+$hover-theme-default: #6F6E6E;
+$hover-theme-green: #218838;
+$hover-theme-blue: #3AB3D7;
+$hover-theme-dark-blue: #2C6FA9;
+$hover-theme-orange: #FFAC35;
+$hover-theme-red: #E33732;
+
+$active-theme-default: #616161;
+$active-theme-green: #1e7e34;
+$active-theme-blue: #2AA8CD;
+$active-theme-dark-blue: #266498;
+$active-theme-orange: #ED9C29;
+$active-theme-red: #D23531;
+
 $theme-list: (
   'default': $theme-gray,
   'green': $theme-green,

package/datepicker/yearpicker.component.d.ts

@@ -5,7 +5,7 @@ export declare class YearPickerComponent implements OnInit {
     title: string;
     rows: any[];
     constructor(datePicker: DatePickerInnerComponent);
-    readonly isBs4: boolean;
+    get isBs4(): boolean;
     ngOnInit(): void;
     protected getStartingYear(year: number): number;
 }

package/dropdown/bs-dropdown-container.component.d.ts

@@ -8,7 +8,7 @@ export declare class BsDropdownContainerComponent implements OnDestroy {
     private _element;
     isOpen: boolean;
     private _factoryDropDownAnimation;
-    readonly direction: 'down' | 'up';
+    get direction(): 'down' | 'up';
     private _subscription;
     constructor(_state: BsDropdownState, cd: ChangeDetectorRef, _renderer: Renderer2, _element: ElementRef, _builder: AnimationBuilder);
     /** @internal */

package/dropdown/bs-dropdown.directive.d.ts

@@ -31,23 +31,28 @@ export declare class BsDropdownDirective implements OnInit, OnDestroy {
      * Indicates that dropdown will be closed on item or document click,
      * and after pressing ESC
      */
-    autoClose: boolean;
+    set autoClose(value: boolean);
+    get autoClose(): boolean;
     /**
      * Indicates that dropdown will be animated
      */
-    isAnimated: boolean;
+    set isAnimated(value: boolean);
+    get isAnimated(): boolean;
     /**
      * This attribute indicates that the dropdown shouldn't close on inside click when autoClose is set to true
      */
-    insideClick: boolean;
+    set insideClick(value: boolean);
+    get insideClick(): boolean;
     /**
      * Disables dropdown toggle and hides dropdown menu if opened
      */
-    isDisabled: boolean;
+    set isDisabled(value: boolean);
+    get isDisabled(): boolean;
     /**
      * Returns whether or not the popover is currently being shown
      */
-    isOpen: boolean;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
     /**
      * Emits an event when isOpen change
      */
@@ -60,9 +65,9 @@ export declare class BsDropdownDirective implements OnInit, OnDestroy {
      * Emits an event when the popover is hidden
      */
     onHidden: EventEmitter<boolean>;
-    readonly isBs4: boolean;
+    get isBs4(): boolean;
     private _dropdown;
-    private readonly _showInline;
+    private get _showInline();
     private _isInlineOpen;
     private _inlinedMenu;
     private _isDisabled;

package/dropdown/bs-dropdown.module.d.ts

@@ -1,4 +1,4 @@
 import { ModuleWithProviders } from '@angular/core';
 export declare class BsDropdownModule {
-    static forRoot(config?: any): ModuleWithProviders;
+    static forRoot(config?: any): ModuleWithProviders<BsDropdownModule>;
 }

package/dropdown/bundles/ngx-bootstrap-dropdown.umd.js

@@ -214,8 +214,11 @@
             this.isAnimated = false;
         }
         BsDropdownConfig.decorators = [
-            { type: core.Injectable }
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
         ];
+        /** @nocollapse */ BsDropdownConfig.ɵprov = core["ɵɵdefineInjectable"]({ factory: function BsDropdownConfig_Factory() { return new BsDropdownConfig(); }, token: BsDropdownConfig, providedIn: "root" });
         return BsDropdownConfig;
     }());
     if (false) {
@@ -825,9 +828,15 @@
          * @return {?}
          */
         function () {
+            var _this = this;
             if (this._state.isAnimated && this._inlinedMenu) {
-                this._factoryDropDownAnimation.create(this._inlinedMenu.rootNodes[0])
-                    .play();
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this._factoryDropDownAnimation.create(_this._inlinedMenu.rootNodes[0])
+                        .play();
+                }));
             }
         };
         /**
@@ -1264,11 +1273,7 @@
                 providers: [
                     componentLoader.ComponentLoaderFactory,
                     positioning.PositioningService,
-                    BsDropdownState,
-                    {
-                        provide: BsDropdownConfig,
-                        useValue: config ? config : { autoClose: true, insideClick: false }
-                    }
+                    BsDropdownState
                 ]
             };
         };