ng-daterangepicker-ext
Version:
Angular PayPal Datepicker
840 lines • 71 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("@angular/core"), require("date-fns"), require("@angular/forms"), require("@angular/common"));
else if(typeof define === 'function' && define.amd)
define(["@angular/core", "date-fns", "@angular/forms", "@angular/common"], factory);
else if(typeof exports === 'object')
exports["ng-daterangepicker"] = factory(require("@angular/core"), require("date-fns"), require("@angular/forms"), require("@angular/common"));
else
root["ng-daterangepicker"] = factory(root["@angular/core"], root["date-fns"], root["@angular/forms"], root["@angular/common"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_17__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // identity function for calling harmony imports with the correct context
/******/ __webpack_require__.i = function(value) { return value; };
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 8);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
/***/ }),
/* 1 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NgDateRangePickerHelper; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__angular_core__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_date_fns__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_date_fns___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_date_fns__);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var NgDateRangePickerHelper = (function () {
function NgDateRangePickerHelper() {
}
NgDateRangePickerHelper.prototype.selectRange = function (options, range) {
var today = __WEBPACK_IMPORTED_MODULE_1_date_fns__["startOfDay"](new Date());
var dateFrom;
var dateTo;
switch (range || options.range) {
case 'tm':
dateFrom = __WEBPACK_IMPORTED_MODULE_1_date_fns__["startOfMonth"](today);
dateTo = __WEBPACK_IMPORTED_MODULE_1_date_fns__["endOfMonth"](today);
break;
case 'lm':
today = __WEBPACK_IMPORTED_MODULE_1_date_fns__["subMonths"](today, 1);
dateFrom = __WEBPACK_IMPORTED_MODULE_1_date_fns__["startOfMonth"](today);
dateTo = __WEBPACK_IMPORTED_MODULE_1_date_fns__["endOfMonth"](today);
break;
case 'lw':
today = __WEBPACK_IMPORTED_MODULE_1_date_fns__["subWeeks"](today, 1);
dateFrom = __WEBPACK_IMPORTED_MODULE_1_date_fns__["startOfWeek"](today, { weekStartsOn: options.startOfWeek });
dateTo = __WEBPACK_IMPORTED_MODULE_1_date_fns__["endOfWeek"](today, { weekStartsOn: options.startOfWeek });
break;
case 'tw':
dateFrom = __WEBPACK_IMPORTED_MODULE_1_date_fns__["startOfWeek"](today, { weekStartsOn: options.startOfWeek });
dateTo = __WEBPACK_IMPORTED_MODULE_1_date_fns__["endOfWeek"](today, { weekStartsOn: options.startOfWeek });
break;
case 'ty':
dateFrom = __WEBPACK_IMPORTED_MODULE_1_date_fns__["startOfYear"](today);
dateTo = __WEBPACK_IMPORTED_MODULE_1_date_fns__["endOfYear"](today);
break;
case 'ly':
today = __WEBPACK_IMPORTED_MODULE_1_date_fns__["subYears"](today, 1);
dateFrom = __WEBPACK_IMPORTED_MODULE_1_date_fns__["startOfYear"](today);
dateTo = __WEBPACK_IMPORTED_MODULE_1_date_fns__["endOfYear"](today);
break;
}
return {
dateFrom: dateFrom,
dateTo: dateTo
};
};
return NgDateRangePickerHelper;
}());
NgDateRangePickerHelper = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Injectable"])()
], NgDateRangePickerHelper);
/***/ }),
/* 2 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
/***/ }),
/* 3 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NgDateRangeCalendarComponent; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shared_ng_daterangerpicker_helper__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__angular_core__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_date_fns__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_date_fns___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_date_fns__);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var NgDateRangeCalendarComponent = (function () {
function NgDateRangeCalendarComponent(element, helper) {
this.element = element;
this.helper = helper;
this.onDateFrom = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["EventEmitter"]();
this.onDateTo = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["EventEmitter"]();
this.onValueChange = new __WEBPACK_IMPORTED_MODULE_1__angular_core__["EventEmitter"]();
}
Object.defineProperty(NgDateRangeCalendarComponent.prototype, "dateFrom", {
get: function () {
return this._dateFrom;
},
set: function (value) {
this._dateFrom = value;
this.onDateFrom.emit(this.dateFrom);
},
enumerable: true,
configurable: true
});
;
Object.defineProperty(NgDateRangeCalendarComponent.prototype, "dateTo", {
get: function () {
return this._dateTo;
},
set: function (value) {
this._dateTo = value;
this.onDateTo.emit(this.dateTo);
},
enumerable: true,
configurable: true
});
;
NgDateRangeCalendarComponent.prototype.ngOnInit = function () {
this.date = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfDay"](new Date());
this.currentRange = this.options.range;
this.initNames();
this.showAt();
this.generateCalendar();
};
NgDateRangeCalendarComponent.prototype.initNames = function () {
this.dayNames = this.options.dayNames;
};
NgDateRangeCalendarComponent.prototype.showAt = function () {
var top = 0;
if (this.target) {
this.coords = this.target.getBoundingClientRect();
top = this.coords.top + 30;
}
else {
this.coords = {
top: 0,
left: 0,
bottom: 0,
right: 0
};
top = this.coords.top + 75;
}
var el = this.element.nativeElement;
el.style.top = Math.floor(top) + 'px';
el.style.left = Math.floor(this.coords.left) + 'px';
el.style.position = 'absolute';
};
NgDateRangeCalendarComponent.prototype.generateCalendar = function () {
var _this = this;
this.days = [];
var start = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfMonth"](this.date);
var end = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfMonth"](this.date);
var days = __WEBPACK_IMPORTED_MODULE_2_date_fns__["eachDay"](start, end).map(function (d) {
return {
date: d,
day: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDate"](d),
weekday: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDay"](d),
today: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isToday"](d),
firstMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isFirstDayOfMonth"](d),
lastMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isLastDayOfMonth"](d),
visible: true,
from: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isSameDay"](_this.dateFrom, d),
to: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isSameDay"](_this.dateTo, d),
isWithinRange: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isWithinRange"](d, _this.dateFrom, _this.dateTo)
};
});
var prevMonthDayNum = __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDay"](start) - 1;
var prevMonthDays = [];
if (prevMonthDayNum > 0) {
prevMonthDays = Array.from(Array(prevMonthDayNum).keys()).map(function (i) {
var d = __WEBPACK_IMPORTED_MODULE_2_date_fns__["subDays"](start, prevMonthDayNum - i);
return {
date: d,
day: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDate"](d),
weekday: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDay"](d),
firstMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isFirstDayOfMonth"](d),
lastMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isLastDayOfMonth"](d),
today: false,
visible: false,
from: false,
to: false,
isWithinRange: false
};
});
}
this.days = prevMonthDays.concat(days);
};
NgDateRangeCalendarComponent.prototype.selectDate = function (e, index) {
e.preventDefault();
var selectedDate = this.days[index].date;
if ((this.opened === 'from' && __WEBPACK_IMPORTED_MODULE_2_date_fns__["isAfter"](selectedDate, this.dateTo)) ||
(this.opened === 'to' && __WEBPACK_IMPORTED_MODULE_2_date_fns__["isBefore"](selectedDate, this.dateFrom))) {
return;
}
if (this.opened === 'from') {
this.dateFrom = selectedDate;
this.opened = 'to';
}
else if (this.opened === 'to') {
this.dateTo = selectedDate;
this.opened = 'from';
}
this.generateCalendar();
this.emitValue();
};
NgDateRangeCalendarComponent.prototype.prevMonth = function () {
this.date = __WEBPACK_IMPORTED_MODULE_2_date_fns__["subMonths"](this.date, 1);
this.generateCalendar();
};
NgDateRangeCalendarComponent.prototype.nextMonth = function () {
this.date = __WEBPACK_IMPORTED_MODULE_2_date_fns__["addMonths"](this.date, 1);
this.generateCalendar();
};
NgDateRangeCalendarComponent.prototype.selectRange = function (range) {
this.currentRange = range;
var dates = this.helper.selectRange(this.options, range);
this.dateFrom = dates.dateFrom;
this.dateTo = dates.dateTo;
this.generateCalendar();
this.emitValue();
};
NgDateRangeCalendarComponent.prototype.closeCalendar = function (e) {
this.opened = false;
};
NgDateRangeCalendarComponent.prototype.formatTime = function (value) {
return __WEBPACK_IMPORTED_MODULE_2_date_fns__["format"](value, this.options.timeFormat);
};
NgDateRangeCalendarComponent.prototype.toggleTimer = function () {
this.timerOpened = !this.timerOpened;
};
NgDateRangeCalendarComponent.prototype.getTimeUnitValue = function (unitFormat) {
return __WEBPACK_IMPORTED_MODULE_2_date_fns__["format"](this.opened === 'from' ? this.dateFrom : this.dateTo, unitFormat);
};
NgDateRangeCalendarComponent.prototype.formatTimeForTitle = function (hours, minutes, seconds) {
var f = function (v) {
return v < 10 ? '0' + v : v;
};
return f(hours) + ":" + f(minutes) + (this.showSeconds() ? ':' + f(seconds) : '');
};
NgDateRangeCalendarComponent.prototype.onTimeChange = function () {
if (this.opened === 'from') {
this.setTime(this.dateFrom);
}
else {
this.setTime(this.dateTo);
}
};
NgDateRangeCalendarComponent.prototype.setTime = function (dateObj) {
dateObj.setHours(this.hoursEl.nativeElement.value);
dateObj.setMinutes(this.minutesEl.nativeElement.value);
dateObj.setSeconds(this.showSeconds() ? this.secondsEl.nativeElement.value : 0);
};
NgDateRangeCalendarComponent.prototype.showSeconds = function () {
return this.options.timeFormat.includes(':s'); // also covers :ss
};
NgDateRangeCalendarComponent.prototype.emitValue = function () {
this.onValueChange
.emit(__WEBPACK_IMPORTED_MODULE_2_date_fns__["format"](this.dateFrom, this.options.outputFormat) + "-" + __WEBPACK_IMPORTED_MODULE_2_date_fns__["format"](this.dateTo, this.options.outputFormat));
};
NgDateRangeCalendarComponent.prototype.getCSSClasses = function () {
return "calendar theme-" + this.options.theme + (!!this.opened ? ' is-opened' : '') + (this.opened === 'to' ? ' is-to' : '');
};
return NgDateRangeCalendarComponent;
}());
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Input"])(),
__metadata("design:type", Object)
], NgDateRangeCalendarComponent.prototype, "options", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Input"])(),
__metadata("design:type", Object)
], NgDateRangeCalendarComponent.prototype, "target", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Output"])(),
__metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__angular_core__["EventEmitter"])
], NgDateRangeCalendarComponent.prototype, "onDateFrom", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Output"])(),
__metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__angular_core__["EventEmitter"])
], NgDateRangeCalendarComponent.prototype, "onDateTo", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Output"])(),
__metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__angular_core__["EventEmitter"])
], NgDateRangeCalendarComponent.prototype, "onValueChange", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Input"])(),
__metadata("design:type", Object)
], NgDateRangeCalendarComponent.prototype, "opened", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Input"])(),
__metadata("design:type", String)
], NgDateRangeCalendarComponent.prototype, "currentRange", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["ViewChild"])('hours'),
__metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__angular_core__["ElementRef"])
], NgDateRangeCalendarComponent.prototype, "hoursEl", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["ViewChild"])('minutes'),
__metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__angular_core__["ElementRef"])
], NgDateRangeCalendarComponent.prototype, "minutesEl", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["ViewChild"])('seconds'),
__metadata("design:type", __WEBPACK_IMPORTED_MODULE_1__angular_core__["ElementRef"])
], NgDateRangeCalendarComponent.prototype, "secondsEl", void 0);
NgDateRangeCalendarComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Component"])({
selector: 'ng-daterange-calendar',
template: __webpack_require__(13),
styles: [__webpack_require__(15)]
}),
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_core__["Injectable"])(),
__metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1__angular_core__["ElementRef"],
__WEBPACK_IMPORTED_MODULE_0__shared_ng_daterangerpicker_helper__["a" /* NgDateRangePickerHelper */]])
], NgDateRangeCalendarComponent);
/***/ }),
/* 4 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DATERANGEPICKER_VALUE_ACCESSOR; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return NgDateRangePickerComponent; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shared_ng_daterangerpicker_helper__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ng_daterange_calendar_ng_daterange_calendar_component__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__angular_core__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_forms__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_forms___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__angular_forms__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_date_fns__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_date_fns___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_date_fns__);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var DATERANGEPICKER_VALUE_ACCESSOR = {
provide: __WEBPACK_IMPORTED_MODULE_3__angular_forms__["NG_VALUE_ACCESSOR"],
useExisting: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["forwardRef"])(function () { return NgDateRangePickerComponent; }),
multi: true
};
var NgDateRangePickerComponent = (function () {
function NgDateRangePickerComponent(elementRef, renderer, injector, viewContainerRef, applicationRef, componentFactoryResolver, helper) {
this.elementRef = elementRef;
this.renderer = renderer;
this.injector = injector;
this.viewContainerRef = viewContainerRef;
this.applicationRef = applicationRef;
this.componentFactoryResolver = componentFactoryResolver;
this.helper = helper;
this._opened = false;
this.defaultOptions = {
theme: 'default',
range: 'tm',
dayNames: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
presetNames: ['This Month', 'Last Month', 'This Week', 'Last Week', 'This Year', 'Last Year', 'Start', 'End',
'Hours', 'Minutes', 'Seconds'],
outputFormat: 'DD/MM/YYYY',
startOfWeek: 0,
showTime: false,
timeFormat: 'HH:mm:ss',
container: false
};
this.onTouchedCallback = function () { };
this.onChangeCallback = function () { };
}
Object.defineProperty(NgDateRangePickerComponent.prototype, "opened", {
get: function () {
return this._opened;
},
set: function (value) {
this._opened = value;
if (this.calendarComponentRef && this.calendarComponentRef.instance) {
this.calendarComponentRef.instance.opened = this.opened;
}
},
enumerable: true,
configurable: true
});
;
;
Object.defineProperty(NgDateRangePickerComponent.prototype, "value", {
get: function () {
return this.modelValue;
},
set: function (value) {
if (!value) {
return;
}
this.modelValue = value;
this.onChangeCallback(value);
},
enumerable: true,
configurable: true
});
NgDateRangePickerComponent.prototype.writeValue = function (value) {
if (!value) {
return;
}
this.modelValue = value;
};
NgDateRangePickerComponent.prototype.registerOnChange = function (fn) {
this.onChangeCallback = fn;
};
NgDateRangePickerComponent.prototype.registerOnTouched = function (fn) {
this.onTouchedCallback = fn;
};
NgDateRangePickerComponent.prototype.ngOnInit = function () {
var _this = this;
this.options = this.options || {};
Object.keys(this.defaultOptions).forEach(function (key) {
if (!_this.options.hasOwnProperty(key)) {
_this.options[key] = _this.defaultOptions[key];
}
});
var dates = this.helper.selectRange(this.options);
this.dateFrom = dates.dateFrom;
this.dateTo = dates.dateTo;
};
NgDateRangePickerComponent.prototype.toggleCalendar = function (e, selection) {
if (!this.created) {
this.createCalendar();
this.created = true;
}
if (this.opened && this.opened !== selection) {
this.opened = selection;
this.calendarComponentRef.instance.opened = this.opened;
}
else {
this.opened = this.opened ? false : selection;
this.calendarComponentRef.instance.opened = this.opened;
}
};
NgDateRangePickerComponent.prototype.createCalendar = function () {
this.calendarComponentRef = this.componentFactoryResolver.resolveComponentFactory(__WEBPACK_IMPORTED_MODULE_1__ng_daterange_calendar_ng_daterange_calendar_component__["a" /* NgDateRangeCalendarComponent */]).create(this.injector);
this.initCalendar();
this.applicationRef.attachView(this.calendarComponentRef.hostView);
var container = this.options.container ?
document.querySelector(this.options.container) :
this.defaultContainer.nativeElement;
container.appendChild(this.calendarComponentRef.location.nativeElement);
};
NgDateRangePickerComponent.prototype.initCalendar = function () {
var _this = this;
this.calendarComponentRef.instance.options = this.options;
this.calendarComponentRef.instance.dateFrom = this.dateFrom;
this.calendarComponentRef.instance.dateTo = this.dateTo;
this.calendarComponentRef.instance.onDateFrom.subscribe(function (val) {
_this.dateFrom = val;
});
this.calendarComponentRef.instance.onDateTo.subscribe(function (val) {
_this.dateTo = val;
});
this.calendarComponentRef.instance.opened = this.opened;
this.calendarComponentRef.instance.onValueChange.subscribe(function (val) {
_this.value = val;
});
this.calendarComponentRef.instance.target = this.options.container ? this.defaultContainer.nativeElement : false;
};
NgDateRangePickerComponent.prototype.formatDate = function (value) {
return __WEBPACK_IMPORTED_MODULE_4_date_fns__["format"](value, this.options.outputFormat);
};
NgDateRangePickerComponent.prototype.getCSSClasses = function () {
return "ng-daterangepicker theme-" + this.options.theme + (!!this.opened ? ' is-active' : '');
};
NgDateRangePickerComponent.prototype.handleBlurClick = function (e) {
var target = e.srcElement || e.target;
if (!this.elementRef.nativeElement.contains(e.target) &&
(this.calendarComponentRef && !this.calendarComponentRef.instance.element.nativeElement.contains(e.target)) &&
!target.classList.contains('day-num') &&
!target.classList.contains('time-link') &&
!target.classList.contains('time-svg')) {
this.opened = false;
}
};
return NgDateRangePickerComponent;
}());
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["Input"])(),
__metadata("design:type", Object)
], NgDateRangePickerComponent.prototype, "options", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["Input"])(),
__metadata("design:type", String)
], NgDateRangePickerComponent.prototype, "container", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["ViewChild"])('defaultContainer'),
__metadata("design:type", __WEBPACK_IMPORTED_MODULE_2__angular_core__["ElementRef"])
], NgDateRangePickerComponent.prototype, "defaultContainer", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["HostListener"])('document:click', ['$event']),
__metadata("design:type", Function),
__metadata("design:paramtypes", [MouseEvent]),
__metadata("design:returntype", void 0)
], NgDateRangePickerComponent.prototype, "handleBlurClick", null);
NgDateRangePickerComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["Component"])({
selector: 'ng-daterangepicker',
template: __webpack_require__(14),
styles: [__webpack_require__(16)],
providers: [DATERANGEPICKER_VALUE_ACCESSOR]
}),
__metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_2__angular_core__["ElementRef"],
__WEBPACK_IMPORTED_MODULE_2__angular_core__["Renderer"],
__WEBPACK_IMPORTED_MODULE_2__angular_core__["Injector"],
__WEBPACK_IMPORTED_MODULE_2__angular_core__["ViewContainerRef"],
__WEBPACK_IMPORTED_MODULE_2__angular_core__["ApplicationRef"],
__WEBPACK_IMPORTED_MODULE_2__angular_core__["ComponentFactoryResolver"],
__WEBPACK_IMPORTED_MODULE_0__shared_ng_daterangerpicker_helper__["a" /* NgDateRangePickerHelper */]])
], NgDateRangePickerComponent);
/***/ }),
/* 5 */
/***/ (function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function() {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
var result = [];
for(var i = 0; i < this.length; i++) {
var item = this[i];
if(item[2]) {
result.push("@media " + item[2] + "{" + item[1] + "}");
} else {
result.push(item[1]);
}
}
return result.join("");
};
// import a list of modules into the list
list.i = function(modules, mediaQuery) {
if(typeof modules === "string")
modules = [[null, modules, ""]];
var alreadyImportedModules = {};
for(var i = 0; i < this.length; i++) {
var id = this[i][0];
if(typeof id === "number")
alreadyImportedModules[id] = true;
}
for(i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
if(mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if(mediaQuery) {
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
}
list.push(item);
}
}
};
return list;
};
/***/ }),
/* 6 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_6__;
/***/ }),
/* 7 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__ = __webpack_require__(9);
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__["c"]; });
/***/ }),
/* 8 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__index__ = __webpack_require__(7);
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "DATERANGEPICKER_VALUE_ACCESSOR", function() { return __WEBPACK_IMPORTED_MODULE_0__index__["a"]; });
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "NgDateRangePickerComponent", function() { return __WEBPACK_IMPORTED_MODULE_0__index__["b"]; });
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "NgDateRangePickerModule", function() { return __WEBPACK_IMPORTED_MODULE_0__index__["c"]; });
/***/ }),
/* 9 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__ng_daterangepicker_component__ = __webpack_require__(4);
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__ng_daterangepicker_component__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__ng_daterangepicker_component__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ng_daterangepicker_module__ = __webpack_require__(10);
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__ng_daterangepicker_module__["a"]; });
/***/ }),
/* 10 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NgDateRangePickerModule; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__shared_ng_daterangerpicker_helper__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ng_daterange_calendar_ng_daterange_calendar_component__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__angular_core__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_common__ = __webpack_require__(17);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_common___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__angular_common__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_forms__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_forms___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__angular_forms__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__ng_daterangepicker_component__ = __webpack_require__(4);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var NgDateRangePickerModule = (function () {
function NgDateRangePickerModule() {
}
return NgDateRangePickerModule;
}());
NgDateRangePickerModule = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["NgModule"])({
entryComponents: [__WEBPACK_IMPORTED_MODULE_1__ng_daterange_calendar_ng_daterange_calendar_component__["a" /* NgDateRangeCalendarComponent */]],
declarations: [__WEBPACK_IMPORTED_MODULE_5__ng_daterangepicker_component__["b" /* NgDateRangePickerComponent */], __WEBPACK_IMPORTED_MODULE_1__ng_daterange_calendar_ng_daterange_calendar_component__["a" /* NgDateRangeCalendarComponent */]],
imports: [__WEBPACK_IMPORTED_MODULE_3__angular_common__["CommonModule"], __WEBPACK_IMPORTED_MODULE_4__angular_forms__["FormsModule"]],
exports: [__WEBPACK_IMPORTED_MODULE_5__ng_daterangepicker_component__["b" /* NgDateRangePickerComponent */], __WEBPACK_IMPORTED_MODULE_3__angular_common__["CommonModule"], __WEBPACK_IMPORTED_MODULE_4__angular_forms__["FormsModule"]],
providers: [__WEBPACK_IMPORTED_MODULE_0__shared_ng_daterangerpicker_helper__["a" /* NgDateRangePickerHelper */]]
})
], NgDateRangePickerModule);
/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(5)();
// imports
// module
exports.push([module.i, ".calendar {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 500px;\n border: 1px solid #0070ba;\n border-radius: 7px;\n background: #FFFFFF;\n z-index: 100; }\n .calendar:after {\n content: '';\n position: absolute;\n display: block;\n width: 30px;\n height: 30px;\n top: -15px;\n left: 65px;\n transform: rotate(45deg);\n border-top: 1px solid #0070ba;\n border-left: 1px solid #0070ba;\n background: #FFFFFF;\n transition: left 0.5s; }\n .calendar.is-opened {\n display: block; }\n .calendar.is-to:after {\n left: 215px; }\n .calendar .time-block {\n text-align: center; }\n .calendar .time-block a {\n color: #00d1b2;\n text-decoration: none;\n cursor: pointer; }\n .calendar .time-block a:hover {\n color: #333333; }\n .calendar .timer-container .timer-header {\n width: 100%;\n height: 50px;\n display: flex;\n justify-content: space-between; }\n .calendar .timer-container .timer-header .timer-back-icon {\n display: block;\n width: 12px;\n height: 20px;\n cursor: pointer; }\n .calendar .timer-container .timer-header .time-heading {\n font-size: 17px;\n color: #2c2e2f;\n margin-bottom: 20px; }\n .calendar .timer-container .time-field {\n margin-bottom: 10px; }\n .calendar .timer-container .time-field .time-label {\n text-align: center; }\n .calendar .timer-container input.time-range {\n -webkit-appearance: none;\n width: 100%;\n height: 5px;\n border-radius: 5px;\n background: #bae4ff;\n outline: none;\n padding: 0;\n margin: 0; }\n .calendar .timer-container input.time-range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #0070ba;\n cursor: pointer;\n transition: background .15s ease-in-out; }\n .calendar .timer-container input.time-range::-webkit-slider-thumb:hover {\n background: #008fed; }\n .calendar .timer-container input.time-range:active::-webkit-slider-thumb {\n background: #008fed; }\n .calendar .timer-container input.time-range::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border: 0;\n border-radius: 50%;\n background: #bae4ff;\n cursor: pointer;\n transition: background .15s ease-in-out; }\n .calendar .timer-container input.time-range::-moz-range-thumb:hover {\n background: #008fed; }\n .calendar .timer-container input.time-range:active::-moz-range-thumb {\n background: #008fed; }\n .calendar .calendar-container {\n display: inline-block;\n width: 340px;\n height: 100%;\n padding: 20px;\n border-right: 1px solid #D4DADE;\n float: left; }\n .calendar .calendar-container .controls {\n width: 100%;\n height: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .calendar .calendar-container .controls .control-icon {\n display: block;\n width: 12px;\n height: 20px;\n cursor: pointer; }\n .calendar .calendar-container .controls .control-title {\n font-size: 17px;\n color: #2c2e2f; }\n .calendar .calendar-container .day-names {\n display: inline-block;\n width: 300px;\n margin-top: 30px;\n margin-bottom: 20px; }\n .calendar .calendar-container .day-names .day-name {\n width: calc(300px / 7);\n font-size: 13px;\n color: #9CA3A6;\n display: block;\n float: left;\n text-align: center;\n font-weight: bold; }\n .calendar .calendar-container .days {\n display: inline-block;\n width: 300px; }\n .calendar .calendar-container .days .day {\n width: calc(300px / 7);\n font-size: 13px;\n color: #9CA3A6;\n display: block;\n float: left;\n text-align: center;\n margin-bottom: 15px;\n cursor: pointer;\n font-weight: bold; }\n .calendar .calendar-container .days .day.is-within-range {\n background: #ACD5ED;\n color: #333333; }\n .calendar .calendar-container .days .day.is-from, .calendar .calendar-container .days .day.is-first-weekday {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%; }\n .calendar .calendar-container .days .day.is-to, .calendar .calendar-container .days .day.is-last-weekday {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%; }\n .calendar .calendar-container .days .day .day-num {\n display: flex;\n justify-content: center;\n align-items: center;\n float: left;\n width: calc(300px / 7);\n height: 100%;\n border-radius: 50%;\n padding: 10px 15px; }\n .calendar .calendar-container .days .day .day-num:hover, .calendar .calendar-container .days .day .day-num.is-active {\n background: #0070ba;\n color: #FFFFFF; }\n .calendar .side-container {\n width: 158px;\n min-height: 390px;\n padding: 10px;\n display: flex;\n align-items: center;\n position: relative; }\n .calendar .side-container .side-container-buttons {\n width: 138px; }\n .calendar .side-container .side-container-buttons .side-button {\n background: #FFFFFF;\n border-radius: 15px;\n border: 1px solid #0070ba;\n height: 30px;\n width: 138px;\n display: block;\n text-align: center;\n outline: none;\n margin-bottom: 15px;\n color: #6B737C;\n font-size: 13px;\n cursor: pointer; }\n .calendar .side-container .side-container-buttons .side-button:hover, .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #0070ba;\n color: #FFFFFF; }\n .calendar .side-container .close-icon {\n position: absolute;\n width: 20px;\n height: 20px;\n top: 20px;\n right: 15px;\n cursor: pointer; }\n .calendar.theme-green {\n border-color: #2b8a3e; }\n .calendar.theme-green:after {\n border-top-color: #2b8a3e;\n border-left-color: #2b8a3e; }\n .calendar.theme-green .calendar-container .timer-container input.time-range {\n background: #79d58b; }\n .calendar.theme-green .calendar-container .timer-container input.time-range::-webkit-slider-thumb {\n background: #2b8a3e; }\n .calendar.theme-green .calendar-container .timer-container input.time-range::-webkit-slider-thumb:hover {\n background: #37b14f; }\n .calendar.theme-green .calendar-container .timer-container input.time-range:active::-webkit-slider-thumb {\n background: #37b14f; }\n .calendar.theme-green .calendar-container .timer-container input.time-range::-moz-range-thumb {\n background: #2b8a3e; }\n .calendar.theme-green .calendar-container .timer-container input.time-range::-moz-range-thumb:hover {\n background: #37b14f; }\n .calendar.theme-green .calendar-container .timer-container input.time-range:active::-moz-range-thumb {\n background: #79d58b; }\n .calendar.theme-green .calendar-container .days .day.is-within-range {\n background: #52c96a; }\n .calendar.theme-green .calendar-container .days .day .day-num:hover, .calendar.theme-green .calendar-container .days .day .day-num.is-active {\n background: #2b8a3e; }\n .calendar.theme-green .side-container .side-container-buttons .side-button {\n border-color: #2b8a3e; }\n .calendar.theme-green .side-container .side-container-buttons .side-button:hover, .calendar.theme-green .side-container .side-container-buttons .side-button.is-active {\n background: #2b8a3e; }\n .calendar.theme-teal {\n border-color: #087f5b; }\n .calendar.theme-teal:after {\n border-top-color: #087f5b;\n border-left-color: #087f5b; }\n .calendar.theme-teal .calendar-container .timer-container input.time-range {\n background: #2ef2b7; }\n .calendar.theme-teal .calendar-container .timer-container input.time-range::-webkit-slider-thumb {\n background: #087f5b; }\n .calendar.theme-teal .calendar-container .timer-container input.time-range::-webkit-slider-thumb:hover {\n background: #0baf7d; }\n .calendar.theme-teal .calendar-container .timer-container input.time-range:active::-webkit-slider-thumb {\n background: #0baf7d; }\n .calendar.theme-teal .calendar-container .timer-container input.time-range::-moz-range-thumb {\n background: #087f5b; }\n .calendar.theme-teal .calendar-container .timer-container input.time-range::-moz-range-thumb:hover {\n background: #0baf7d; }\n .calendar.theme-teal .calendar-container .timer-container input.time-range:active::-moz-range-thumb {\n background: #2ef2b7; }\n .calendar.theme-teal .calendar-container .days .day.is-within-range {\n background: #0edfa0; }\n .calendar.theme-teal .calendar-container .days .day .day-num:hover, .calendar.theme-teal .calendar-container .days .day .day-num.is-active {\n background: #087f5b; }\n .calendar.theme-teal .side-container .side-container-buttons .side-button {\n border-color: #087f5b; }\n .calendar.theme-teal .side-container .side-container-buttons .side-button:hover, .calendar.theme-teal .side-container .side-container-buttons .side-button.is-active {\n background: #087f5b; }\n .calendar.theme-cyan {\n border-color: #0b7285; }\n .calendar.theme-cyan:after {\n border-top-color: #0b7285;\n border-left-color: #0b7285; }\n .calendar.theme-cyan .calendar-container .timer-container input.time-range {\n background: #3ad3ef; }\n .calendar.theme-cyan .calendar-container .timer-container input.time-range::-webkit-slider-thumb {\n background: #0b7285; }\n .calendar.theme-cyan .calendar-container .timer-container input.time-range::-webkit-slider-thumb:hover {\n background: #0f9ab4; }\n .calendar.theme-cyan .calendar-container .timer-container input.time-range:active::-webkit-slider-thumb {\n background: #0f9ab4; }\n .calendar.theme-cyan .calendar-container .timer-container input.time-range::-moz-range-thumb {\n background: #0b7285; }\n .calendar.theme-cyan .calendar-container .timer-container input.time-range::-moz-range-thumb:hover {\n background: #0f9ab4; }\n .calendar.theme-cyan .calendar-container .timer-container input.time-range:active::-moz-range-thumb {\n background: #3ad3ef; }\n .calendar.theme-cyan .calendar-container .days .day.is-within-range {\n background: #13c3e3; }\n .calendar.theme-cyan .calendar-container .days .day .day-num:hover, .calendar.theme-cyan .calendar-container .days .day .day-num.is-active {\n background: #0b7285; }\n .calendar.theme-cyan .side-container .side-container-buttons .side-button {\n border-color: #0b7285; }\n .calendar.theme-cyan .side-container .side-container-buttons .side-button:hover, .calendar.theme-cyan .side-container .side-container-buttons .side-button.is-active {\n background: #0b7285; }\n .calendar.theme-grape {\n border-color: #862e9c; }\n .calendar.theme-grape:after {\n border-top-color: #862e9c;\n border-left-color: #862e9c; }\n .calendar.theme-grape .calendar-container .timer-container input.time-range {\n background: #cb87dc; }\n .calendar.theme-grape .calendar-container .timer-container input.time-range::-webkit-slider-thumb {\n background: #862e9c; }\n .calendar.theme-grape .calendar-container .timer-container input.time-range::-webkit-slider-thumb:hover {\n background: #a83ac3; }\n .calendar.theme-grape .calendar-container .timer-container input.time-range:active::-webkit-slider-thumb {\n background: #a83ac3; }\n .calendar.theme-grape .calendar-container .timer-container input.time-range::-moz-range-thumb {\n background: #862e9c; }\n .calendar.theme-grape .calendar-container .timer-container input.time-range::-moz-range-thumb:hover {\n background: #a83ac3; }\n .calendar.theme-grape .calendar-container .timer-container input.time-range:active::-moz-range-thumb {\n background: #cb87dc; }\n .calendar.theme-grape .calendar-container .days .day.is-within-range {\n background: #ba60d0; }\n .calendar.theme-grape .calendar-container .days .day .day-num:hover, .calendar.theme-grape .calendar-container .days .day .day-num.is-active {\n background: #862e9c; }\n .calendar.theme-grape .side-container .side-container-buttons .side-button {\n border-color: #862e9c; }\n .calendar.theme-grape .side-container .side-container-buttons .side-button:hover, .calendar.theme-grape .side-container .side-container-buttons .side-button.is-active {\n background: #862e9c; }\n .calendar.theme-red {\n border-color: #c92a2a; }\n .calendar.theme-red:after {\n border-top-color: #c92a2a;\n border-left-color: #c92a2a; }\n .calendar.theme-red .calendar-container .timer-container input.time-range {\n background: #eba1a1; }\n .calendar.theme-red .calendar-container .timer-container input.time-range::-webkit-slider-thumb {\n background: #c92a2a; }\n .calendar.theme-red .calendar-container .timer-container input.time-range::-webkit-slider-thumb:hover {\n background: #da4c4c; }\n .calendar.theme-red .calendar-container .timer-container input.time-range:active::-webkit-slider-thumb {\n background: #da4c4c; }\n .calendar.theme-red .calendar-container .timer-container input.time-range::-moz-range-thumb {\n background: #c92a2a; }\n .calendar.theme-red .calendar-container .timer-container input.time-range::-moz-range-thumb:hover {\n background: #da4c4c; }\n .calendar.theme-red .calendar-container .timer-container input.time-range:active::-moz-range-thumb {\n background: #eba1a1; }\n .calendar.theme-red .calendar-container .days .day.is-within-range {\n background: #e27777; }\n .calendar.theme-red .calendar-container .days .day .day-num:hover, .calendar.theme-red .calendar-container .days .day .day-num.is-active {\n background: #c92a2a; }\n .calendar.theme-red .side-container .side-container-buttons .side-button {\n border-color: #c92a2a; }\n .calendar.theme-red .side-container .side-container-buttons .side-button:hover, .calendar.theme-red .side-container .side-container-buttons .side-button.is-active {\n background: #c92a2a; }\n .calendar.theme-gray {\n border-color: #212529; }\n .calendar.theme-gray:after {\n border-top-color: #212529;\n border-left-color: #212529; }\n .calendar.theme-gray .calendar-container .timer-container input.time-range {\n background: #65727e; }\n .calendar.theme-gray .calendar-container .timer-container input.time-range::-webkit-slider-thumb {\n background: #212529; }\n .calendar.theme-gray .calendar-container .timer-container input.time-range::-webkit-slider-thumb:hover {\n background: #383f45; }\n .calendar.theme-gray .calendar-container .timer-container input.time-range:active::-webkit-slider-thumb {\n background: #383f45; }\n .calendar.theme-gray .calendar-container .timer-container input.time-range::-moz-range-thumb {\n background: #212529; }\n .calendar.theme-gray .calendar-container .timer-container input.time-range::-moz-range-thumb:hover {\n background: #383f45; }\n .calendar.theme-gray .calendar-container .timer-container input.time-range:active::-moz-range-thumb {\n background: #65727e; }\n .calendar.theme-gray .calendar-container .days .day.is-within-range {\n background: #4e5862; }\n .calendar.theme-gray .calendar-container .days .day .day-num:hover, .calendar.theme-gray .calendar-container .days .day .day-num.is-active {\n background: #212529; }\n .calendar.theme-gray .side-container .side-container-buttons .side-button {\n border-color: #212529; }\n .calendar.theme-gray .side-container .side-container-buttons .side-button:hover, .calendar.theme-gray .side-container .side-container-buttons .side-button.is-active {\n background: #212529; }\n", ""]);
// exports
/***/ }),
/* 12 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(5)();
// imports
// module
exports.push([module.i, ".ng-daterangepicker {\n width: 300px;\n height: 50px;\n background: #FFFFFF;\n display: inline-block;\n border: 1px solid #9da3a6;\n border-radius: 7px;\n position: relative; }\n .ng-daterangepicker.is-active {\n border: 1px solid #0070ba; }\n .ng-daterangepicker .input-section {\n width: calc(100% / 2);\n height: 50px;\n display: block;\n float: left;\n outline: none;\n padding: 7px 10px;\n color: #2c2e2f;\n cursor: pointer;\n position: relative; }\n .ng-daterangepicker .input-section:first-child {\n border-right: 1px solid #D4DADE; }\n .ng-daterangepicker .input-section .label-txt, .ng-daterangepicker .input-section .value-txt {\n display: block; }\n .ng-daterangepicker .input-section .label-txt {\n color: #0070ba;\n font-size: 11px; }\n .ng-daterangepicker .input-section .value-txt {\n color: #2c2e2f;\n font-size: 13px;\n border-bottom: 1px solid transparent; }\n .ng-daterangepicker .input-section .cal-icon {\n position: absolute;\n display: block;\n right: 10px;\n bottom: 5px; }\n .ng-daterangepicker .input-section .cal-icon svg {\n width: 20px;\n height: 20px; }\n .ng-daterangepicker .input-section .cal-icon svg path {\n fill: #0D79B1; }\n .ng-daterangepicker.theme-green.is-active {\n border-color: #2b8a3e; }\n .ng-daterangepicker.theme-green .input-section .label-txt {\n color: #2b8a3e; }\n .ng-daterangepicker.theme-green .input-section .cal-icon svg path {\n fill: #2b8a3e; }\n .ng-daterangepicker.theme-teal.is-active {\n border-color: #087f5b; }\n .ng-daterangepicker.theme-teal .input-section .label-txt {\n color: #087f5b; }\n .ng-daterangepicker.theme-teal .input-section .cal-icon svg path {\n fill: #087f5b; }\n .ng-daterangepicker.theme-cyan.is-active {\n border-color: #0b7285; }\n .ng-daterangepicker.theme-cyan .input-section .label-txt {\n color: #0b7285; }\n .ng-daterangepicker.theme-cyan .input-section .cal-icon svg path {\n fill: #0b7285; }\n .ng-daterangepicker.theme-grape.is-active {\n border-color: #862e9c; }\n .ng-daterangepicker.theme-grape .input-section .label-txt {\n color: #862e9c; }\n .ng-daterangepicker.theme-grape .input-section .cal-icon svg path {\n fill: #862e9c; }\n .ng-daterangepicker.theme-red.is-active {\n border-color: #c92a2a; }\n .ng-daterangepicker.theme-red .input-section .label-txt {\n color: #c92a2a; }\n .ng-daterangepicker.theme-red .input-section .cal-icon svg path {\n fill: #c92a2a; }\n .ng-daterangepicker.theme-gray.is-active {\n border-color: #212529; }\n .ng-daterangepicker.theme-gray .input-section .label-txt {\n color: #212529; }\n .ng-daterangepicker.theme-gray .input-section .cal-icon svg path {\n fill: #212529; }\n", ""]);
// exports
/***/ }),
/* 13 */
/***/ (function(module, exports) {
module.exports = "<div *ngIf=\"opened\" [ngClass]=\"getCSSClasses()\">\r\n <div class=\"calendar-container\">\r\n <div class=\"calendar-day-container\" *ngIf=\"!timerOpened\">\r\n <div class=\"controls\">\r\n <span class=\"control-icon\" (click)=\"prevMonth()\">\r\n <svg width=\"13px\" height=\"20px\" viewBox=\"0 44 13 20\" version=\"1.1\">\r\n <path d=\"M11.7062895,64 C11.6273879,64 11.5477012,63.9744846 11.480576,63.921491 L0.139160349,54.9910879 C0.0551556781,54.9247477 0.00451734852,54.8250413 0.000199351429,54.7174839 C-0.00333355528,54.6107116 0.0402389608,54.5074722 0.119140544,54.4356364 L11.4605562,44.095211 C11.6093308,43.9589979 11.8401474,43.9707742 11.9751829,44.1187637 C12.1110036,44.2675384 12.1004048,44.4983549 11.9516302,44.6333905 L0.928176181,54.6841175 L11.9323955,63.3491601 C12.0905912,63.4735969 12.1176768,63.7028433 11.9928475,63.861039 C11.9206191,63.9521095 11.8138469,64 11.7062895,64 Z\" id=\"Shape\" stroke=\"none\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\r\n </svg>\r\n </span>\r\n <span class=\"control-title\">\r\n {{ date | date:'MMMM y' }}\r\n </span>\r\n <span class=\"control-icon\" (click)=\"nextMonth()\">\r\n <svg width=\"13px\" height=\"20px\" viewBox=\"21 44 13 20\">\r\n <path d=\"M32.7062895,64 C32.6273879,64 32.5477012,63.9744846 32.480576,63.921491 L21.1391603,54.9910879 C21.0551557,54.9247477 21.0045173,54.8250413 21.0001994,54.7174839 C20.9966664,54.6107116 21.040239,54.5074722 21.1191405,54.4356364 L32.4605562,44.095211 C32.6093308,43.9589979 32.8401474,43.9707742 32.9751829,44.1187637 C33.1110036,44.2675384 33.1004048,44.4983549 32.9516302,44.6333905 L21.9281762,54.6841175 L32.9323955,63.3491601 C33.0905912,63.4735969 33.1176768,63.7028433 32.9928475,63.861039 C32.9206191,63.9521095 32.8138469,64 32.7062895,64 Z\" id=\"Shape\" stroke=\"none\" fill=\"#000000\" fill-rule=\"nonzero\" transform=\"translate(27.035642, 54.000000) scale(-1, 1) translate(-27.035642, -54.000000) \"></path>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"time-block\" *ngIf=\"options.showTime\">\r\n <span class=\"label-txt\">\r\n <a (click)=\"toggleTimer()\" class=\"time-link\" *ngIf=\"opened === 'from'\">{{ formatTime(dateFrom) }}</a>\r\n <a (click)=\"toggleTimer()\" class=\"time-link\" *ngIf=\"opened === 'to'\">{{ formatTime(dateTo) }}</a>\r\n </span>\r\n </div>\r\n <div class=\"day-names\">\r\n <span class=\"day-name\" *ngFor=\"let name of dayNames\">{{ name }}</span>\r\n </div>\r\n <div class=\"days\">\r\n <div class=\"day\"\r\n *ngFor=\"let d of days; let i = index;\"\r\n [ngClass]=\"{\r\n 'is-within-range': d.isWithinRange,\r\n 'is-from': d.from,\r\n 'is-to': d.to,\r\n 'is-first-weekday': d.weekday === 1 || d.firstMonthDay,\r\n 'is-last-weekday': d.weekday === 0 || d.lastMonthDay }\"\r\n (click)=\"selectDate($event, i)\">\r\n <span *ngIf=\"d.visible\" class=\"day-num\" [class.is-active]=\"d.from || d.to\">{{ d.day }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"timer-container\" *ngIf=\"timerOpened\">\r\n <div class=\"timer-header\">\r\n <div class=\"timer-back-icon\" (click)=\"toggleTimer()\">\r\n <svg class=\"time-svg\" width=\"13px\" height=\"20px\" viewBox=\"0 44 13 20\" version=\"1.1\">\r\n <path d=\"M11.7062895,64 C11.6273879,64 11.5477012,63.9744846 11.480576,63.921491 L0.139160349,54.9910879 C0.0551556781,54.9247477 0.00451734852,54.8250413 0.000199351429,54.7174839 C-0.00333355528,54.6107116 0.0402389608,54.5074722 0.119140544,54.4356364 L11.4605562,44.095211 C11.6093308,43.9589979 11.8401474,43.9707742 11.9751829,44.1187637 C12.1110036,44.2675384 12.1004048,44.4983549 11.9516302,44.6333905 L0.928176181,54.6841175 L11.9323955,63.3491601 C12.0905912,63.4735969 12.1176768,63.7028433 11.9928475,63.861039 C11.9206191,63.9521095 11.8138469,64 11.7062895,64 Z\" id=\"Shape\" stroke=\"none\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\r\n </svg>\r\n </div>\r\n <div class=\"time-heading\">\r\n {{formatTimeForTitle(hours.value, minutes.value, seconds.value)}}\r\n </div>\r\n <div class=\"timer-back-icon\"><!-- needed to center heading --></div>\r\n </div>\r\n <div class=\"time-field\">\r\n <div class=\"time-label\">\r\n <span class=\"time-label-text\">{{options.presetNames[8]}}</span>\r\n </div>\r\n <input #hours type=\"range\" class=\"time-range\" min=\"00\" max=\"23\" step=\"1\" [ngModel]=\"getTimeUnitValue('H')\" (change)=\"onTimeChange()\" />\r\n </div>\r\n <div class=\"time-field\">\r\n <div class=\"time-label\">\r\n <span class=\"time-label-text\">{{options.presetNames[9]}}</span>\r\n </div>\r\n <input #minutes type=\"range\" class=\"time-range\" min=\"00\" max=\"59\" step=\"1\" [ngModel]=\"getTimeUnitValue('m')\" (change)=\"onTimeChange()\" />\r\n </div>\r\n <div class=\"time-field\" [hidden]=\"!showSeconds()\">\r\n <div class=\"time-label\">\r\n <span class=\"time-label-text\">{{options.presetNames[10]}}</span>\r\n </div>\r\n <input #seconds type=\"range\" class=\"time-range\" min=\"00\" max=\"59\" step=\"1\" [ngModel]=\"getTimeUnitValue('s')\" (change)=\"onTimeChange()\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"side-container\">\r\n <div class=\"side-container-buttons\">\r\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('tm')\" [class.is-active]=\"currentRange === 'tm'\">{{options.presetNames[0]}}</button>\r\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('lm')\" [class.is-active]=\"currentRange === 'lm'\">{{options.presetNames[1]}}</button>\r\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('tw')\" [class.is-active]=\"currentRange === 'tw'\">{{options.presetNames[2]}}</button>\r\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('lw')\" [class.is-active]=\"currentRange === 'lw'\">{{options.presetNames[3]}}</button>\r\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('ty')\" [class.is-active]=\"currentRange === 'ty'\">{{options.presetNames[4]}}</button>\r\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('ly')\" [class.is-active]=\"currentRange === 'ly'\">{{options.presetNames[5]}}</button>\r\n </div>\r\n <span class=\"close-icon\" (click)=\"closeCalendar($event)\">\r\n <svg width=\"20px\" height=\"20px\" viewBox=\"47 44 20 20\" version=\"1.1\">\r\n <g id=\"Group\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(48.000000, 44.000000)\">\r\n <path d=\"M19.6876399,20 C19.6047542,19.999927 19.52529,19.9669423 19.4667175,19.9082976 L0.0839056416,0.525743396 C-0.0308734765,0.402566324 -0.0274867013,0.210616527 0.0915663128,0.0915650956 C0.210619327,-0.0274863359 0.402571676,-0.030873066 0.525750385,0.0839045261 L19.9085623,19.4664587 C19.9978567,19.5558631 20.0245499,19.6902301 19.9762091,19.8069762 C19.9278683,19.9237223 19.8139998,19.9998889 19.6876399,20 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\r\n <path d=\"M0.312360116,20 C0.186000167,19.9998889 0.0721317315,19.9237223 0.0237909073,19.8069762 C-0.0245499168,19.6902301 0.0021432967,19.5558631 0.0914377445,19.4664587 L19.4742496,0.0839045261 C19.5974283,-0.030873066 19.7893807,-0.0274863359 19.9084337,0.0915650956 C20.0274867,0.210616527 20.0308735,0.402566324 19.9160944,0.525743396 L0.533282488,19.9082976 C0.474709982,19.9669423 0.395245751,19.999927 0.312360116,20 L0.312360116,20 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\r\n </g>\r\n </svg>\r\n </span>\r\n </div>\r\n <div style=\"clear: both;\"></div>\r\n</div>"
/***/ }),
/* 14 */
/***/ (function(module, exports) {
module.exports = "<div [className]=\"getCSSClasses()\">\r\n\r\n <div class=\"input-section\" (click)=\"toggleCalendar($event, 'from')\">\r\n <span class=\"label-txt\">{{options.presetNames[6]}}</span>\r\n <span class=\"value-txt\">{{ formatDate(dateFrom) }}</span>\r\n <span class=\"cal-icon\">\r\n <svg width=\"94px\" height=\"94px\" viewBox=\"3 3 94 94\" version=\"1.1\">\r\n <g id=\"Group\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(3.000000, 3.000000)\">\r\n <path d=\"M67.166,20.168 C69.238,20.168 70.916,18.489 70.916,16.418 L70.916,4.085 C70.916,2.014 69.238,0.335 67.166,0.335 C65.096,0.335 63.416,2.014 63.416,4.085 L63.416,16.418 C63.416,18.489 65.096,20.168 67.166,20.168 Z M26.834,20.168 C28.904,20.168 30.584,18.489 30.584,16.418 L30.584,4.085 C30.584,2.014 28.904,0.335 26.834,0.335 C24.762,0.335 23.084,2.014 23.084,4.085 L23.084,16.418 C23.084,18.489 24.762,20.168 26.834,20.168 Z M88.833,9.5 L75.416,9.5 L75.416,16.418 C75.416,20.967 71.715,24.668 67.166,24.668 C62.617,24.668 58.916,20.967 58.916,16.418 L58.916,9.5 L35.084,9.5 L35.084,16.418 C35.084,20.967 31.383,24.668 26.834,24.668 C22.285,24.668 18.584,20.967 18.584,16.418 L18.584,9.5 L5.167,9.5 C2.405,9.5 0.167,11.738 0.167,14.5 L0.167,35 L93.833,35 L93.833,14.5 C93.833,11.738 91.595,9.5 88.833,9.5 Z M0.167,88.167 C0.167,90.929 2.405,93.167 5.167,93.167 L88.833,93.167 C91.595,93.167 93.833,90.929 93.833,88.167 L93.833,39 L0.167,39 L0.167,88.167 Z M69.387,50.875 L82.179,50.875 L82.179,63.667 L69.387,63.667 L69.387,50.875 Z M69.387,69.125 L82.179,69.125 L82.179,81.917 L69.387,81.917 L69.387,69.125 Z M50.198,50.875 L62.99,50.875 L62.99,63.667 L50.198,63.667 L50.198,50.875 Z M50.198,69.125 L62.99,69.125 L62.99,81.917 L50.198,81.917 L50.198,69.125 Z M31.01,50.875 L43.802,50.875 L43.802,63.667 L31.01,63.667 L31.01,50.875 Z M31.01,69.125 L43.802,69.125 L43.802,81.917 L31.01,81.917 L31.01,69.125 Z M11.821,50.875 L24.613,50.875 L24.613,63.667 L11.821,63.667 L11.821,50.875 Z M11.821,69.125 L24.613,69.125 L24.613,81.917 L11.821,81.917 L11.821,69.125 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\r\n </g>\r\n </svg>\r\n </span>\r\n </div>\r\n\r\n <div class=\"input-section\" (click)=\"toggleCalendar($event, 'to')\">\r\n <span class=\"label-txt\">{{options.presetNames[7]}}</span>\r\n <span class=\"value-txt\">{{ formatDate(dateTo) }}</span>\r\n <span class=\"cal-icon\">\r\n <svg width=\"94px\" height=\"94px\" viewBox=\"3 3 94 94\" version=\"1.1\">\r\n <g id=\"Group\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(3.000000, 3.000000)\">\r\n <path d=\"M67.166,20.168 C69.238,20.168 70.916,18.489 70.916,16.418 L70.916,4.085 C70.916,2.014 69.238,0.335 67.166,0.335 C65.096,0.335 63.416,2.014 63.416,4.085 L63.416,16.418 C63.416,18.489 65.096,20.168 67.166,20.168 Z M26.834,20.168 C28.904,20.168 30.584,18.489 30.584,16.418 L30.584,4.085 C30.584,2.014 28.904,0.335 26.834,0.335 C24.762,0.335 23.084,2.014 23.084,4.085 L23.084,16.418 C23.084,18.489 24.762,20.168 26.834,20.168 Z M88.833,9.5 L75.416,9.5 L75.416,16.418 C75.416,20.967 71.715,24.668 67.166,24.668 C62.617,24.668 58.916,20.967 58.916,16.418 L58.916,9.5 L35.084,9.5 L35.084,16.418 C35.084,20.967 31.383,24.668 26.834,24.668 C22.285,24.668 18.584,20.967 18.584,16.418 L18.584,9.5 L5.167,9.5 C2.405,9.5 0.167,11.738 0.167,14.5 L0.167,35 L93.833,35 L93.833,14.5 C93.833,11.738 91.595,9.5 88.833,9.5 Z M0.167,88.167 C0.167,90.929 2.405,93.167 5.167,93.167 L88.833,93.167 C91.595,93.167 93.833,90.929 93.833,88.167 L93.833,39 L0.167,39 L0.167,88.167 Z M69.387,50.875 L82.179,50.875 L82.179,63.667 L69.387,63.667 L69.387,50.875 Z M69.387,69.125 L82.179,69.125 L82.179,81.917 L69.387,81.917 L69.387,69.125 Z M50.198,50.875 L62.99,50.875 L62.99,63.667 L50.198,63.667 L50.198,50.875 Z M50.198,69.125 L62.99,69.125 L62.99,81.917 L50.198,81.917 L50.198,69.125 Z M31.01,50.875 L43.802,50.875 L43.802,63.667 L31.01,63.667 L31.01,50.875 Z M31.01,69.125 L43.802,69.125 L43.802,81.917 L31.01,81.917 L31.01,69.125 Z M11.821,50.875 L24.613,50.875 L24.613,63.667 L11.821,63.667 L11.821,50.875 Z M11.821,69.125 L24.613,69.125 L24.613,81.917 L11.821,81.917 L11.821,69.125 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\r\n </g>\r\n </svg>\r\n </span>\r\n </div> \r\n <div style=\"clear: both\"></div>\r\n <div #defaultContainer></div>\r\n</div>"
/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {
var result = __webpack_require__(11);
if (typeof result === "string") {
module.exports = result;
} else {
module.exports = result.toString();
}
/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {
var result = __webpack_require__(12);
if (typeof result === "string") {
module.exports = result;
} else {
module.exports = result.toString();
}
/***/ }),
/* 17 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_17__;
/***/ })
/******/ ]);
});