Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ngx-picture

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-picture - npm Package Compare versions

Comparing version 3.0.0-alpha.1 to 3.0.0

esm2022/lib/cloudinary-config.mjs

4

lib/picture/picture.component.d.ts
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
```
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc