ngx-panzoom - npm Package Compare versions

Comparing version 11.0.0 to 12.0.0

esm2015/lib/panzoom.module.js

 import { NgModule } from '@angular/core';
 import { PanZoomComponent } from './panzoom.component';
+import * as i0 from "@angular/core";
 export class NgxPanZoomModule {
 }
-NgxPanZoomModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [],
-                declarations: [PanZoomComponent],
-                providers: [],
-                exports: [PanZoomComponent]
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuem9vbS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcGFuem9vbS9zcmMvbGliL3Bhbnpvb20ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFTdkQsTUFBTSxPQUFPLGdCQUFnQjs7O1lBUDVCLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUUsRUFBRTtnQkFDWCxZQUFZLEVBQUUsQ0FBRSxnQkFBZ0IsQ0FBRTtnQkFDbEMsU0FBUyxFQUFFLEVBQUU7Z0JBQ2IsT0FBTyxFQUFFLENBQUUsZ0JBQWdCLENBQUU7YUFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFuWm9vbUNvbXBvbmVudCB9IGZyb20gJy4vcGFuem9vbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXSxcbiAgZGVjbGFyYXRpb25zOiBbIFBhblpvb21Db21wb25lbnQgXSxcbiAgcHJvdmlkZXJzOiBbXSxcbiAgZXhwb3J0czogWyBQYW5ab29tQ29tcG9uZW50IF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBOZ3hQYW5ab29tTW9kdWxlIHt9XG4iXX0=
+NgxPanZoomModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxPanZoomModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, declarations: [PanZoomComponent], exports: [PanZoomComponent] });
+NgxPanZoomModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, providers: [], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [PanZoomComponent],
+                    providers: [],
+                    exports: [PanZoomComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuem9vbS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcGFuem9vbS9zcmMvbGliL3Bhbnpvb20ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBU3ZELE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFMWCxnQkFBZ0IsYUFFckIsZ0JBQWdCOzhHQUdoQixnQkFBZ0IsYUFKaEIsRUFBRSxZQUZKLEVBQUU7MkZBTUEsZ0JBQWdCO2tCQVA1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxFQUFFO29CQUNYLFlBQVksRUFBRSxDQUFFLGdCQUFnQixDQUFFO29CQUNsQyxTQUFTLEVBQUUsRUFBRTtvQkFDYixPQUFPLEVBQUUsQ0FBRSxnQkFBZ0IsQ0FBRTtpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFuWm9vbUNvbXBvbmVudCB9IGZyb20gJy4vcGFuem9vbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXSxcbiAgZGVjbGFyYXRpb25zOiBbIFBhblpvb21Db21wb25lbnQgXSxcbiAgcHJvdmlkZXJzOiBbXSxcbiAgZXhwb3J0czogWyBQYW5ab29tQ29tcG9uZW50IF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBOZ3hQYW5ab29tTW9kdWxlIHt9XG4iXX0=

fesm2015/ngx-panzoom.js

@@ -1,2 +0,3 @@
-import { Component, NgZone, ViewChild, Input, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Component, ViewChild, Input, NgModule } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
@@ -1080,31 +1081,44 @@
 }
-PanZoomComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pan-zoom',
-                // we don't want to kill change detection for all elements beneath this, so we don't set OnPush.  Child views can implement OnPush if the developer wants to.  We can get away with this because the 'wheel' event handler runs outside of Angular, therefore it doesnt trigger change detection.
-                template: "<div\n  #frameElement\n  class=\"pan-zoom-frame\">\n\n    <div\n      #panElement\n      class=\"pan-element\">\n\n        <div\n          #zoomElement\n          class=\"zoom-element\">\n\n            <ng-content></ng-content>\n\n        </div>\n\n    </div>\n\n</div>\n\n<div\n  #panzoomOverlay\n  class=\"pan-zoom-overlay\">\n</div>",
-                styles: [".pan-zoom-frame{position:relative;width:100%;height:100%;overflow:hidden}.pan-element,.pan-zoom-overlay{position:absolute;left:0;top:0}.pan-zoom-overlay{display:none;right:0;bottom:0;opacity:0;pointer-events:none}"]
-            },] }
-];
-PanZoomComponent.ctorParameters = () => [
-    { type: NgZone }
-];
-PanZoomComponent.propDecorators = {
-    frameElementRef: [{ type: ViewChild, args: ['frameElement', { static: true },] }],
-    panElementRef: [{ type: ViewChild, args: ['panElement', { static: true },] }],
-    zoomElementRef: [{ type: ViewChild, args: ['zoomElement', { static: true },] }],
-    panzoomOverlayRef: [{ type: ViewChild, args: ['panzoomOverlay', { static: true },] }],
-    config: [{ type: Input }]
-};
+PanZoomComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: PanZoomComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PanZoomComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: PanZoomComponent, selector: "pan-zoom", inputs: { config: "config" }, viewQueries: [{ propertyName: "frameElementRef", first: true, predicate: ["frameElement"], descendants: true, static: true }, { propertyName: "panElementRef", first: true, predicate: ["panElement"], descendants: true, static: true }, { propertyName: "zoomElementRef", first: true, predicate: ["zoomElement"], descendants: true, static: true }, { propertyName: "panzoomOverlayRef", first: true, predicate: ["panzoomOverlay"], descendants: true, static: true }], ngImport: i0, template: "<div\n  #frameElement\n  class=\"pan-zoom-frame\">\n\n    <div\n      #panElement\n      class=\"pan-element\">\n\n        <div\n          #zoomElement\n          class=\"zoom-element\">\n\n            <ng-content></ng-content>\n\n        </div>\n\n    </div>\n\n</div>\n\n<div\n  #panzoomOverlay\n  class=\"pan-zoom-overlay\">\n</div>", styles: [".pan-zoom-frame{position:relative;width:100%;height:100%;overflow:hidden}.pan-element{position:absolute;left:0px;top:0px}.pan-zoom-overlay{position:absolute;display:none;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: PanZoomComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pan-zoom',
+                    // we don't want to kill change detection for all elements beneath this, so we don't set OnPush.  Child views can implement OnPush if the developer wants to.  We can get away with this because the 'wheel' event handler runs outside of Angular, therefore it doesnt trigger change detection.
+                    templateUrl: './panzoom.component.html',
+                    styleUrls: [
+                        './panzoom.component.css'
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { frameElementRef: [{
+                type: ViewChild,
+                args: ['frameElement', { static: true }]
+            }], panElementRef: [{
+                type: ViewChild,
+                args: ['panElement', { static: true }]
+            }], zoomElementRef: [{
+                type: ViewChild,
+                args: ['zoomElement', { static: true }]
+            }], panzoomOverlayRef: [{
+                type: ViewChild,
+                args: ['panzoomOverlay', { static: true }]
+            }], config: [{
+                type: Input
+            }] } });
 
 class NgxPanZoomModule {
 }
-NgxPanZoomModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [],
-                declarations: [PanZoomComponent],
-                providers: [],
-                exports: [PanZoomComponent]
-            },] }
-];
+NgxPanZoomModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxPanZoomModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, declarations: [PanZoomComponent], exports: [PanZoomComponent] });
+NgxPanZoomModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, providers: [], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgxPanZoomModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [PanZoomComponent],
+                    providers: [],
+                    exports: [PanZoomComponent]
+                }]
+        }] });
 
@@ -1111,0 +1125,0 @@ class PanZoomConfig {

lib/panzoom.component.d.ts

 import { OnInit, AfterViewInit, OnDestroy, NgZone } from '@angular/core';
 import { PanZoomConfig } from './panzoom-config';
+import * as i0 from "@angular/core";
 export declare class PanZoomComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -97,2 +98,4 @@ private zone;
     private changeZoomLevel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanZoomComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanZoomComponent, "pan-zoom", never, { "config": "config"; }, {}, never, ["*"]>;
 }

lib/panzoom.module.d.ts

@@ -0,2 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./panzoom.component";
 export declare class NgxPanZoomModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxPanZoomModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxPanZoomModule, [typeof i1.PanZoomComponent], never, [typeof i1.PanZoomComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxPanZoomModule>;
 }

ngx-panzoom.d.ts

 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="ngx-panzoom" />
 export * from './public-api';

package.json

@@ -10,6 +10,6 @@ {
   },
-  "version": "11.0.0",
+  "version": "12.0.0",
   "peerDependencies": {
-    "@angular/common": ">=2.0.0 < 12.0.0",
-    "@angular/core": ">=2.0.0 < 12.0.0"
+    "@angular/common": ">=12.0.0 < 13.0.0",
+    "@angular/core": ">=12.0.0 < 13.0.0"
   },
@@ -25,4 +25,3 @@ "dependencies": {
   "typings": "ngx-panzoom.d.ts",
-  "metadata": "ngx-panzoom.metadata.json",
   "sideEffects": false
 }

README.md

@@ -5,3 +5,3 @@ # ngx-panzoom
 
-It is built using Angular CLI 10.x, so it may or may not work with Angular versions earlier than this.  It is only tested with the corresponding version of Angular.
+It is built using Angular CLI 12.x in partial Ivy compilation mode.  It is therefore no longer compatible with legacy Angular version which are still using the View Engine.  It is only tested with the corresponding version of Angular.
 
@@ -23,2 +23,12 @@ This library deliberately parts with certain received Angular wisdom of using only Angular-ish methods to accomplish things.  We use native event listeners.  We apply CSS transforms directly to the DOM.  But as this library doesn't fit the traditional Angular model, as its purpose is only to apply CSS transforms to a certain part of the DOM, without moving or changing anything else, it has no impact on an application's state (except if the app consumes `modelChanged` observables).  By using this approach, it is hoped that compatibility and performance will be maximised.
 
+# Version 12.x Changes
+
+- Updated for Angular 12.x.
+
+## Version 12 Potentially Breaking Changes
+
+- Compiled in Ivy partial compilation mode. 
+- No longer supports previous Angular major versions. 
+
+
 # Version 11.x Changes
@@ -25,0 +35,0 @@

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

328

increased by3.14%

Worsened metrics

Total package byte prevSize

565661

decreased by-15.77%

Number of package files

28

decreased by-9.68%

Lines of code

4106

decreased by-0.51%

No dependency changes