ngx-picture - npm Package Compare versions

Comparing version 2.0.16 to 3.0.0-alpha.0

lib/cloudinary-config.d.ts

 import { NgxPictureConfig } from './ngx-picture-config';
 import { ImageFormat } from './picture/picture.component';
-export declare function cloudinarySrcInterpolator(url: string, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number): string | undefined;
+export declare function cloudinarySrcInterpolator(url: string | undefined, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number): string | undefined;
 export declare const CLOUDINARY_CONFIG: NgxPictureConfig<number>;

lib/graph-cms-config.d.ts

 import { NgxPictureConfig } from './ngx-picture-config';
 import { ImageFormat } from './picture/picture.component';
-export declare function graphCmsSrcInterpolator(url: string, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number): string | undefined;
+export declare function graphCmsSrcInterpolator(url: string | undefined, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number): string | undefined;
 export declare const GRAPH_CMS_CONFIG: NgxPictureConfig<number>;

lib/imagekit-config.d.ts

 import { NgxPictureConfig } from './ngx-picture-config';
 import { ImageFormat } from './picture/picture.component';
-export declare function imagekitSrcInterpolator(url: string, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number): string | undefined;
+export declare function imagekitSrcInterpolator(url: string | undefined, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number): string | undefined;
 export declare const IMAGEKIT_CONFIG: NgxPictureConfig<number>;

lib/ngx-picture-config.d.ts

@@ -7,3 +7,3 @@ import { ImageFormat } from './picture/picture.component';
     imageFormats?: any[];
-    srcInterpolator: (url: string, imageFormat: ImageFormat, breakpoint: string, breakpointValue: T, container?: HTMLElement) => string | undefined;
+    srcInterpolator: (url: string | undefined, imageFormat: ImageFormat, breakpoint: string, breakpointValue: T) => string | undefined;
 }

lib/ngx-picture.module.d.ts

 import { ModuleWithProviders } from '@angular/core';
 import { NgxPictureConfig } from './ngx-picture-config';
