ngx-bootstrap 1.8.1 → 1.9.3

package/datepicker/themes/bs/bs-daterangepicker-container.component.js

@@ -0,0 +1,102 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Component, EventEmitter } from '@angular/core';
+import { BsDatepickerAbstractComponent } from '../../base/bs-datepicker-container';
+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';
+var BsDaterangepickerContainerComponent = (function (_super) {
+    __extends(BsDaterangepickerContainerComponent, _super);
+    function BsDaterangepickerContainerComponent(_config, _store, _actions, _effects) {
+        var _this = _super.call(this) || this;
+        _this._config = _config;
+        _this._store = _store;
+        _this._actions = _actions;
+        _this.valueChange = new EventEmitter();
+        _this._rangeStack = [];
+        _this._subs = [];
+        _this._effects = _effects;
+        return _this;
+    }
+    Object.defineProperty(BsDaterangepickerContainerComponent.prototype, "value", {
+        set: function (value) {
+            this._effects.setRangeValue(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    BsDaterangepickerContainerComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.containerClass = this._config.containerClass;
+        this._effects
+            .init(this._store)
+            .setOptions(this._config)
+            .setBindings(this)
+            .setEventHandlers(this)
+            .registerDatepickerSideEffects();
+        // todo: move it somewhere else
+        // on selected date change
+        this._subs.push(this._store
+            .select(function (state) { return state.selectedRange; })
+            .subscribe(function (date) { return _this.valueChange.emit(date); }));
+    };
+    BsDaterangepickerContainerComponent.prototype.daySelectHandler = function (day) {
+        if (day.isOtherMonth || day.isDisabled) {
+            return;
+        }
+        // if only one date is already selected
+        // and user clicks on previous date
+        // start selection from new date
+        // but if new date is after initial one
+        // than finish selection
+        if (this._rangeStack.length === 1) {
+            this._rangeStack = day.date >= this._rangeStack[0]
+                ? [this._rangeStack[0], day.date]
+                : [day.date];
+        }
+        if (this._rangeStack.length === 0) {
+            this._rangeStack = [day.date];
+        }
+        this._store.dispatch(this._actions.selectRange(this._rangeStack));
+        if (this._rangeStack.length === 2) {
+            this._rangeStack = [];
+        }
+    };
+    BsDaterangepickerContainerComponent.prototype.ngOnDestroy = function () {
+        for (var _i = 0, _a = this._subs; _i < _a.length; _i++) {
+            var sub = _a[_i];
+            sub.unsubscribe();
+        }
+        this._effects.destroy();
+    };
+    BsDaterangepickerContainerComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'bs-daterangepicker-container',
+                    providers: [BsDatepickerStore, BsDatepickerEffects],
+                    template: "<!-- days calendar view mode --> <div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\"> <div class=\"bs-datepicker-container\"> <!--calendars--> <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\"> <!--days calendar--> <div *ngSwitchCase=\"'day'\"> <bs-days-calendar-view *ngFor=\"let calendar of (daysCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" [options]=\"options | async\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"dayHoverHandler($event)\" (onSelect)=\"daySelectHandler($event)\" ></bs-days-calendar-view> </div> <!--months calendar--> <div *ngSwitchCase=\"'month'\"> <bs-month-calendar-view *ngFor=\"let calendar of (monthsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"monthHoverHandler($event)\" (onSelect)=\"monthSelectHandler($event)\" ></bs-month-calendar-view> </div> <!--years calendar--> <div *ngSwitchCase=\"'year'\"> <bs-years-calendar-view *ngFor=\"let calendar of (yearsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"yearHoverHandler($event)\" (onSelect)=\"yearSelectHandler($event)\" ></bs-years-calendar-view> </div> </div> <!--applycancel buttons--> <div class=\"bs-datepicker-buttons\" *ngIf=\"false\"> <button class=\"btn btn-success\">Apply</button> <button class=\"btn btn-default\">Cancel</button> </div> </div> <!--custom dates or date ranges picker--> <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\"> <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view> </div> </div> ",
+                    host: {
+                        '(click)': '_stopPropagation($event)',
+                        style: 'position: absolute; display: block;'
+                    }
+                },] },
+    ];
+    /** @nocollapse */
+    BsDaterangepickerContainerComponent.ctorParameters = function () { return [
+        { type: BsDatepickerConfig, },
+        { type: BsDatepickerStore, },
+        { type: BsDatepickerActions, },
+        { type: BsDatepickerEffects, },
+    ]; };
+    return BsDaterangepickerContainerComponent;
+}(BsDatepickerAbstractComponent));
+export { BsDaterangepickerContainerComponent };
+//# sourceMappingURL=bs-daterangepicker-container.component.js.map

