ng2-daterangepicker - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3

lib/daterangepicker/config.service.js

 "use strict";
-const core_1 = require('@angular/core');
-const $ = require("jquery");
-class DaterangepickerConfig {
-    constructor() {
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@angular/core");
+var $ = require("jquery");
+var DaterangepickerConfig = (function () {
+    function DaterangepickerConfig() {
         this.skipCSS = false;
@@ -10,3 +20,3 @@ this.addedCSS = false;
     }
-    embedCSS() {
+    DaterangepickerConfig.prototype.embedCSS = function () {
         if (this.addedCSS) {
@@ -20,9 +30,10 @@ return;
         }
-    }
-}
-DaterangepickerConfig.decorators = [
-    { type: core_1.Injectable },
-];
-DaterangepickerConfig.ctorParameters = () => [];
+    };
+    return DaterangepickerConfig;
+}());
+DaterangepickerConfig = __decorate([
+    core_1.Injectable(),
+    __metadata("design:paramtypes", [])
+], DaterangepickerConfig);
 exports.DaterangepickerConfig = DaterangepickerConfig;
 //# sourceMappingURL=config.service.js.map

lib/daterangepicker/daterangepicker.component.js

 "use strict";
-const core_1 = require('@angular/core');
-const config_service_1 = require('./config.service');
-const $ = require("jquery");
-require('bootstrap-daterangepicker');
-class DaterangePickerComponent {
-    constructor(input, config) {
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@angular/core");
+var config_service_1 = require("./config.service");
+var $ = require("jquery");
+require("bootstrap-daterangepicker");
+var DaterangePickerComponent = (function () {
+    function DaterangePickerComponent(input, config) {
         this.input = input;
@@ -19,33 +29,34 @@ this.config = config;
     }
-    ngAfterViewInit() {
-        let targetOptions = Object.assign({}, this.config.settings, this.options);
+    DaterangePickerComponent.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        var targetOptions = Object.assign({}, this.config.settings, this.options);
         this.config.embedCSS();
         $(this.input.nativeElement).daterangepicker(targetOptions, this.callback.bind(this));
-        $(this.input.nativeElement).on('cancel.daterangepicker', (e, picker) => {
-            let event = { event: e, picker: picker };
-            this.cancelDaterangepicker.emit(event);
+        $(this.input.nativeElement).on('cancel.daterangepicker', function (e, picker) {
+            var event = { event: e, picker: picker };
+            _this.cancelDaterangepicker.emit(event);
         });
-        $(this.input.nativeElement).on('apply.daterangepicker', (e, picker) => {
-            let event = { event: e, picker: picker };
-            this.applyDaterangepicker.emit(event);
+        $(this.input.nativeElement).on('apply.daterangepicker', function (e, picker) {
+            var event = { event: e, picker: picker };
+            _this.applyDaterangepicker.emit(event);
         });
-        $(this.input.nativeElement).on('hideCalendar.daterangepicker', (e, picker) => {
-            let event = { event: e, picker: picker };
-            this.hideCalendarDaterangepicker.emit(event);
+        $(this.input.nativeElement).on('hideCalendar.daterangepicker', function (e, picker) {
+            var event = { event: e, picker: picker };
+            _this.hideCalendarDaterangepicker.emit(event);
         });
-        $(this.input.nativeElement).on('showCalendar.daterangepicker', (e, picker) => {
-            let event = { event: e, picker: picker };
-            this.showCalendarDaterangepicker.emit(event);
+        $(this.input.nativeElement).on('showCalendar.daterangepicker', function (e, picker) {
+            var event = { event: e, picker: picker };
+            _this.showCalendarDaterangepicker.emit(event);
         });
-        $(this.input.nativeElement).on('hide.daterangepicker', (e, picker) => {
-            let event = { event: e, picker: picker };
-            this.hideDaterangepicker.emit(event);
+        $(this.input.nativeElement).on('hide.daterangepicker', function (e, picker) {
+            var event = { event: e, picker: picker };
+            _this.hideDaterangepicker.emit(event);
         });
-        $(this.input.nativeElement).on('show.daterangepicker', (e, picker) => {
-            let event = { event: e, picker: picker };
-            this.showDaterangepicker.emit(event);
+        $(this.input.nativeElement).on('show.daterangepicker', function (e, picker) {
+            var event = { event: e, picker: picker };
+            _this.showDaterangepicker.emit(event);
         });
-    }
-    callback(start, end) {
-        let obj = {
+    };
+    DaterangePickerComponent.prototype.callback = function (start, end) {
+        var obj = {
             start: start,
@@ -55,24 +66,44 @@ end: end
         this.selected.emit(obj);
-    }
-}
-DaterangePickerComponent.decorators = [
-    { type: core_1.Directive, args: [{
-                selector: '[daterangepicker]'
-            },] },
-];
-DaterangePickerComponent.ctorParameters = () => [
-    { type: core_1.ElementRef, },
-    { type: config_service_1.DaterangepickerConfig, },
-];
-DaterangePickerComponent.propDecorators = {
-    'options': [{ type: core_1.Input },],
-    'selected': [{ type: core_1.Output },],
-    'cancelDaterangepicker': [{ type: core_1.Output },],
-    'applyDaterangepicker': [{ type: core_1.Output },],
-    'hideCalendarDaterangepicker': [{ type: core_1.Output },],
-    'showCalendarDaterangepicker': [{ type: core_1.Output },],
-    'hideDaterangepicker': [{ type: core_1.Output },],
-    'showDaterangepicker': [{ type: core_1.Output },],
-};
+    };
+    return DaterangePickerComponent;
+}());
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "options", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "selected", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "cancelDaterangepicker", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "applyDaterangepicker", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "hideCalendarDaterangepicker", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "showCalendarDaterangepicker", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "hideDaterangepicker", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], DaterangePickerComponent.prototype, "showDaterangepicker", void 0);
+DaterangePickerComponent = __decorate([
+    core_1.Directive({
+        selector: '[daterangepicker]'
+    }),
+    __metadata("design:paramtypes", [core_1.ElementRef, config_service_1.DaterangepickerConfig])
+], DaterangePickerComponent);
 exports.DaterangePickerComponent = DaterangePickerComponent;
 //# sourceMappingURL=daterangepicker.component.js.map

lib/daterangepicker/daterangepicker.component.ngfactory.js

 "use strict";
-const import0 = require('./daterangepicker.component');
-const import1 = require('@angular/core/src/change_detection/change_detection_util');
-const import3 = require('@angular/core/src/linker/view_utils');
-class Wrapper_DaterangePickerComponent {
-    constructor(p0, p1) {
+Object.defineProperty(exports, "__esModule", { value: true });
+var import0 = require("./daterangepicker.component");
+var import1 = require("@angular/core/src/change_detection/change_detection_util");
+var import3 = require("@angular/core/src/linker/view_utils");
+var Wrapper_DaterangePickerComponent = (function () {
+    function Wrapper_DaterangePickerComponent(p0, p1) {
         this._changed = false;
@@ -11,5 +12,5 @@ this.context = new import0.DaterangePickerComponent(p0, p1);
     }
-    ngOnDetach(view, componentView, el) {
-    }
-    ngOnDestroy() {
+    Wrapper_DaterangePickerComponent.prototype.ngOnDetach = function (view, componentView, el) {
+    };
+    Wrapper_DaterangePickerComponent.prototype.ngOnDestroy = function () {
         (this.subscription0 && this.subscription0.unsubscribe());
@@ -22,4 +23,4 @@ (this.subscription1 && this.subscription1.unsubscribe());
         (this.subscription6 && this.subscription6.unsubscribe());
-    }
-    check_options(currValue, throwOnChange, forceUpdate) {
+    };
+    Wrapper_DaterangePickerComponent.prototype.check_options = function (currValue, throwOnChange, forceUpdate) {
         if ((forceUpdate || import3.checkBinding(throwOnChange, this._expr_0, currValue))) {
@@ -30,15 +31,15 @@ this._changed = true;
         }
-    }
-    ngDoCheck(view, el, throwOnChange) {
+    };
+    Wrapper_DaterangePickerComponent.prototype.ngDoCheck = function (view, el, throwOnChange) {
         var changed = this._changed;
         this._changed = false;
         return changed;
-    }
-    checkHost(view, componentView, el, throwOnChange) {
-    }
-    handleEvent(eventName, $event) {
+    };
+    Wrapper_DaterangePickerComponent.prototype.checkHost = function (view, componentView, el, throwOnChange) {
+    };
+    Wrapper_DaterangePickerComponent.prototype.handleEvent = function (eventName, $event) {
         var result = true;
         return result;
-    }
-    subscribe(view, _eventHandler, emit0, emit1, emit2, emit3, emit4, emit5, emit6) {
+    };
+    Wrapper_DaterangePickerComponent.prototype.subscribe = function (view, _eventHandler, emit0, emit1, emit2, emit3, emit4, emit5, emit6) {
         this._eventHandler = _eventHandler;
@@ -66,5 +67,6 @@ if (emit0) {
         }
-    }
-}
+    };
+    return Wrapper_DaterangePickerComponent;
+}());
 exports.Wrapper_DaterangePickerComponent = Wrapper_DaterangePickerComponent;
 //# sourceMappingURL=daterangepicker.component.ngfactory.js.map

lib/daterangepicker/daterangepicker.module.js

 "use strict";
-const core_1 = require('@angular/core');
-const daterangepicker_component_1 = require('./daterangepicker.component');
-const config_service_1 = require('./config.service');
-class Daterangepicker {
-}
-Daterangepicker.decorators = [
-    { type: core_1.NgModule, args: [{
-                declarations: [daterangepicker_component_1.DaterangePickerComponent],
-                providers: [config_service_1.DaterangepickerConfig],
-                exports: [daterangepicker_component_1.DaterangePickerComponent]
-            },] },
-];
-Daterangepicker.ctorParameters = () => [];
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@angular/core");
+var daterangepicker_component_1 = require("./daterangepicker.component");
+var config_service_1 = require("./config.service");
+var Daterangepicker = (function () {
+    function Daterangepicker() {
+    }
+    return Daterangepicker;
+}());
+Daterangepicker = __decorate([
+    core_1.NgModule({
+        declarations: [daterangepicker_component_1.DaterangePickerComponent],
+        providers: [config_service_1.DaterangepickerConfig],
+        exports: [daterangepicker_component_1.DaterangePickerComponent]
+    })
+], Daterangepicker);
 exports.Daterangepicker = Daterangepicker;
 //# sourceMappingURL=daterangepicker.module.js.map

lib/daterangepicker/daterangepicker.module.ngfactory.js

 "use strict";
-const import0 = require('@angular/core/src/linker/ng_module_factory');
-const import1 = require('./daterangepicker.module');
-const import2 = require('./config.service');
-class DaterangepickerInjector extends import0.NgModuleInjector {
-    constructor(parent) {
-        super(parent, [], []);
+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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var import0 = require("@angular/core/src/linker/ng_module_factory");
+var import1 = require("./daterangepicker.module");
+var import2 = require("./config.service");
+var DaterangepickerInjector = (function (_super) {
+    __extends(DaterangepickerInjector, _super);
+    function DaterangepickerInjector(parent) {
+        return _super.call(this, parent, [], []) || this;
     }
-    get _DaterangepickerConfig_1() {
-        if ((this.__DaterangepickerConfig_1 == null)) {
-            (this.__DaterangepickerConfig_1 = new import2.DaterangepickerConfig());
-        }
-        return this.__DaterangepickerConfig_1;
-    }
-    createInternal() {
+    Object.defineProperty(DaterangepickerInjector.prototype, "_DaterangepickerConfig_1", {
+        get: function () {
+            if ((this.__DaterangepickerConfig_1 == null)) {
+                (this.__DaterangepickerConfig_1 = new import2.DaterangepickerConfig());
+            }
+            return this.__DaterangepickerConfig_1;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DaterangepickerInjector.prototype.createInternal = function () {
         this._Daterangepicker_0 = new import1.Daterangepicker();
         return this._Daterangepicker_0;
-    }
-    getInternal(token, notFoundResult) {
+    };
+    DaterangepickerInjector.prototype.getInternal = function (token, notFoundResult) {
         if ((token === import1.Daterangepicker)) {
@@ -27,7 +43,8 @@ return this._Daterangepicker_0;
         return notFoundResult;
-    }
-    destroyInternal() {
-    }
-}
+    };
+    DaterangepickerInjector.prototype.destroyInternal = function () {
+    };
+    return DaterangepickerInjector;
+}(import0.NgModuleInjector));
 exports.DaterangepickerNgFactory = new import0.NgModuleFactory(DaterangepickerInjector, import1.Daterangepicker);
 //# sourceMappingURL=daterangepicker.module.ngfactory.js.map

package.json

 {
   "name": "ng2-daterangepicker",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Angular 2 DaterangePicker component",
@@ -47,4 +47,5 @@ "scripts": {
     "typescript": "^2.0.10",
-    "zone.js": "^0.7.4"
+    "zone.js": "^0.7.4",
+    "@types/es6-shim": "^0.31.32"
   }
 }

README.md

 ## ng2-daterangepicker
 This is a port of the popular Daterange Picker for Bootstrap now optimized for easy use as an importable Angular 2 Module and installable using npm.
 
+### Demos and Sample Usage
+
+For Demos and sample usage of this package see the following code on Plunker
+
+https://embed.plnkr.co/94HAl4q2ITLnahjhYOY0/
+
 ### Installation
@@ -5,0 +11,0 @@ ```

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

53392

9.33%

Lines of code

706

11.01%

Number of lines in readme file

214

2.88%

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Dev dependency count

14

7.69%

No dependency changes