ng-pick-datetime - npm Package Compare versions

Comparing version 6.0.10 to 6.0.11

date-time/date-time-picker.component.d.ts

@@ -22,3 +22,3 @@ import { AfterContentInit, ChangeDetectorRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
     protected dateTimeAdapter: DateTimeAdapter<T>;
-    private scrollStrategy;
+    private defaultScrollStrategy;
     protected dateTimeFormats: OwlDateTimeFormats;
@@ -38,2 +38,3 @@ private document;
     opened: boolean;
+    scrollStrategy: ScrollStrategy;
     afterPickerClosed: EventEmitter<any>;
@@ -67,3 +68,3 @@ afterPickerOpen: EventEmitter<any>;
     readonly isInRangeMode: boolean;
-    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, dialogService: OwlDialogService, ngZone: NgZone, changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, scrollStrategy: () => ScrollStrategy, dateTimeFormats: OwlDateTimeFormats, document: any);
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, dialogService: OwlDialogService, ngZone: NgZone, changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, defaultScrollStrategy: () => ScrollStrategy, dateTimeFormats: OwlDateTimeFormats, document: any);
     ngOnInit(): void;
@@ -70,0 +71,0 @@ ngAfterContentInit(): void;

date-time/date-time-picker.component.js

@@ -35,3 +35,3 @@ var __extends = (this && this.__extends) || (function () {
     __extends(OwlDateTimeComponent, _super);
-    function OwlDateTimeComponent(overlay, viewContainerRef, dialogService, ngZone, changeDetector, dateTimeAdapter, scrollStrategy, dateTimeFormats, document) {
+    function OwlDateTimeComponent(overlay, viewContainerRef, dialogService, ngZone, changeDetector, dateTimeAdapter, defaultScrollStrategy, dateTimeFormats, document) {
         var _this = _super.call(this, dateTimeAdapter, dateTimeFormats) || this;
@@ -44,3 +44,3 @@ _this.overlay = overlay;
         _this.dateTimeAdapter = dateTimeAdapter;
-        _this.scrollStrategy = scrollStrategy;
+        _this.defaultScrollStrategy = defaultScrollStrategy;
         _this.dateTimeFormats = dateTimeFormats;
@@ -359,2 +359,3 @@ _this.document = document;
             viewContainerRef: this.viewContainerRef,
+            scrollStrategy: this.scrollStrategy || this.defaultScrollStrategy(),
         });
@@ -395,3 +396,3 @@ this.pickerContainer = this.dialogRef.componentInstance;
             backdropClass: ['cdk-overlay-transparent-backdrop'].concat(coerceArray(this.backdropClass)),
-            scrollStrategy: this.scrollStrategy(),
+            scrollStrategy: this.scrollStrategy || this.defaultScrollStrategy(),
             panelClass: ['owl-dt-popup'].concat(coerceArray(this.panelClass)),
@@ -416,3 +417,4 @@ });
             { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },
-            { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'center' },
+            { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'top', offsetY: -176 },
+            { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'top', offsetY: -352 },
         ]);
@@ -449,2 +451,3 @@ };
         "opened": [{ type: Input },],
+        "scrollStrategy": [{ type: Input },],
         "afterPickerClosed": [{ type: Output },],
@@ -451,0 +454,0 @@ "afterPickerOpen": [{ type: Output },],