package/datepicker/themes/bs/bs-daterangepicker-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../.tmp/datepicker/themes/bs/bs-daterangepicker-container.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAA,EAAW,YAAA,EAAgC,MAAO,eAAA,CAAgB;AAC3E,OAAO,EAAE,6BAAA,EAA8B,MAAO,oCAAA,CAAqC;AACnF,OAAO,EAAE,kBAAA,EAAmB,MAAO,4BAAA,CAA6B;AAEhE,OAAO,EAAE,mBAAA,EAAoB,MAAO,qCAAA,CAAsC;AAC1E,OAAO,EAAE,mBAAA,EAAoB,MAAO,qCAAA,CAAsC;AAC1E,OAAO,EAAE,iBAAA,EAAkB,MAAO,mCAAA,CAAoC;AAItE;IACU,uDAA6B;IAWrC,6CAAoB,OAA2B,EAC3B,MAAyB,EACzB,QAA6B,EACrC,QAA6B;QAHzC,YAIE,iBAAO,SAER;QANmB,aAAO,GAAP,OAAO,CAAoB;QAC3B,YAAM,GAAN,MAAM,CAAmB;QACzB,cAAQ,GAAR,QAAQ,CAAqB;QANjD,iBAAW,GAAG,IAAI,YAAY,EAAU,CAAC;QAEzC,iBAAW,GAAW,EAAE,CAAC;QACzB,WAAK,GAAmB,EAAE,CAAC;QAMzB,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;;IAC3B,CAAC;IAdD,sBAAI,sDAAK;aAAT,UAAU,KAAa;YACrB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;;;OAAA;IAcD,sDAAQ,GAAR;QAAA,iBAkBC;QAjBC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAClD,IAAI,CAAC,QAAQ;aACV,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;aAGjB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;aAExB,WAAW,CAAC,IAAI,CAAC;aAEjB,gBAAgB,CAAC,IAAI,CAAC;aACtB,6BAA6B,EAAE,CAAC;QAEnC,+BAA+B;QAC/B,0BAA0B;QAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;aACxB,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,aAAa,EAAnB,CAAmB,CAAC;aACpC,SAAS,CAAC,UAAA,IAAI,IAAI,OAAA,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAA3B,CAA2B,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,8DAAgB,GAAhB,UAAiB,GAAiB;QAChC,EAAE,CAAC,CAAC,GAAG,CAAC,YAAY,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;YACvC,MAAM,CAAC;QACT,CAAC;QAED,uCAAuC;QACvC,mCAAmC;QACnC,gCAAgC;QAChC,uCAAuC;QACvC,wBAAwB;QACxB,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;kBAC9C,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC;kBAC/B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QAED,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAElE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED,yDAAW,GAAX;QACE,GAAG,CAAC,CAAc,UAAU,EAAV,KAAA,IAAI,CAAC,KAAK,EAAV,cAAU,EAAV,IAAU;YAAvB,IAAM,GAAG,SAAA;YACZ,GAAG,CAAC,WAAW,EAAE,CAAC;SACnB;QACD,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC;IACI,8CAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACxB,QAAQ,EAAE,8BAA8B;oBACxC,SAAS,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,CAAC;oBACnD,QAAQ,EAAE,m2DAAm2D;oBAC72D,IAAI,EAAE;wBACJ,SAAS,EAAE,0BAA0B;wBACrC,KAAK,EAAE,qCAAqC;qBAC7C;iBACF,EAAG,EAAE;KACL,CAAC;IACF,kBAAkB;IACX,kDAAc,GAAmE,cAAM,OAAA;QAC9F,EAAC,IAAI,EAAE,kBAAkB,GAAG;QAC5B,EAAC,IAAI,EAAE,iBAAiB,GAAG;QAC3B,EAAC,IAAI,EAAE,mBAAmB,GAAG;QAC7B,EAAC,IAAI,EAAE,mBAAmB,GAAG;KAC5B,EAL6F,CAK7F,CAAC;IACF,0CAAC;CA3FD,AA2FC,CA1FS,6BAA6B,GA0FtC;SA3FY,mCAAmC","file":"bs-daterangepicker-container.component.js","sourceRoot":"","sourcesContent":["import { Component, EventEmitter, OnDestroy, OnInit } from '@angular/core';\nimport { BsDatepickerAbstractComponent } from '../../base/bs-datepicker-container';\nimport { BsDatepickerConfig } from '../../bs-datepicker.config';\nimport { DayViewModel } from '../../models/index';\nimport { BsDatepickerActions } from '../../reducer/bs-datepicker.actions';\nimport { BsDatepickerEffects } from '../../reducer/bs-datepicker.effects';\nimport { BsDatepickerStore } from '../../reducer/bs-datepicker.store';\nimport { Subscription } from 'rxjs/Subscription';\n\n\nexport class BsDaterangepickerContainerComponent\n  extends BsDatepickerAbstractComponent\n  implements OnInit, OnDestroy {\n\n  set value(value: Date[]) {\n    this._effects.setRangeValue(value);\n  }\n\n  valueChange = new EventEmitter<Date[]>();\n\n  _rangeStack: Date[] = [];\n  _subs: Subscription[] = [];\n  constructor(private _config: BsDatepickerConfig,\n              private _store: BsDatepickerStore,\n              private _actions: BsDatepickerActions,\n              _effects: BsDatepickerEffects) {\n    super();\n    this._effects = _effects;\n  }\n\n  ngOnInit(): void {\n    this.containerClass = this._config.containerClass;\n    this._effects\n      .init(this._store)\n      // intial state options\n      // todo: fix this, split configs\n      .setOptions(this._config)\n      // data binding view --> model\n      .setBindings(this)\n      // set event handlers\n      .setEventHandlers(this)\n      .registerDatepickerSideEffects();\n\n    // todo: move it somewhere else\n    // on selected date change\n    this._subs.push(this._store\n      .select(state => state.selectedRange)\n      .subscribe(date => this.valueChange.emit(date)));\n  }\n\n  daySelectHandler(day: DayViewModel): void {\n    if (day.isOtherMonth || day.isDisabled) {\n      return;\n    }\n\n    // if only one date is already selected\n    // and user clicks on previous date\n    // start selection from new date\n    // but if new date is after initial one\n    // than finish selection\n    if (this._rangeStack.length === 1) {\n      this._rangeStack = day.date >= this._rangeStack[0]\n        ? [this._rangeStack[0], day.date]\n        : [day.date];\n    }\n\n    if (this._rangeStack.length === 0) {\n      this._rangeStack = [day.date];\n    }\n\n    this._store.dispatch(this._actions.selectRange(this._rangeStack));\n\n    if (this._rangeStack.length === 2) {\n      this._rangeStack = [];\n    }\n  }\n\n  ngOnDestroy(): void {\n    for (const sub of this._subs) {\n      sub.unsubscribe();\n    }\n    this._effects.destroy();\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  selector: 'bs-daterangepicker-container',\n  providers: [BsDatepickerStore, BsDatepickerEffects],\n  template: \"<!-- days calendar view mode --> <div class=\\\"bs-datepicker\\\" [ngClass]=\\\"containerClass\\\" *ngIf=\\\"viewMode | async\\\"> <div class=\\\"bs-datepicker-container\\\"> <!--calendars--> <div class=\\\"bs-calendar-container\\\" [ngSwitch]=\\\"viewMode | async\\\"> <!--days calendar--> <div *ngSwitchCase=\\\"'day'\\\"> <bs-days-calendar-view *ngFor=\\\"let calendar of (daysCalendar | async)\\\" [class.bs-datepicker-multiple]=\\\"(daysCalendar | async).length > 1\\\" [calendar]=\\\"calendar\\\" [options]=\\\"options | async\\\" (onNavigate)=\\\"navigateTo($event)\\\" (onViewMode)=\\\"setViewMode($event)\\\" (onHover)=\\\"dayHoverHandler($event)\\\" (onSelect)=\\\"daySelectHandler($event)\\\" ></bs-days-calendar-view> </div> <!--months calendar--> <div *ngSwitchCase=\\\"'month'\\\"> <bs-month-calendar-view *ngFor=\\\"let calendar of (monthsCalendar | async)\\\" [class.bs-datepicker-multiple]=\\\"(daysCalendar | async).length > 1\\\" [calendar]=\\\"calendar\\\" (onNavigate)=\\\"navigateTo($event)\\\" (onViewMode)=\\\"setViewMode($event)\\\" (onHover)=\\\"monthHoverHandler($event)\\\" (onSelect)=\\\"monthSelectHandler($event)\\\" ></bs-month-calendar-view> </div> <!--years calendar--> <div *ngSwitchCase=\\\"'year'\\\"> <bs-years-calendar-view *ngFor=\\\"let calendar of (yearsCalendar | async)\\\" [class.bs-datepicker-multiple]=\\\"(daysCalendar | async).length > 1\\\" [calendar]=\\\"calendar\\\" (onNavigate)=\\\"navigateTo($event)\\\" (onViewMode)=\\\"setViewMode($event)\\\" (onHover)=\\\"yearHoverHandler($event)\\\" (onSelect)=\\\"yearSelectHandler($event)\\\" ></bs-years-calendar-view> </div> </div> <!--applycancel buttons--> <div class=\\\"bs-datepicker-buttons\\\" *ngIf=\\\"false\\\"> <button class=\\\"btn btn-success\\\">Apply</button> <button class=\\\"btn btn-default\\\">Cancel</button> </div> </div> <!--custom dates or date ranges picker--> <div class=\\\"bs-datepicker-custom-range\\\" *ngIf=\\\"false\\\"> <bs-custom-date-view [ranges]=\\\"_customRangesFish\\\"></bs-custom-date-view> </div> </div> \",\n  host: {\n    '(click)': '_stopPropagation($event)',\n    style: 'position: absolute; display: block;'\n  }\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: BsDatepickerConfig, },\n{type: BsDatepickerStore, },\n{type: BsDatepickerActions, },\n{type: BsDatepickerEffects, },\n];\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"]}

package/datepicker/themes/bs/bs-daterangepicker-container.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"BsDaterangepickerContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../base/bs-datepicker-container","name":"BsDatepickerAbstractComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-daterangepicker-container","providers":[{"__symbolic":"reference","module":"../../reducer/bs-datepicker.store","name":"BsDatepickerStore"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.effects","name":"BsDatepickerEffects"}],"template":"<!-- days calendar view mode --> <div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\"> <div class=\"bs-datepicker-container\"> <!--calendars--> <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\"> <!--days calendar--> <div *ngSwitchCase=\"'day'\"> <bs-days-calendar-view *ngFor=\"let calendar of (daysCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" [options]=\"options | async\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"dayHoverHandler($event)\" (onSelect)=\"daySelectHandler($event)\" ></bs-days-calendar-view> </div> <!--months calendar--> <div *ngSwitchCase=\"'month'\"> <bs-month-calendar-view *ngFor=\"let calendar of (monthsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"monthHoverHandler($event)\" (onSelect)=\"monthSelectHandler($event)\" ></bs-month-calendar-view> </div> <!--years calendar--> <div *ngSwitchCase=\"'year'\"> <bs-years-calendar-view *ngFor=\"let calendar of (yearsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"yearHoverHandler($event)\" (onSelect)=\"yearSelectHandler($event)\" ></bs-years-calendar-view> </div> </div> <!--applycancel buttons--> <div class=\"bs-datepicker-buttons\" *ngIf=\"false\"> <button class=\"btn btn-success\">Apply</button> <button class=\"btn btn-default\">Cancel</button> </div> </div> <!--custom dates or date ranges picker--> <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\"> <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view> </div> </div> ","host":{"(click)":"_stopPropagation($event)","style":"position: absolute; display: block;","$quoted$":["(click)"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../bs-datepicker.config","name":"BsDatepickerConfig"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.store","name":"BsDatepickerStore"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.actions","name":"BsDatepickerActions"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.effects","name":"BsDatepickerEffects"}]}],"ngOnInit":[{"__symbolic":"method"}],"daySelectHandler":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"BsDaterangepickerContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../base/bs-datepicker-container","name":"BsDatepickerAbstractComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-daterangepicker-container","providers":[{"__symbolic":"reference","module":"../../reducer/bs-datepicker.store","name":"BsDatepickerStore"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.effects","name":"BsDatepickerEffects"}],"template":"<!-- days calendar view mode --> <div class=\"bs-datepicker\" [ngClass]=\"containerClass\" *ngIf=\"viewMode | async\"> <div class=\"bs-datepicker-container\"> <!--calendars--> <div class=\"bs-calendar-container\" [ngSwitch]=\"viewMode | async\"> <!--days calendar--> <div *ngSwitchCase=\"'day'\"> <bs-days-calendar-view *ngFor=\"let calendar of (daysCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" [options]=\"options | async\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"dayHoverHandler($event)\" (onSelect)=\"daySelectHandler($event)\" ></bs-days-calendar-view> </div> <!--months calendar--> <div *ngSwitchCase=\"'month'\"> <bs-month-calendar-view *ngFor=\"let calendar of (monthsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"monthHoverHandler($event)\" (onSelect)=\"monthSelectHandler($event)\" ></bs-month-calendar-view> </div> <!--years calendar--> <div *ngSwitchCase=\"'year'\"> <bs-years-calendar-view *ngFor=\"let calendar of (yearsCalendar | async)\" [class.bs-datepicker-multiple]=\"(daysCalendar | async).length > 1\" [calendar]=\"calendar\" (onNavigate)=\"navigateTo($event)\" (onViewMode)=\"setViewMode($event)\" (onHover)=\"yearHoverHandler($event)\" (onSelect)=\"yearSelectHandler($event)\" ></bs-years-calendar-view> </div> </div> <!--applycancel buttons--> <div class=\"bs-datepicker-buttons\" *ngIf=\"false\"> <button class=\"btn btn-success\">Apply</button> <button class=\"btn btn-default\">Cancel</button> </div> </div> <!--custom dates or date ranges picker--> <div class=\"bs-datepicker-custom-range\" *ngIf=\"false\"> <bs-custom-date-view [ranges]=\"_customRangesFish\"></bs-custom-date-view> </div> </div> ","host":{"(click)":"_stopPropagation($event)","style":"position: absolute; display: block;"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../bs-datepicker.config","name":"BsDatepickerConfig"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.store","name":"BsDatepickerStore"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.actions","name":"BsDatepickerActions"},{"__symbolic":"reference","module":"../../reducer/bs-datepicker.effects","name":"BsDatepickerEffects"}]}],"ngOnInit":[{"__symbolic":"method"}],"daySelectHandler":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

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

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import { BsDatepickerViewMode, BsNavigationDirection, BsNavigationEvent, CellHoverEvent, DatepickerRenderOptions, DaysCalendarViewModel, DayViewModel } from '../../models/index';
+export declare class BsDaysCalendarViewComponent {
+    calendar: DaysCalendarViewModel;
+    options: DatepickerRenderOptions;
+    onNavigate: EventEmitter<BsNavigationEvent>;
+    onViewMode: EventEmitter<BsDatepickerViewMode>;
+    onSelect: EventEmitter<DayViewModel>;
+    onHover: EventEmitter<CellHoverEvent>;
+    navigateTo(event: BsNavigationDirection): void;
+    changeViewMode(event: BsDatepickerViewMode): void;
+    selectDay(event: DayViewModel): void;
+    hoverDay(cell: DayViewModel, isHovered: boolean): void;
+}

package/datepicker/themes/bs/bs-days-calendar-view.component.js

@@ -0,0 +1,43 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { BsNavigationDirection } from '../../models/index';
+var BsDaysCalendarViewComponent = (function () {
+    function BsDaysCalendarViewComponent() {
+        this.onNavigate = new EventEmitter();
+        this.onViewMode = new EventEmitter();
+        this.onSelect = new EventEmitter();
+        this.onHover = new EventEmitter();
+    }
+    BsDaysCalendarViewComponent.prototype.navigateTo = function (event) {
+        var step = BsNavigationDirection.DOWN === event ? -1 : 1;
+        this.onNavigate.emit({ step: { month: step } });
+    };
+    BsDaysCalendarViewComponent.prototype.changeViewMode = function (event) {
+        this.onViewMode.emit(event);
+    };
+    BsDaysCalendarViewComponent.prototype.selectDay = function (event) {
+        this.onSelect.emit(event);
+    };
+    BsDaysCalendarViewComponent.prototype.hoverDay = function (cell, isHovered) {
+        this.onHover.emit({ cell: cell, isHovered: isHovered });
+    };
+    BsDaysCalendarViewComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'bs-days-calendar-view',
+                    // changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: "\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <!--days matrix-->\n      <table role=\"grid\" class=\"days weeks\">\n        <thead>\n        <tr>\n          <!--if show weeks-->\n          <th *ngIf=\"options.showWeekNumbers\"></th>\n          <th *ngFor=\"let weekday of calendar.weekdays; let i = index\"\n              aria-label=\"weekday\">{{ calendar.weekdays[i] }}\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr *ngFor=\"let week of calendar.weeks; let i = index\">\n          <td class=\"week\" *ngIf=\"options.showWeekNumbers\">\n            <span>{{ calendar.weekNumbers[i] }}</span>\n          </td>\n          <td *ngFor=\"let day of week.days\" role=\"gridcell\">\n          <span bsDatepickerDayDecorator\n                [day]=\"day\"\n                (click)=\"selectDay(day)\"\n                (mouseenter)=\"hoverDay(day, true)\"\n                (mouseleave)=\"hoverDay(day, false)\">{{ day.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n\n    </bs-calendar-layout>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    BsDaysCalendarViewComponent.ctorParameters = function () { return []; };
+    BsDaysCalendarViewComponent.propDecorators = {
+        'calendar': [{ type: Input },],
+        'options': [{ type: Input },],
+        'onNavigate': [{ type: Output },],
+        'onViewMode': [{ type: Output },],
+        'onSelect': [{ type: Output },],
+        'onHover': [{ type: Output },],
+    };
+    return BsDaysCalendarViewComponent;
+}());
+export { BsDaysCalendarViewComponent };
+//# sourceMappingURL=bs-days-calendar-view.component.js.map

package/datepicker/themes/bs/bs-days-calendar-view.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../.tmp/datepicker/themes/bs/bs-days-calendar-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,SAAA,EAAW,YAAA,EAAc,KAAA,EAAO,MAAA,EAAO,MAAO,eAAA,CAAgB;AAChG,OAAO,EAEL,qBAAqB,EAMtB,MAAM,oBAAA,CAAqB;AAG5B;IAAA;QAIG,eAAU,GAAG,IAAI,YAAY,EAAqB,CAAC;QACnD,eAAU,GAAG,IAAI,YAAY,EAAwB,CAAC;QAEtD,aAAQ,GAAG,IAAI,YAAY,EAAgB,CAAC;QAC5C,YAAO,GAAG,IAAI,YAAY,EAAkB,CAAC;IAwEhD,CAAC;IAtEC,gDAAU,GAAV,UAAW,KAA4B;QACrC,IAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,KAAK,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,EAAC,CAAC,CAAC;IAC9C,CAAC;IAED,oDAAc,GAAd,UAAe,KAA2B;QACxC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,+CAAS,GAAT,UAAU,KAAmB;QAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,8CAAQ,GAAR,UAAS,IAAkB,EAAE,SAAkB;QAC7C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,IAAI,MAAA,EAAE,SAAS,WAAA,EAAC,CAAC,CAAC;IACvC,CAAC;IACI,sCAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACxB,QAAQ,EAAE,uBAAuB;oBACjC,mDAAmD;oBACnD,QAAQ,EAAE,uuCAoCT;iBACF,EAAG,EAAE;KACL,CAAC;IACF,kBAAkB;IACX,0CAAc,GAAmE,cAAM,OAAA,EAC7F,EAD6F,CAC7F,CAAC;IACK,0CAAc,GAA2C;QAChE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAC9B,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAC7B,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACjC,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACjC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC/B,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;KAC7B,CAAC;IACF,kCAAC;CAhFD,AAgFC,IAAA;SAhFY,2BAA2B","file":"bs-days-calendar-view.component.js","sourceRoot":"","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  BsDatepickerViewMode,\n  BsNavigationDirection,\n  BsNavigationEvent,\n  CellHoverEvent,\n  DatepickerRenderOptions,\n  DaysCalendarViewModel,\n  DayViewModel\n} from '../../models/index';\n\n\nexport class BsDaysCalendarViewComponent {\n   calendar: DaysCalendarViewModel;\n   options: DatepickerRenderOptions;\n\n   onNavigate = new EventEmitter<BsNavigationEvent>();\n   onViewMode = new EventEmitter<BsDatepickerViewMode>();\n\n   onSelect = new EventEmitter<DayViewModel>();\n   onHover = new EventEmitter<CellHoverEvent>();\n\n  navigateTo(event: BsNavigationDirection): void {\n    const step = BsNavigationDirection.DOWN === event ? -1 : 1;\n    this.onNavigate.emit({step: {month: step}});\n  }\n\n  changeViewMode(event: BsDatepickerViewMode): void {\n    this.onViewMode.emit(event);\n  }\n\n  selectDay(event: DayViewModel): void {\n    this.onSelect.emit(event);\n  }\n\n  hoverDay(cell: DayViewModel, isHovered: boolean): void {\n    this.onHover.emit({cell, isHovered});\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  selector: 'bs-days-calendar-view',\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <!--days matrix-->\n      <table role=\"grid\" class=\"days weeks\">\n        <thead>\n        <tr>\n          <!--if show weeks-->\n          <th *ngIf=\"options.showWeekNumbers\"></th>\n          <th *ngFor=\"let weekday of calendar.weekdays; let i = index\"\n              aria-label=\"weekday\">{{ calendar.weekdays[i] }}\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr *ngFor=\"let week of calendar.weeks; let i = index\">\n          <td class=\"week\" *ngIf=\"options.showWeekNumbers\">\n            <span>{{ calendar.weekNumbers[i] }}</span>\n          </td>\n          <td *ngFor=\"let day of week.days\" role=\"gridcell\">\n          <span bsDatepickerDayDecorator\n                [day]=\"day\"\n                (click)=\"selectDay(day)\"\n                (mouseenter)=\"hoverDay(day, true)\"\n                (mouseleave)=\"hoverDay(day, false)\">{{ day.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n\n    </bs-calendar-layout>\n  `\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'calendar': [{ type: Input },],\n'options': [{ type: Input },],\n'onNavigate': [{ type: Output },],\n'onViewMode': [{ type: Output },],\n'onSelect': [{ type: Output },],\n'onHover': [{ type: Output },],\n};\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"]}

package/datepicker/themes/bs/bs-days-calendar-view.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"BsDaysCalendarViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-days-calendar-view","template":"\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <!--days matrix-->\n      <table role=\"grid\" class=\"days weeks\">\n        <thead>\n        <tr>\n          <!--if show weeks-->\n          <th *ngIf=\"options.showWeekNumbers\"></th>\n          <th *ngFor=\"let weekday of calendar.weekdays; let i = index\"\n              aria-label=\"weekday\">{{ calendar.weekdays[i] }}\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr *ngFor=\"let week of calendar.weeks; let i = index\">\n          <td class=\"week\" *ngIf=\"options.showWeekNumbers\">\n            <span>{{ calendar.weekNumbers[i] }}</span>\n          </td>\n          <td *ngFor=\"let day of week.days\" role=\"gridcell\">\n          <span bsDatepickerDayDecorator\n                [day]=\"day\"\n                (click)=\"selectDay(day)\"\n                (mouseenter)=\"hoverDay(day, true)\"\n                (mouseleave)=\"hoverDay(day, false)\">{{ day.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n\n    </bs-calendar-layout>\n  "}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onNavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"navigateTo":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}],"selectDay":[{"__symbolic":"method"}],"hoverDay":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"BsDaysCalendarViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-days-calendar-view","template":"\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <!--days matrix-->\n      <table role=\"grid\" class=\"days weeks\">\n        <thead>\n        <tr>\n          <!--if show weeks-->\n          <th *ngIf=\"options.showWeekNumbers\"></th>\n          <th *ngFor=\"let weekday of calendar.weekdays; let i = index\"\n              aria-label=\"weekday\">{{ calendar.weekdays[i] }}\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr *ngFor=\"let week of calendar.weeks; let i = index\">\n          <td class=\"week\" *ngIf=\"options.showWeekNumbers\">\n            <span>{{ calendar.weekNumbers[i] }}</span>\n          </td>\n          <td *ngFor=\"let day of week.days\" role=\"gridcell\">\n          <span bsDatepickerDayDecorator\n                [day]=\"day\"\n                (click)=\"selectDay(day)\"\n                (mouseenter)=\"hoverDay(day, true)\"\n                (mouseleave)=\"hoverDay(day, false)\">{{ day.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n\n    </bs-calendar-layout>\n  "}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onNavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"navigateTo":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}],"selectDay":[{"__symbolic":"method"}],"hoverDay":[{"__symbolic":"method"}]}}}}]

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

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import { BsDatepickerViewMode, BsNavigationDirection, BsNavigationEvent, CellHoverEvent, MonthsCalendarViewModel, CalendarCellViewModel } from '../../models/index';
+export declare class BsMonthCalendarViewComponent {
+    calendar: MonthsCalendarViewModel;
+    onNavigate: EventEmitter<BsNavigationEvent>;
+    onViewMode: EventEmitter<BsDatepickerViewMode>;
+    onSelect: EventEmitter<CalendarCellViewModel>;
+    onHover: EventEmitter<CellHoverEvent>;
+    navigateTo(event: BsNavigationDirection): void;
+    viewMonth(month: CalendarCellViewModel): void;
+    hoverMonth(cell: CalendarCellViewModel, isHovered: boolean): void;
+    changeViewMode(event: BsDatepickerViewMode): void;
+}

