ngx-bootstrap 3.1.2 → 3.3.0

package/datepicker/public_api.d.ts

@@ -1,13 +1,16 @@
+export { BsDatepickerConfig } from './bs-datepicker.config';
+export { BsDatepickerDirective } from './bs-datepicker.component';
+export { BsDatepickerInlineConfig } from './bs-datepicker-inline.config';
+export { BsDatepickerInlineDirective } from './bs-datepicker-inline.component';
+export { BsDatepickerModule } from './bs-datepicker.module';
+export { BsDatepickerViewMode } from './models';
+export { BsDaterangepickerConfig } from './bs-daterangepicker.config';
+export { BsDaterangepickerDirective } from './bs-daterangepicker.component';
+export { BsLocaleService } from './bs-locale.service';
+export { DateFormatter } from './date-formatter';
 export { DatePickerComponent } from './datepicker.component';
+export { DatepickerConfig } from './datepicker.config';
 export { DatepickerModule } from './datepicker.module';
 export { DayPickerComponent } from './daypicker.component';
 export { MonthPickerComponent } from './monthpicker.component';
 export { YearPickerComponent } from './yearpicker.component';
-export { DateFormatter } from './date-formatter';
-export { DatepickerConfig } from './datepicker.config';
-export { BsDatepickerModule } from './bs-datepicker.module';
-export { BsDatepickerDirective } from './bs-datepicker.component';
-export { BsDaterangepickerDirective } from './bs-daterangepicker.component';
-export { BsDatepickerConfig } from './bs-datepicker.config';
-export { BsDaterangepickerConfig } from './bs-daterangepicker.config';
-export { BsLocaleService } from './bs-locale.service';

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

@@ -13,6 +13,8 @@ export declare class BsDatepickerActions {
     static readonly CHANGE_VIEWMODE: string;
     static readonly SET_MIN_DATE: string;
     static readonly SET_MAX_DATE: string;
+    static readonly SET_DAYSDISABLED: string;
+    static readonly SET_DATESDISABLED: string;
     static readonly SET_IS_DISABLED: string;
     static readonly SET_LOCALE: string;
     static readonly SELECT_RANGE: string;
@@ -28,6 +30,8 @@ export declare class BsDatepickerActions {
     hoverDay(event: CellHoverEvent): Action;
     minDate(date: Date): Action;
     maxDate(date: Date): Action;
+    daysDisabled(days: number[]): Action;
+    datesDisabled(dates: Date[]): Action;
     isDisabled(value: boolean): Action;
     setLocale(locale: string): Action;
 }

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

@@ -1,10 +1,10 @@
 import { Observable } from 'rxjs';
 import { BsDatepickerAbstractComponent } from '../base/bs-datepicker-container';
-import { BsDatepickerConfig } from '../bs-datepicker.config';
-import { BsDatepickerViewMode, DatepickerRenderOptions, DaysCalendarViewModel, MonthsCalendarViewModel, YearsCalendarViewModel } from '../models';
 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, DaysCalendarViewModel, MonthsCalendarViewModel, YearsCalendarViewModel } from '../models';
 export declare class BsDatepickerEffects {
     private _actions;
     private _localeService;
@@ -22,6 +22,8 @@ export declare class BsDatepickerEffects {
     setRangeValue(value: Date[]): void;
     setMinDate(value: Date): BsDatepickerEffects;
     setMaxDate(value: Date): BsDatepickerEffects;
+    setDaysDisabled(value: number[]): this;
+    setDatesDisabled(value: Date[]): this;
     setDisabled(value: boolean): BsDatepickerEffects;
     setOptions(_config: BsDatepickerConfig): BsDatepickerEffects;
     /** view to mode bindings */

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

@@ -10,12 +10,16 @@ export declare class BsDatepickerState implements DatepickerRenderOptions, Datep
     isDisabled?: boolean;
     minDate?: Date;
     maxDate?: Date;
+    daysDisabled?: number[];
+    datesDisabled?: Date[];
+    minMode?: BsDatepickerViewMode;
     hoveredDate?: Date;
     hoveredMonth?: Date;
     hoveredYear?: Date;
     monthsModel?: DaysCalendarModel[];
     formattedMonths?: DaysCalendarViewModel[];
     flaggedMonths?: DaysCalendarViewModel[];
+    selectFromOtherMonth?: boolean;
     monthsCalendar?: MonthsCalendarViewModel[];
     flaggedMonthsCalendar?: MonthsCalendarViewModel[];
     yearsCalendarModel?: YearsCalendarViewModel[];

package/datepicker/themes/bs/bs-datepicker-day-decorator.directive.d.ts

@@ -1,4 +1,11 @@
+import { ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { BsDatepickerConfig } from '../../bs-datepicker.config';
 import { DayViewModel } from '../../models';
-export declare class BsDatepickerDayDecoratorComponent {
+export declare class BsDatepickerDayDecoratorComponent implements OnInit {
+    private _config;
+    private _elRef;
+    private _renderer;
     day: DayViewModel;
+    constructor(_config: BsDatepickerConfig, _elRef: ElementRef, _renderer: Renderer2);
+    ngOnInit(): void;
 }

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

@@ -0,0 +1,9 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { BsDatepickerContainerComponent } from './bs-datepicker-container.component';
+import { BsDatepickerConfig } from '../../bs-datepicker.config';
+import { BsDatepickerActions } from '../../reducer/bs-datepicker.actions';
+import { BsDatepickerEffects } from '../../reducer/bs-datepicker.effects';
+import { BsDatepickerStore } from '../../reducer/bs-datepicker.store';
+export declare class BsDatepickerInlineContainerComponent extends BsDatepickerContainerComponent implements OnInit, OnDestroy {
+    constructor(_config: BsDatepickerConfig, _store: BsDatepickerStore, _actions: BsDatepickerActions, _effects: BsDatepickerEffects);
+}

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

@@ -1,14 +1,21 @@
 import { EventEmitter } from '@angular/core';
-import { BsDatepickerViewMode, BsNavigationDirection, BsNavigationEvent, CellHoverEvent, DatepickerRenderOptions, DaysCalendarViewModel, DayViewModel } from '../../models';
+import { BsDatepickerViewMode, BsNavigationDirection, BsNavigationEvent, CellHoverEvent, DatepickerRenderOptions, DaysCalendarViewModel, DayViewModel, WeekViewModel } from '../../models';
+import { BsDatepickerConfig } from '../../bs-datepicker.config';
 export declare class BsDaysCalendarViewComponent {
+    private _config;
     calendar: DaysCalendarViewModel;
     options: DatepickerRenderOptions;
     onNavigate: EventEmitter<BsNavigationEvent>;
     onViewMode: EventEmitter<BsDatepickerViewMode>;
     onSelect: EventEmitter<DayViewModel>;
     onHover: EventEmitter<CellHoverEvent>;
+    onHoverWeek: EventEmitter<WeekViewModel>;
+    isWeekHovered: boolean;
+    constructor(_config: BsDatepickerConfig);
     navigateTo(event: BsNavigationDirection): void;
     changeViewMode(event: BsDatepickerViewMode): void;
     selectDay(event: DayViewModel): void;
+    selectWeek(week: WeekViewModel): void;
+    weekHoverHandler(cell: WeekViewModel, isHovered: boolean): void;
     hoverDay(cell: DayViewModel, isHovered: boolean): void;
 }

package/datepicker/utils/bs-calendar-utils.d.ts

@@ -4,3 +4,4 @@ export declare function getStartingDayOfCalendar(date: Date, options: {
 export declare function calculateDateOffset(weekday: number, startingDayOffset: number): number;
 export declare function isMonthDisabled(date: Date, min: Date, max: Date): boolean;
 export declare function isYearDisabled(date: Date, min: Date, max: Date): boolean;
+export declare function isDisabledDate(date: Date, datesDisabled: Date[]): boolean;

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

@@ -2,10 +2,12 @@
 	"version": 3,
 	"file": "mixins.css",
 	"sources": [
-		"../../../../src/datepicker/utils/scss/mixins.scss"
+		"../../../../src/datepicker/utils/scss/mixins.scss",
+		"../../../../src/datepicker/utils/scss/variables.scss"
 	],
 	"sourcesContent": [
-		"@mixin theming($name, $color) {\n  .theme-#{$name} {\n    .bs-datepicker-head {\n      background-color: $color;\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      }\n    }\n  }\n}\n"
+		"@import 'variables';\n\n@mixin theming($name, $color) {\n  .theme-#{$name} {\n    .bs-datepicker-head {\n      background-color: $color;\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"
 	],
 	"names": [],
 	"mappings": ""

package/datepicker/utils/scss/mixins.scss

@@ -1,3 +1,5 @@
+@import 'variables';
+
 @mixin theming($name, $color) {
   .theme-#{$name} {
     .bs-datepicker-head {
@@ -17,6 +19,14 @@
           &.week span {
             color: $color;
           }
+
+          &.active-week span:hover {
+            cursor: pointer;
+            background-color: $color;
+            color: $font-color-01;
+            opacity: 0.5;
+            transition: 0s;
+          }
         }
       }
     }

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

@@ -4,9 +4,12 @@ export declare class BsDropdownContainerComponent implements OnDestroy {
     private _state;
     private cd;
     private _renderer;
+    private _element;
     isOpen: boolean;
     readonly direction: 'down' | 'up';
     private _subscription;
     constructor(_state: BsDropdownState, cd: ChangeDetectorRef, _renderer: Renderer2, _element: ElementRef);
+    /** @internal */
+    _contains(el: Element): boolean;
     ngOnDestroy(): void;
 }

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

@@ -1,12 +1,14 @@
 import { ElementRef, OnDestroy } from '@angular/core';
 import { BsDropdownState } from './bs-dropdown.state';
+import { BsDropdownDirective } from './bs-dropdown.directive';
 export declare class BsDropdownToggleDirective implements OnDestroy {
     private _state;
     private _element;
+    private dropdown;
     isDisabled: boolean;
     isOpen: boolean;
     private _subscriptions;
-    constructor(_state: BsDropdownState, _element: ElementRef);
+    constructor(_state: BsDropdownState, _element: ElementRef, dropdown: BsDropdownDirective);
     onClick(): void;
     onDocumentClick(event: MouseEvent): void;
     onEsc(): void;

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

@@ -2,4 +2,6 @@
 export declare class BsDropdownConfig {
     /** default dropdown auto closing behavior */
     autoClose: boolean;
+    /** default dropdown auto closing behavior */
+    insideClick: boolean;
 }

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

@@ -32,6 +32,10 @@ export declare class BsDropdownDirective implements OnInit, OnDestroy {
      * and after pressing ESC
      */
     autoClose: boolean;
+    /**
+     * This attribute indicates that the dropdown shouldn't close on inside click when autoClose is set to true
+     */
+    insideClick: boolean;
     /**
      * Disables dropdown toggle and hides dropdown menu if opened
      */
@@ -53,11 +57,11 @@ export declare class BsDropdownDirective implements OnInit, OnDestroy {
      */
     onHidden: EventEmitter<boolean>;
     readonly isBs4: boolean;
-    private _isInlineOpen;
+    private _dropdown;
     private readonly _showInline;
+    private _isInlineOpen;
     private _inlinedMenu;
     private _isDisabled;
-    private _dropdown;
     private _subscriptions;
     private _isInited;
     constructor(_elementRef: ElementRef, _renderer: Renderer2, _viewContainerRef: ViewContainerRef, _cis: ComponentLoaderFactory, _config: BsDropdownConfig, _state: BsDropdownState);
@@ -78,6 +82,8 @@ export declare class BsDropdownDirective implements OnInit, OnDestroy {
      * only hides opened dropdown. Parameter usage will be removed in ngx-bootstrap v3
      */
     toggle(value?: boolean): void;
+    /** @internal */
+    _contains(event: any): boolean;
     ngOnDestroy(): void;
     private addBs4Polyfills();
     private addShowClass();

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

@@ -3,6 +3,7 @@ import { BsComponentRef } from 'ngx-bootstrap/component-loader';
 export declare class BsDropdownState {
     direction: 'down' | 'up';
     autoClose: boolean;
+    insideClick: boolean;
     isOpenChange: EventEmitter<boolean>;
     isDisabledChange: EventEmitter<boolean>;
     toggleClick: EventEmitter<boolean>;