-import * as ɵngcc0 from '@angular/core';
-import * as ɵngcc1 from './picture/picture.component';
-import * as ɵngcc2 from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "./picture/picture.component";
+import * as i2 from "@angular/common";
 export declare class NgxPictureModule {
     static forRoot<T>(config: NgxPictureConfig<T>): ModuleWithProviders<NgxPictureModule>;
-    static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<NgxPictureModule, never>;
-    static ɵmod: ɵngcc0.ɵɵNgModuleDeclaration<NgxPictureModule, [typeof ɵngcc1.PictureComponent], [typeof ɵngcc2.CommonModule], [typeof ɵngcc1.PictureComponent]>;
-    static ɵinj: ɵngcc0.ɵɵInjectorDeclaration<NgxPictureModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxPictureModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxPictureModule, [typeof i1.PictureComponent], [typeof i2.CommonModule], [typeof i1.PictureComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxPictureModule>;
 }
-
-//# sourceMappingURL=ngx-picture.module.d.ts.map

lib/picture/picture.component.d.ts

 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { NgxPictureConfig } from '../ngx-picture-config';
-import * as ɵngcc0 from '@angular/core';
+import * as i0 from "@angular/core";
 export declare type ImageFormat = 'apng' | 'bmp' | 'gif' | 'jpeg' | 'png' | 'svg' | 'tiff' | 'webp' | 'jp2' | 'jxr';
@@ -9,6 +9,6 @@ export declare class PictureComponent implements OnInit, AfterViewInit {
     private window;
-    elementRef: ElementRef<HTMLElement>;
+    private elementRef;
     private changeDetectorRef;
     imgTemplate: TemplateRef<HTMLImageElement> | undefined;
-    src: string;
+    src: string | undefined;
     imageFormats: any[] | undefined;
@@ -18,16 +18,14 @@ breakpoints: {
     };
-    alt: string;
+    alt: string | undefined;
     lazyLoad: boolean;
-    srcInterpolator: (url: string, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number, container?: HTMLElement | undefined) => string | undefined;
+    srcInterpolator: (url: string | undefined, imageFormat: ImageFormat, breakpoint: string, breakpointValue: number) => string | undefined;
     loaded: EventEmitter<Event>;
     show: boolean;
     private intersectionObserver;
-    constructor(platformId: any, ngxPictureConfig: NgxPictureConfig, window: any, elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef);
+    constructor(platformId: any, ngxPictureConfig: NgxPictureConfig, window: Window, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     private showLazyPicture;
-    static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<PictureComponent, [null, null, { optional: true; }, null, null]>;
-    static ɵcmp: ɵngcc0.ɵɵComponentDeclaration<PictureComponent, "ngx-picture", never, { "imageFormats": "imageFormats"; "breakpoints": "breakpoints"; "srcInterpolator": "srcInterpolator"; "src": "src"; "alt": "alt"; "lazyLoad": "lazyLoad"; }, { "loaded": "loaded"; }, ["imgTemplate"], never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PictureComponent, [null, null, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PictureComponent, "ngx-picture", never, { "src": "src"; "imageFormats": "imageFormats"; "breakpoints": "breakpoints"; "alt": "alt"; "lazyLoad": "lazyLoad"; "srcInterpolator": "srcInterpolator"; }, { "loaded": "loaded"; }, ["imgTemplate"], never, false>;
 }
-
-//# sourceMappingURL=picture.component.d.ts.map

license.md

@@ -9,2 +9,2 @@ The MIT License (MIT)
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package.json

 {
   "name": "ngx-picture",
-  "version": "2.0.16",
+  "version": "3.0.0-alpha.0",
   "repository": {
@@ -8,3 +8,3 @@ "type": "git",
   },
-  "description": "An Angular library to properly size and lazy load images in next generation formats",
+  "description": "An Angular library to properly size, lazy load images, and use next generation formats",
   "homepage": "https://github.com/jaychase/ngx-picture",
@@ -22,3 +22,2 @@ "bugs": {
     "Graph CMS",
-    "Squidex",
     "ImageKit",
@@ -33,30 +32,30 @@ "serve images in next-gen formats",
   "private": false,
+  "peerDependencies": {
+    "ngx-window-token": "^6.0.0",
+    "@angular/common": "^14.0.0",
+    "@angular/core": "^14.0.0"
+  },
   "dependencies": {
-    "ngx-window-token": "^2.0.1",
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.0"
   },
-  "peerDependencies": {
-    "@angular/common": ">=6.0.0 || >=7.0.0 || >=8.0.0 || >=9.0.0 || >=10.0.0 || >=11.0.0 || >=12.0.0",
-    "@angular/core": ">=6.0.0 || >=7.0.0 || >=8.0.0 || >=9.0.0 || >=10.0.0 || >=11.0.0 || >=12.0.0"
+  "module": "fesm2015/ngx-picture.mjs",
+  "es2020": "fesm2020/ngx-picture.mjs",
+  "esm2020": "esm2020/ngx-picture.mjs",
+  "fesm2020": "fesm2020/ngx-picture.mjs",
+  "fesm2015": "fesm2015/ngx-picture.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ngx-picture.mjs",
+      "es2020": "./fesm2020/ngx-picture.mjs",
+      "es2015": "./fesm2015/ngx-picture.mjs",
+      "node": "./fesm2015/ngx-picture.mjs",
+      "default": "./fesm2020/ngx-picture.mjs"
+    }
   },
-  "main": "bundles/ngx-picture.umd.js",
-  "module_ivy_ngcc": "__ivy_ngcc__/fesm2015/ngx-picture.js",
-  "module": "fesm2015/ngx-picture.js",
-  "es2015_ivy_ngcc": "__ivy_ngcc__/fesm2015/ngx-picture.js",
-  "es2015": "fesm2015/ngx-picture.js",
-  "esm2015": "esm2015/ngx-picture.js",
-  "fesm2015_ivy_ngcc": "__ivy_ngcc__/fesm2015/ngx-picture.js",
-  "fesm2015": "fesm2015/ngx-picture.js",
-  "typings": "ngx-picture.d.ts",
-  "metadata": "ngx-picture.metadata.json",
-  "sideEffects": false,
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "12.1.2",
-    "fesm2015": "12.1.2",
-    "module": "12.1.2",
-    "typings": "12.1.2"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
-}
+  "sideEffects": false
+}

public-api.d.ts

@@ -9,2 +9,1 @@ export * from './lib/cloudinary-config';
 export * from './lib/picture/picture.component';
-export * from './lib/squidex-config';

README.md

@@ -16,3 +16,2 @@ # ngx-picture
 - [GraphCMS](https://graphcms.com/)
-- [Squidex](https://squidex.io/)
 
@@ -82,3 +81,3 @@ For live demos:
 
-\* Image formats must be in order of precedence. In this example if **webp** is supported it will be used.
+\* Image formats must be in order of precedence. In this example if **webp** s supported it will be used.
 
@@ -297,2 +296,2 @@ ### Using the bundled configurations (Cloudinary, ImageKit and GraphCMS)
 npm run storybook
-```
+```

New 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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

94030

decreased by-23.32%

Number of package files

27

decreased by-28.95%

Lines of code

597

decreased by-26.75%

Number of low quality alerts

1

increased byInfinity%

Number of lines in readme file

294

decreased by-0.68%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@angular/common@14.3.0(transitive)

• + Added@angular/core@14.3.0(transitive)

• + Addedngx-window-token@6.0.0(transitive)

• + Addedzone.js@0.12.0(transitive)

• - Removedngx-window-token@^2.0.1

• - Removed@angular/common@19.1.6(transitive)

• - Removed@angular/core@19.1.6(transitive)

• - Removedngx-window-token@2.0.1(transitive)

• - Removedtslib@1.14.1(transitive)

• - Removedzone.js@0.15.0(transitive)

• Updatedtslib@^2.3.0