package/datepicker/themes/bs/bs-months-calendar-view.component.js

@@ -0,0 +1,41 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { BsNavigationDirection } from '../../models/index';
+var BsMonthCalendarViewComponent = (function () {
+    function BsMonthCalendarViewComponent() {
+        this.onNavigate = new EventEmitter();
+        this.onViewMode = new EventEmitter();
+        this.onSelect = new EventEmitter();
+        this.onHover = new EventEmitter();
+    }
+    BsMonthCalendarViewComponent.prototype.navigateTo = function (event) {
+        var step = BsNavigationDirection.DOWN === event ? -1 : 1;
+        this.onNavigate.emit({ step: { year: step } });
+    };
+    BsMonthCalendarViewComponent.prototype.viewMonth = function (month) {
+        this.onSelect.emit(month);
+    };
+    BsMonthCalendarViewComponent.prototype.hoverMonth = function (cell, isHovered) {
+        this.onHover.emit({ cell: cell, isHovered: isHovered });
+    };
+    BsMonthCalendarViewComponent.prototype.changeViewMode = function (event) {
+        this.onViewMode.emit(event);
+    };
+    BsMonthCalendarViewComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'bs-month-calendar-view',
+                    template: "\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"months\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.months\">\n          <td *ngFor=\"let month of row\" role=\"gridcell\"\n              (click)=\"viewMonth(month)\"\n              (mouseenter)=\"hoverMonth(month, true)\"\n              (mouseleave)=\"hoverMonth(month, false)\"\n              [class.disabled]=\"month.isDisabled\"\n              [class.is-highlighted]=\"month.isHovered\">\n            <span>{{ month.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    BsMonthCalendarViewComponent.ctorParameters = function () { return []; };
+    BsMonthCalendarViewComponent.propDecorators = {
+        'calendar': [{ type: Input },],
+        'onNavigate': [{ type: Output },],
+        'onViewMode': [{ type: Output },],
+        'onSelect': [{ type: Output },],
+        'onHover': [{ type: Output },],
+    };
+    return BsMonthCalendarViewComponent;
+}());
+export { BsMonthCalendarViewComponent };
+//# sourceMappingURL=bs-months-calendar-view.component.js.map