date-time/date-time-picker.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"OWL_DTPICKER_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":44,"character":8},"arguments":["owl-dtpicker-scroll-strategy"]},"OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":48,"character":11}},"OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"OWL_DTPICKER_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":54,"character":11}],"useFactory":{"__symbolic":"reference","name":"OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"OwlDateTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./date-time.class","name":"OwlDateTime","line":67,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"owl-date-time","exportAs":"owlDateTime","template":"","styles":[""],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":63,"character":21},"member":"OnPush"},"preserveWhitespaces":false}]}],"members":{"backdropClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"panelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"startAt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"pickerType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"pickerMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":5}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":5}}]}],"afterPickerClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":179,"character":5}}]}],"afterPickerOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":184,"character":5}}]}],"yearSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":190,"character":5}}]}],"monthSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":196,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":277,"character":18}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":278,"character":18},"arguments":[{"__symbolic":"reference","name":"OWL_DTPICKER_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":279,"character":18}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":279,"character":30},"arguments":[{"__symbolic":"reference","module":"./adapter/date-time-format.class","name":"OWL_DATE_TIME_FORMATS","line":279,"character":37}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":280,"character":18}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":280,"character":30},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":280,"character":37}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":272,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":273,"character":43},{"__symbolic":"reference","module":"../dialog","name":"OwlDialogService","line":274,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":275,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":276,"character":43},{"__symbolic":"reference","module":"./adapter/date-time-adapter.class","name":"DateTimeAdapter","line":277,"character":56,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":277,"character":72,"context":{"typeName":"T"}}]},{"__symbolic":"error","message":"Expression form not supported","line":278,"character":79},{"__symbolic":"reference","module":"./adapter/date-time-format.class","name":"OwlDateTimeFormats","line":279,"character":87},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerInput":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectYear":[{"__symbolic":"method"}],"selectMonth":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"confirmSelect":[{"__symbolic":"method"}],"openAsDialog":[{"__symbolic":"method"}],"openAsPopup":[{"__symbolic":"method"}],"createPopup":[{"__symbolic":"method"}],"createPopupPositionStrategy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"OWL_DTPICKER_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":44,"character":8},"arguments":["owl-dtpicker-scroll-strategy"]},"OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":48,"character":11}},"OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"OWL_DTPICKER_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":54,"character":11}],"useFactory":{"__symbolic":"reference","name":"OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"OwlDateTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./date-time.class","name":"OwlDateTime","line":67,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"owl-date-time","exportAs":"owlDateTime","template":"","styles":[""],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":63,"character":21},"member":"OnPush"},"preserveWhitespaces":false}]}],"members":{"backdropClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"panelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"startAt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"pickerType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"pickerMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":5}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":5}}]}],"scrollStrategy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":5}}]}],"afterPickerClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":186,"character":5}}]}],"afterPickerOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":191,"character":5}}]}],"yearSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":197,"character":5}}]}],"monthSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":203,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":284,"character":18}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":285,"character":18},"arguments":[{"__symbolic":"reference","name":"OWL_DTPICKER_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":286,"character":18}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":286,"character":30},"arguments":[{"__symbolic":"reference","module":"./adapter/date-time-format.class","name":"OWL_DATE_TIME_FORMATS","line":286,"character":37}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":287,"character":18}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":287,"character":30},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":287,"character":37}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":279,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":280,"character":43},{"__symbolic":"reference","module":"../dialog","name":"OwlDialogService","line":281,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":282,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":283,"character":43},{"__symbolic":"reference","module":"./adapter/date-time-adapter.class","name":"DateTimeAdapter","line":284,"character":56,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":284,"character":72,"context":{"typeName":"T"}}]},{"__symbolic":"error","message":"Expression form not supported","line":285,"character":86},{"__symbolic":"reference","module":"./adapter/date-time-format.class","name":"OwlDateTimeFormats","line":286,"character":87},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerInput":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectYear":[{"__symbolic":"method"}],"selectMonth":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"confirmSelect":[{"__symbolic":"method"}],"openAsDialog":[{"__symbolic":"method"}],"openAsPopup":[{"__symbolic":"method"}],"createPopup":[{"__symbolic":"method"}],"createPopupPositionStrategy":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "ng-pick-datetime",
-  "version": "6.0.10",
+  "version": "6.0.11",
   "description": "Angular Date Time Picker",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -109,2 +109,3 @@ Angular Date Time Picker
 |`stepSecond`|number|Optional|`1`| Seconds to change per step.|
+|`scrollStrategy`|ScrollStrategy|Optional|`BlockScrollStrategy`| Define the scroll strategy when the picker is open. Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies.|
 |`disabled`|boolean|Optional|`false`|When specify to true, it would disable the picker.|
@@ -111,0 +112,0 @@ |`backdropClass`|string/string[]|Optional|`null`|Custom class for the picker backdrop.|

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

643523

increased by0.16%

Lines of code

6943

increased by0.07%

Number of lines in readme file

198

increased by0.51%

No dependency changes