ngx-picture
Advanced tools
Comparing version 3.0.0-alpha.1 to 3.0.0
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core'; | ||
import { NgxPictureConfig } from '../ngx-picture-config'; | ||
import * as i0 from "@angular/core"; | ||
export declare type ImageFormat = 'apng' | 'bmp' | 'gif' | 'jpeg' | 'png' | 'svg' | 'tiff' | 'webp' | 'jp2' | 'jxr'; | ||
export type ImageFormat = 'apng' | 'bmp' | 'gif' | 'jpeg' | 'png' | 'svg' | 'tiff' | 'webp' | 'jp2' | 'jxr'; | ||
export declare class PictureComponent implements OnInit, AfterViewInit { | ||
@@ -28,3 +28,3 @@ private platformId; | ||
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>; | ||
static ɵcmp: i0.ɵɵComponentDeclaration<PictureComponent, "ngx-picture", never, { "src": { "alias": "src"; "required": false; }; "imageFormats": { "alias": "imageFormats"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "lazyLoad": { "alias": "lazyLoad"; "required": false; }; "srcInterpolator": { "alias": "srcInterpolator"; "required": false; }; }, { "loaded": "loaded"; }, ["imgTemplate"], never, false, never>; | ||
} |
{ | ||
"name": "ngx-picture", | ||
"version": "3.0.0-alpha.1", | ||
"version": "3.0.0", | ||
"repository": { | ||
@@ -25,2 +25,3 @@ "type": "git", | ||
"defer offscreen images", | ||
"SSR support", | ||
"universal support" | ||
@@ -33,4 +34,4 @@ ], | ||
"ngx-window-token": "^6.0.0", | ||
"@angular/common": ">=14.0.0 || >=15.0.0", | ||
"@angular/core": ">=14.0.0 || >=15.0.0" | ||
"@angular/common": ">=15.0.0 || >=16.0.0", | ||
"@angular/core": ">=15.0.0 || >=16.0.0" | ||
}, | ||
@@ -40,7 +41,3 @@ "dependencies": { | ||
}, | ||
"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", | ||
"module": "fesm2022/ngx-picture.mjs", | ||
"typings": "index.d.ts", | ||
@@ -53,7 +50,5 @@ "exports": { | ||
"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" | ||
"esm2022": "./esm2022/ngx-picture.mjs", | ||
"esm": "./esm2022/ngx-picture.mjs", | ||
"default": "./fesm2022/ngx-picture.mjs" | ||
} | ||
@@ -60,0 +55,0 @@ }, |
@@ -53,3 +53,3 @@ # ngx-picture | ||
export function srcInterpolator( | ||
url: string, | ||
url: string | undefined, | ||
imageFormat: ImageFormat, | ||
@@ -59,3 +59,3 @@ breakpoint: string, | ||
) { | ||
return `${url.split('.')[0]}-${breakpointValue}.${ | ||
return `${url?.split('.')[0]}-${breakpointValue}.${ | ||
imageFormat === 'jpeg' ? 'jpg' : 'webp' | ||
@@ -296,2 +296,2 @@ }`; | ||
npm run storybook | ||
``` | ||
``` |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
0
295
69528
25
426
1