package/datepicker/themes/bs/bs-months-calendar-view.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../.tmp/datepicker/themes/bs/bs-months-calendar-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAA,EAAW,YAAA,EAAc,KAAA,EAAO,MAAA,EAAO,MAAO,eAAA,CAAgB;AACvE,OAAO,EACiB,qBAAA,EAIvB,MAAM,oBAAA,CAAqB;AAG5B;IAAA;QAGG,eAAU,GAAG,IAAI,YAAY,EAAqB,CAAC;QACnD,eAAU,GAAG,IAAI,YAAY,EAAwB,CAAC;QAEtD,aAAQ,GAAG,IAAI,YAAY,EAAyB,CAAC;QACrD,YAAO,GAAG,IAAI,YAAY,EAAkB,CAAC;IAyDhD,CAAC;IAvDC,iDAAU,GAAV,UAAW,KAA4B;QACrC,IAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,KAAK,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAAC,CAAC,CAAC;IAC7C,CAAC;IAED,gDAAS,GAAT,UAAU,KAA4B;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,iDAAU,GAAV,UAAW,IAA2B,EAAE,SAAkB;QACxD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,IAAI,MAAA,EAAE,SAAS,WAAA,EAAC,CAAC,CAAC;IACvC,CAAC;IAED,qDAAc,GAAd,UAAe,KAA2B;QACxC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IACI,uCAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACxB,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE,szBAuBT;iBACF,EAAG,EAAE;KACL,CAAC;IACF,kBAAkB;IACX,2CAAc,GAAmE,cAAM,OAAA,EAC7F,EAD6F,CAC7F,CAAC;IACK,2CAAc,GAA2C;QAChE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAC9B,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACjC,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACjC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC/B,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;KAC7B,CAAC;IACF,mCAAC;CAhED,AAgEC,IAAA;SAhEY,4BAA4B","file":"bs-months-calendar-view.component.js","sourceRoot":"","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  BsDatepickerViewMode, BsNavigationDirection,\n  BsNavigationEvent,\n  DatepickerRenderOptions, CellHoverEvent, MonthsCalendarViewModel,\n  CalendarCellViewModel\n} from '../../models/index';\n\n\nexport class BsMonthCalendarViewComponent {\n   calendar: MonthsCalendarViewModel;\n\n   onNavigate = new EventEmitter<BsNavigationEvent>();\n   onViewMode = new EventEmitter<BsDatepickerViewMode>();\n\n   onSelect = new EventEmitter<CalendarCellViewModel>();\n   onHover = new EventEmitter<CellHoverEvent>();\n\n  navigateTo(event: BsNavigationDirection): void {\n    const step = BsNavigationDirection.DOWN === event ? -1 : 1;\n    this.onNavigate.emit({step: {year: step}});\n  }\n\n  viewMonth(month: CalendarCellViewModel) {\n    this.onSelect.emit(month);\n  }\n\n  hoverMonth(cell: CalendarCellViewModel, isHovered: boolean) {\n    this.onHover.emit({cell, isHovered});\n  }\n\n  changeViewMode(event: BsDatepickerViewMode): void {\n    this.onViewMode.emit(event);\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  selector: 'bs-month-calendar-view',\n  template: `\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"months\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.months\">\n          <td *ngFor=\"let month of row\" role=\"gridcell\"\n              (click)=\"viewMonth(month)\"\n              (mouseenter)=\"hoverMonth(month, true)\"\n              (mouseleave)=\"hoverMonth(month, false)\"\n              [class.disabled]=\"month.isDisabled\"\n              [class.is-highlighted]=\"month.isHovered\">\n            <span>{{ month.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  `\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'calendar': [{ type: Input },],\n'onNavigate': [{ type: Output },],\n'onViewMode': [{ type: Output },],\n'onSelect': [{ type: Output },],\n'onHover': [{ type: Output },],\n};\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"]}

package/datepicker/themes/bs/bs-months-calendar-view.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"BsMonthCalendarViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-month-calendar-view","template":"\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"months\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.months\">\n          <td *ngFor=\"let month of row\" role=\"gridcell\"\n              (click)=\"viewMonth(month)\"\n              (mouseenter)=\"hoverMonth(month, true)\"\n              (mouseleave)=\"hoverMonth(month, false)\"\n              [class.disabled]=\"month.isDisabled\"\n              [class.is-highlighted]=\"month.isHovered\">\n            <span>{{ month.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  "}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onNavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"navigateTo":[{"__symbolic":"method"}],"viewMonth":[{"__symbolic":"method"}],"hoverMonth":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"BsMonthCalendarViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-month-calendar-view","template":"\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"months\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.months\">\n          <td *ngFor=\"let month of row\" role=\"gridcell\"\n              (click)=\"viewMonth(month)\"\n              (mouseenter)=\"hoverMonth(month, true)\"\n              (mouseleave)=\"hoverMonth(month, false)\"\n              [class.disabled]=\"month.isDisabled\"\n              [class.is-highlighted]=\"month.isHovered\">\n            <span>{{ month.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  "}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onNavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"navigateTo":[{"__symbolic":"method"}],"viewMonth":[{"__symbolic":"method"}],"hoverMonth":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}]}}}}]

package/datepicker/themes/bs/bs-timepicker-view.component.d.ts

@@ -0,0 +1,5 @@
+export declare class BsTimepickerViewComponent {
+    ampm: string;
+    hours: number;
+    minutes: number;
+}

package/datepicker/themes/bs/bs-timepicker-view.component.js

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+var BsTimepickerViewComponent = (function () {
+    function BsTimepickerViewComponent() {
+        this.ampm = 'ok';
+        this.hours = 0;
+        this.minutes = 0;
+    }
+    BsTimepickerViewComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'bs-timepicker',
+                    template: "\n<div class=\"bs-timepicker-container\">\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"hours\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"minutes\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <button class=\"switch-time-format\">{{ ampm }}\n    <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAABSElEQVQYV3XQPUvDUBQG4HNuagtVqc6KgouCv6GIuIntYBLB9hcIQpLStCAIV7DYmpTcRWcXqZio3Vwc/UCc/QEqfgyKGbr0I7nS1EiHeqYzPO/h5SD0jaxUZjmSLCB+OFb+UFINFwASAEAdpu9gaGXVyAHHFQBkHpKHc6a9dzECvADyY9sqlAMsK9W0jzxDXqeytr3mhQckxSji27TJJ5/rPmIpwJJq3HrtduriYOurv1a4i1p5HnhkG9OFymi0ReoO05cGwb+ayv4dysVygjeFmsP05f8wpZQ8fsdvfmuY9zjWSNqUtgYFVnOVReILYoBFzdQI5/GGFzNHhGbeZnopDGU29sZbscgldmC99w35VOATTycIMMcBXIfpSVGzZhA6C8hh00conln6VQ9TGgV32OEAKQC4DrBq7CJwd0ggR7Vq/rPrfgB+C3sGypY5DAAAAABJRU5ErkJggg==\" alt=\"\">\n  </button>\n</div>\n"
+                },] },
+    ];
+    /** @nocollapse */
+    BsTimepickerViewComponent.ctorParameters = function () { return []; };
+    return BsTimepickerViewComponent;
+}());
+export { BsTimepickerViewComponent };
+//# sourceMappingURL=bs-timepicker-view.component.js.map

package/datepicker/themes/bs/bs-timepicker-view.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../.tmp/datepicker/themes/bs/bs-timepicker-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAA,EAAU,MAAO,eAAA,CAAgB;AAG1C;IAAA;QACE,SAAI,GAAG,IAAI,CAAC;QACZ,UAAK,GAAG,CAAC,CAAC;QACV,YAAO,GAAG,CAAC,CAAC;IA0Bd,CAAC;IAzBM,oCAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACxB,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAC,8kCAgBV;iBACA,EAAG,EAAE;KACL,CAAC;IACF,kBAAkB;IACX,wCAAc,GAAmE,cAAM,OAAA,EAC7F,EAD6F,CAC7F,CAAC;IACF,gCAAC;CA7BD,AA6BC,IAAA;SA7BY,yBAAyB","file":"bs-timepicker-view.component.js","sourceRoot":"","sourcesContent":["import { Component } from '@angular/core';\n\n\nexport class BsTimepickerViewComponent {\n  ampm = 'ok';\n  hours = 0;\n  minutes = 0;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  selector: 'bs-timepicker',\n  template:`\n<div class=\"bs-timepicker-container\">\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"hours\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"minutes\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <button class=\"switch-time-format\">{{ ampm }}\n    <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAABSElEQVQYV3XQPUvDUBQG4HNuagtVqc6KgouCv6GIuIntYBLB9hcIQpLStCAIV7DYmpTcRWcXqZio3Vwc/UCc/QEqfgyKGbr0I7nS1EiHeqYzPO/h5SD0jaxUZjmSLCB+OFb+UFINFwASAEAdpu9gaGXVyAHHFQBkHpKHc6a9dzECvADyY9sqlAMsK9W0jzxDXqeytr3mhQckxSji27TJJ5/rPmIpwJJq3HrtduriYOurv1a4i1p5HnhkG9OFymi0ReoO05cGwb+ayv4dysVygjeFmsP05f8wpZQ8fsdvfmuY9zjWSNqUtgYFVnOVReILYoBFzdQI5/GGFzNHhGbeZnopDGU29sZbscgldmC99w35VOATTycIMMcBXIfpSVGzZhA6C8hh00conln6VQ9TGgV32OEAKQC4DrBq7CJwd0ggR7Vq/rPrfgB+C3sGypY5DAAAAABJRU5ErkJggg==\" alt=\"\">\n  </button>\n</div>\n`\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"]}

package/datepicker/themes/bs/bs-timepicker-view.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"BsTimepickerViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-timepicker","template":"\n<div class=\"bs-timepicker-container\">\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"hours\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"minutes\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <button class=\"switch-time-format\">{{ ampm }}\n    <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAABSElEQVQYV3XQPUvDUBQG4HNuagtVqc6KgouCv6GIuIntYBLB9hcIQpLStCAIV7DYmpTcRWcXqZio3Vwc/UCc/QEqfgyKGbr0I7nS1EiHeqYzPO/h5SD0jaxUZjmSLCB+OFb+UFINFwASAEAdpu9gaGXVyAHHFQBkHpKHc6a9dzECvADyY9sqlAMsK9W0jzxDXqeytr3mhQckxSji27TJJ5/rPmIpwJJq3HrtduriYOurv1a4i1p5HnhkG9OFymi0ReoO05cGwb+ayv4dysVygjeFmsP05f8wpZQ8fsdvfmuY9zjWSNqUtgYFVnOVReILYoBFzdQI5/GGFzNHhGbeZnopDGU29sZbscgldmC99w35VOATTycIMMcBXIfpSVGzZhA6C8hh00conln6VQ9TGgV32OEAKQC4DrBq7CJwd0ggR7Vq/rPrfgB+C3sGypY5DAAAAABJRU5ErkJggg==\" alt=\"\">\n  </button>\n</div>\n"}]}]}}},{"__symbolic":"module","version":1,"metadata":{"BsTimepickerViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-timepicker","template":"\n<div class=\"bs-timepicker-container\">\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"hours\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <div class=\"bs-timepicker-controls\">\n    <button class=\"bs-decrease\">-</button>\n    <input type=\"text\" [value]=\"minutes\" placeholder=\"00\">\n    <button class=\"bs-increase\">+</button>\n  </div>\n  <button class=\"switch-time-format\">{{ ampm }}\n    <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAABSElEQVQYV3XQPUvDUBQG4HNuagtVqc6KgouCv6GIuIntYBLB9hcIQpLStCAIV7DYmpTcRWcXqZio3Vwc/UCc/QEqfgyKGbr0I7nS1EiHeqYzPO/h5SD0jaxUZjmSLCB+OFb+UFINFwASAEAdpu9gaGXVyAHHFQBkHpKHc6a9dzECvADyY9sqlAMsK9W0jzxDXqeytr3mhQckxSji27TJJ5/rPmIpwJJq3HrtduriYOurv1a4i1p5HnhkG9OFymi0ReoO05cGwb+ayv4dysVygjeFmsP05f8wpZQ8fsdvfmuY9zjWSNqUtgYFVnOVReILYoBFzdQI5/GGFzNHhGbeZnopDGU29sZbscgldmC99w35VOATTycIMMcBXIfpSVGzZhA6C8hh00conln6VQ9TGgV32OEAKQC4DrBq7CJwd0ggR7Vq/rPrfgB+C3sGypY5DAAAAABJRU5ErkJggg==\" alt=\"\">\n  </button>\n</div>\n"}]}]}}}]

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

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import { BsDatepickerViewMode, BsNavigationDirection, BsNavigationEvent, CalendarCellViewModel, CellHoverEvent, YearsCalendarViewModel } from '../../models/index';
+export declare class BsYearsCalendarViewComponent {
+    calendar: YearsCalendarViewModel;
+    onNavigate: EventEmitter<BsNavigationEvent>;
+    onViewMode: EventEmitter<BsDatepickerViewMode>;
+    onSelect: EventEmitter<CalendarCellViewModel>;
+    onHover: EventEmitter<CellHoverEvent>;
+    navigateTo(event: BsNavigationDirection): void;
+    viewYear(year: CalendarCellViewModel): void;
+    hoverYear(cell: CalendarCellViewModel, isHovered: boolean): void;
+    changeViewMode(event: BsDatepickerViewMode): void;
+}

package/datepicker/themes/bs/bs-years-calendar-view.component.js

@@ -0,0 +1,42 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { yearsPerCalendar } from '../../engine/format-years-calendar';
+import { BsNavigationDirection } from '../../models/index';
+var BsYearsCalendarViewComponent = (function () {
+    function BsYearsCalendarViewComponent() {
+        this.onNavigate = new EventEmitter();
+        this.onViewMode = new EventEmitter();
+        this.onSelect = new EventEmitter();
+        this.onHover = new EventEmitter();
+    }
+    BsYearsCalendarViewComponent.prototype.navigateTo = function (event) {
+        var step = BsNavigationDirection.DOWN === event ? -1 : 1;
+        this.onNavigate.emit({ step: { year: step * yearsPerCalendar } });
+    };
+    BsYearsCalendarViewComponent.prototype.viewYear = function (year) {
+        this.onSelect.emit(year);
+    };
+    BsYearsCalendarViewComponent.prototype.hoverYear = function (cell, isHovered) {
+        this.onHover.emit({ cell: cell, isHovered: isHovered });
+    };
+    BsYearsCalendarViewComponent.prototype.changeViewMode = function (event) {
+        this.onViewMode.emit(event);
+    };
+    BsYearsCalendarViewComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'bs-years-calendar-view',
+                    template: "\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"years\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.years\">\n          <td *ngFor=\"let year of row\" role=\"gridcell\"\n              (click)=\"viewYear(year)\"\n              (mouseenter)=\"hoverYear(year, true)\"\n              (mouseleave)=\"hoverYear(year, false)\"\n              [class.disabled]=\"year.isDisabled\"\n              [class.is-highlighted]=\"year.isHovered\">\n            <span>{{ year.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    BsYearsCalendarViewComponent.ctorParameters = function () { return []; };
+    BsYearsCalendarViewComponent.propDecorators = {
+        'calendar': [{ type: Input },],
+        'onNavigate': [{ type: Output },],
+        'onViewMode': [{ type: Output },],
+        'onSelect': [{ type: Output },],
+        'onHover': [{ type: Output },],
+    };
+    return BsYearsCalendarViewComponent;
+}());
+export { BsYearsCalendarViewComponent };
+//# sourceMappingURL=bs-years-calendar-view.component.js.map

package/datepicker/themes/bs/bs-years-calendar-view.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../.tmp/datepicker/themes/bs/bs-years-calendar-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAA,EAAW,YAAA,EAAc,KAAA,EAAO,MAAA,EAAO,MAAO,eAAA,CAAgB;AACvE,OAAO,EAAE,gBAAA,EAAiB,MAAO,oCAAA,CAAqC;AACtE,OAAO,EAEL,qBAAqB,EAKtB,MAAM,oBAAA,CAAqB;AAG5B;IAAA;QAGG,eAAU,GAAG,IAAI,YAAY,EAAqB,CAAC;QACnD,eAAU,GAAG,IAAI,YAAY,EAAwB,CAAC;QAEtD,aAAQ,GAAG,IAAI,YAAY,EAAyB,CAAC;QACrD,YAAO,GAAG,IAAI,YAAY,EAAkB,CAAC;IAyDhD,CAAC;IAvDC,iDAAU,GAAV,UAAW,KAA4B;QACrC,IAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,KAAK,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,EAAC,IAAI,EAAE,IAAI,GAAG,gBAAgB,EAAC,EAAC,CAAC,CAAC;IAChE,CAAC;IAED,+CAAQ,GAAR,UAAS,IAA2B;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,gDAAS,GAAT,UAAU,IAA2B,EAAE,SAAkB;QACvD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,IAAI,MAAA,EAAE,SAAS,WAAA,EAAC,CAAC,CAAC;IACvC,CAAC;IAED,qDAAc,GAAd,UAAe,KAA2B;QACxC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IACI,uCAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACxB,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE,0yBAuBT;iBACF,EAAG,EAAE;KACL,CAAC;IACF,kBAAkB;IACX,2CAAc,GAAmE,cAAM,OAAA,EAC7F,EAD6F,CAC7F,CAAC;IACK,2CAAc,GAA2C;QAChE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAC9B,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACjC,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACjC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC/B,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;KAC7B,CAAC;IACF,mCAAC;CAhED,AAgEC,IAAA;SAhEY,4BAA4B","file":"bs-years-calendar-view.component.js","sourceRoot":"","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { yearsPerCalendar } from '../../engine/format-years-calendar';\nimport {\n  BsDatepickerViewMode,\n  BsNavigationDirection,\n  BsNavigationEvent,\n  CalendarCellViewModel,\n  CellHoverEvent,\n  YearsCalendarViewModel\n} from '../../models/index';\n\n\nexport class BsYearsCalendarViewComponent {\n   calendar: YearsCalendarViewModel;\n\n   onNavigate = new EventEmitter<BsNavigationEvent>();\n   onViewMode = new EventEmitter<BsDatepickerViewMode>();\n\n   onSelect = new EventEmitter<CalendarCellViewModel>();\n   onHover = new EventEmitter<CellHoverEvent>();\n\n  navigateTo(event: BsNavigationDirection): void {\n    const step = BsNavigationDirection.DOWN === event ? -1 : 1;\n    this.onNavigate.emit({step: {year: step * yearsPerCalendar}});\n  }\n\n  viewYear(year: CalendarCellViewModel) {\n    this.onSelect.emit(year);\n  }\n\n  hoverYear(cell: CalendarCellViewModel, isHovered: boolean) {\n    this.onHover.emit({cell, isHovered});\n  }\n\n  changeViewMode(event: BsDatepickerViewMode): void {\n    this.onViewMode.emit(event);\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  selector: 'bs-years-calendar-view',\n  template: `\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"years\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.years\">\n          <td *ngFor=\"let year of row\" role=\"gridcell\"\n              (click)=\"viewYear(year)\"\n              (mouseenter)=\"hoverYear(year, true)\"\n              (mouseleave)=\"hoverYear(year, false)\"\n              [class.disabled]=\"year.isDisabled\"\n              [class.is-highlighted]=\"year.isHovered\">\n            <span>{{ year.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  `\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'calendar': [{ type: Input },],\n'onNavigate': [{ type: Output },],\n'onViewMode': [{ type: Output },],\n'onSelect': [{ type: Output },],\n'onHover': [{ type: Output },],\n};\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"]}

package/datepicker/themes/bs/bs-years-calendar-view.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"BsYearsCalendarViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-years-calendar-view","template":"\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"years\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.years\">\n          <td *ngFor=\"let year of row\" role=\"gridcell\"\n              (click)=\"viewYear(year)\"\n              (mouseenter)=\"hoverYear(year, true)\"\n              (mouseleave)=\"hoverYear(year, false)\"\n              [class.disabled]=\"year.isDisabled\"\n              [class.is-highlighted]=\"year.isHovered\">\n            <span>{{ year.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  "}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onNavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"navigateTo":[{"__symbolic":"method"}],"viewYear":[{"__symbolic":"method"}],"hoverYear":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"BsYearsCalendarViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-years-calendar-view","template":"\n    <bs-calendar-layout>\n      <bs-datepicker-navigation-view\n        [calendar]=\"calendar\"\n        (onNavigate)=\"navigateTo($event)\"\n        (onViewMode)=\"changeViewMode($event)\"\n      ></bs-datepicker-navigation-view>\n\n      <table role=\"grid\" class=\"years\">\n        <tbody>\n        <tr *ngFor=\"let row of calendar.years\">\n          <td *ngFor=\"let year of row\" role=\"gridcell\"\n              (click)=\"viewYear(year)\"\n              (mouseenter)=\"hoverYear(year, true)\"\n              (mouseleave)=\"hoverYear(year, false)\"\n              [class.disabled]=\"year.isDisabled\"\n              [class.is-highlighted]=\"year.isHovered\">\n            <span>{{ year.label }}</span>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n    </bs-calendar-layout>\n  "}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onNavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"navigateTo":[{"__symbolic":"method"}],"viewYear":[{"__symbolic":"method"}],"hoverYear":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}]}}}}]

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

@@ -0,0 +1,5 @@
+export declare function getStartingDayOfCalendar(date: Date, options: {
+    firstDayOfWeek?: number;
+}): Date;
+export declare function isMonthDisabled(date: Date, min: Date, max: Date): boolean;
+export declare function isYearDisabled(date: Date, min: Date, max: Date): boolean;

package/datepicker/utils/bs-calendar-utils.js

@@ -0,0 +1,22 @@
+import { getDayOfWeek, isFirstDayOfWeek } from '../../bs-moment/utils/date-getters';
+import { shiftDate } from '../../bs-moment/utils/date-setters';
+import { isSameOrAfter, isSameOrBefore } from '../../bs-moment/utils/date-compare';
+import { endOf, startOf } from '../../bs-moment/utils/start-end-of';
+export function getStartingDayOfCalendar(date, options) {
+    if (isFirstDayOfWeek(date, options.firstDayOfWeek)) {
+        return date;
+    }
+    var weekDay = getDayOfWeek(date);
+    return shiftDate(date, { day: -weekDay });
+}
+export function isMonthDisabled(date, min, max) {
+    var minBound = min && isSameOrBefore(endOf(date, 'month'), min, 'day');
+    var maxBound = max && isSameOrAfter(startOf(date, 'month'), max, 'day');
+    return minBound || maxBound;
+}
+export function isYearDisabled(date, min, max) {
+    var minBound = min && isSameOrBefore(endOf(date, 'year'), min, 'day');
+    var maxBound = max && isSameOrAfter(startOf(date, 'year'), max, 'day');
+    return minBound || maxBound;
+}
+//# sourceMappingURL=bs-calendar-utils.js.map

package/datepicker/utils/bs-calendar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../.tmp/datepicker/utils/bs-calendar-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAEpE,MAAM,mCAAmC,IAAU,EAAE,OAAkC;IACrF,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED,IAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,EAAC,GAAG,EAAE,CAAC,OAAO,EAAC,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,0BAA0B,IAAU,EAAE,GAAS,EAAE,GAAS;IAC9D,IAAM,QAAQ,GAAG,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IACzE,IAAM,QAAQ,GAAG,GAAG,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAE1E,MAAM,CAAC,QAAQ,IAAI,QAAQ,CAAC;AAC9B,CAAC;AAED,MAAM,yBAAyB,IAAU,EAAE,GAAS,EAAE,GAAS;IAC7D,IAAM,QAAQ,GAAG,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IACxE,IAAM,QAAQ,GAAG,GAAG,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAEzE,MAAM,CAAC,QAAQ,IAAI,QAAQ,CAAC;AAC9B,CAAC","file":"bs-calendar-utils.js","sourceRoot":"","sourcesContent":["import { getDayOfWeek, isFirstDayOfWeek } from '../../bs-moment/utils/date-getters';\nimport { shiftDate } from '../../bs-moment/utils/date-setters';\nimport { isSameOrAfter, isSameOrBefore } from '../../bs-moment/utils/date-compare';\nimport { endOf, startOf } from '../../bs-moment/utils/start-end-of';\n\nexport function getStartingDayOfCalendar(date: Date, options: {firstDayOfWeek?: number}): Date {\n  if (isFirstDayOfWeek(date, options.firstDayOfWeek)) {\n    return date;\n  }\n\n  const weekDay = getDayOfWeek(date);\n\n  return shiftDate(date, {day: -weekDay});\n}\n\nexport function isMonthDisabled(date: Date, min: Date, max: Date): boolean {\n  const minBound = min && isSameOrBefore(endOf(date, 'month'), min, 'day');\n  const maxBound = max && isSameOrAfter(startOf(date, 'month'), max, 'day');\n\n  return minBound || maxBound;\n}\n\nexport function isYearDisabled(date: Date, min: Date, max: Date): boolean {\n  const minBound = min && isSameOrBefore(endOf(date, 'year'), min, 'day');\n  const maxBound = max && isSameOrAfter(startOf(date, 'year'), max, 'day');\n\n  return minBound || maxBound;\n}\n"]}

package/datepicker/utils/bs-calendar-utils.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"getStartingDayOfCalendar":{"__symbolic":"function"},"isMonthDisabled":{"__symbolic":"function"},"isYearDisabled":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"getStartingDayOfCalendar":{"__symbolic":"function"},"isMonthDisabled":{"__symbolic":"function"},"isYearDisabled":{"__symbolic":"function"}}}]

package/datepicker/utils/matrix-utils.d.ts

@@ -0,0 +1,9 @@
+import { TimeUnit } from '../../bs-moment/types';
+export declare type CreateMatrixCb<T> = (date: Date) => T;
+export interface MatrixOptions {
+    height: number;
+    width: number;
+    initialDate: Date;
+    shift: TimeUnit;
+}
+export declare function createMatrix<T>(options: MatrixOptions, fn: CreateMatrixCb<T>): T[][];

package/datepicker/utils/matrix-utils.js

@@ -0,0 +1,14 @@
+import { shiftDate } from '../../bs-moment/utils/date-setters';
+export function createMatrix(options, fn) {
+    var prevValue = options.initialDate;
+    var matrix = new Array(options.height);
+    for (var i = 0; i < options.height; i++) {
+        matrix[i] = new Array(options.width);
+        for (var j = 0; j < options.width; j++) {
+            matrix[i][j] = fn(prevValue);
+            prevValue = shiftDate(prevValue, options.shift);
+        }
+    }
+    return matrix;
+}
+//# sourceMappingURL=matrix-utils.js.map

package/datepicker/utils/matrix-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../.tmp/datepicker/utils/matrix-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAW/D,MAAM,uBAA0B,OAAsB,EAAE,EAAqB;IAC3E,IAAI,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC;IACpC,IAAM,MAAM,GAAU,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;YAC7B,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,MAAM,CAAC;AAChB,CAAC","file":"matrix-utils.js","sourceRoot":"","sourcesContent":["import { TimeUnit } from '../../bs-moment/types';\nimport { shiftDate } from '../../bs-moment/utils/date-setters';\n\nexport type CreateMatrixCb<T> = (date: Date) => T;\n\nexport interface MatrixOptions {\n  height: number;\n  width: number;\n  initialDate: Date;\n  shift: TimeUnit;\n}\n\nexport function createMatrix<T>(options: MatrixOptions, fn: CreateMatrixCb<T>): T[][] {\n  let prevValue = options.initialDate;\n  const matrix: T[][] = new Array(options.height);\n  for (let i = 0; i < options.height; i++) {\n    matrix[i] = new Array(options.width);\n    for (let j = 0; j < options.width; j++) {\n      matrix[i][j] = fn(prevValue);\n      prevValue = shiftDate(prevValue, options.shift);\n    }\n  }\n\n  return matrix;\n}\n"]}

package/datepicker/utils/matrix-utils.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"MatrixOptions":{"__symbolic":"interface"},"createMatrix":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"MatrixOptions":{"__symbolic":"interface"},"createMatrix":{"__symbolic":"function"}}}]

package/datepicker/utils/scss/mixins.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=mixins.css.map */

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

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "mixins.css",
+	"sources": [
+		"../../../../src/datepicker/utils/scss/mixins.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"
+	],
+	"names": [],
+	"mappings": ""
+}

package/datepicker/utils/scss/mixins.scss

@@ -0,0 +1,24 @@
+@mixin theming($name, $color) {
+  .theme-#{$name} {
+    .bs-datepicker-head {
+      background-color: $color;
+    }
+
+    .bs-datepicker-body {
+      table {
+        td {
+          span.selected,
+          &.selected span,
+          span[class*="select-"]:after,
+          &[class*="select-"] span:after {
+            background-color: $color;
+          }
+
+          &.week span {
+            color: $color;
+          }
+        }
+      }
+    }
+  }
+}

package/datepicker/utils/scss/variables.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=variables.css.map */