ngx-picture - npm Package Compare versions

Comparing version 2.0.5 to 2.0.6

bundles/ngx-picture.umd.js

@@ -7,2 +7,199 @@ (function (global, factory) {
 
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
+
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
+
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    }
+
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    }
+
+    function __awaiter(thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+
+    function __exportStar(m, exports) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+
+    function __values(o) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        if (m) return m.call(o);
+        return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+    }
+
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m) return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+        }
+        catch (error) { e = { error: error }; }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"])) m.call(i);
+            }
+            finally { if (e) throw e.error; }
+        }
+        return ar;
+    }
+
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    };
+
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+    }
+
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+    }
+
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    };
+
+    function __importStar(mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+        result.default = mod;
+        return result;
+    }
+
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+
     var DEFAULT_BREAKPOINTS = {
@@ -46,47 +243,2 @@ '(min-width: 1280px) and (max-width: 1919.99px)': 1280,
 
-    var _c0 = ["imgTemplate"];
-    function PictureComponent_picture_0_ng_container_1_source_1_Template(rf, ctx) { if (rf & 1) {
-        core["ɵɵelement"](0, "source", 5);
-    } if (rf & 2) {
-        var breakpoint_r17 = ctx.$implicit;
-        var imageFormat_r15 = core["ɵɵnextContext"]().$implicit;
-        var ctx_r16 = core["ɵɵnextContext"](2);
-        core["ɵɵpropertyInterpolate1"]("type", "image/", imageFormat_r15, "");
-        core["ɵɵproperty"]("srcset", ctx_r16.srcInterpolator(ctx_r16.src, imageFormat_r15, breakpoint_r17.key, breakpoint_r17.value), core["ɵɵsanitizeUrl"])("media", breakpoint_r17.key);
-    } }
-    function PictureComponent_picture_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        core["ɵɵelementContainerStart"](0);
-        core["ɵɵtemplate"](1, PictureComponent_picture_0_ng_container_1_source_1_Template, 1, 3, "source", 4);
-        core["ɵɵpipe"](2, "keyvalue");
-        core["ɵɵelementContainerEnd"]();
-    } if (rf & 2) {
-        var ctx_r12 = core["ɵɵnextContext"](2);
-        core["ɵɵadvance"](1);
-        core["ɵɵproperty"]("ngForOf", core["ɵɵpipeBind1"](2, 1, ctx_r12.breakpoints));
-    } }
-    function PictureComponent_picture_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-        var _r21 = core["ɵɵgetCurrentView"]();
-        core["ɵɵelementStart"](0, "img", 6, 7);
-        core["ɵɵlistener"]("load", function PictureComponent_picture_0_ng_template_3_Template_img_load_0_listener($event) { core["ɵɵrestoreView"](_r21); var ctx_r20 = core["ɵɵnextContext"](2); return ctx_r20.loaded.emit($event); });
-        core["ɵɵelementEnd"]();
-    } if (rf & 2) {
-        var ctx_r14 = core["ɵɵnextContext"](2);
-        core["ɵɵproperty"]("src", ctx_r14.src, core["ɵɵsanitizeUrl"])("alt", ctx_r14.alt);
-    } }
-    var _c1 = function (a0, a1) { return { src: a0, alt: a1 }; };
-    var _c2 = function (a0) { return { $implicit: a0 }; };
-    function PictureComponent_picture_0_Template(rf, ctx) { if (rf & 1) {
-        core["ɵɵelementStart"](0, "picture");
-        core["ɵɵtemplate"](1, PictureComponent_picture_0_ng_container_1_Template, 3, 3, "ng-container", 1);
-        core["ɵɵelementContainer"](2, 2);
-        core["ɵɵtemplate"](3, PictureComponent_picture_0_ng_template_3_Template, 2, 2, "ng-template", null, 3, core["ɵɵtemplateRefExtractor"]);
-        core["ɵɵelementEnd"]();
-    } if (rf & 2) {
-        var _r13 = core["ɵɵreference"](4);
-        var ctx_r11 = core["ɵɵnextContext"]();
-        core["ɵɵadvance"](1);
-        core["ɵɵproperty"]("ngForOf", ctx_r11.imageFormats);
-        core["ɵɵadvance"](1);
-        core["ɵɵproperty"]("ngTemplateOutlet", ctx_r11.imgTemplate || _r13)("ngTemplateOutletContext", core["ɵɵpureFunction1"](6, _c2, core["ɵɵpureFunction2"](3, _c1, ctx_r11.src, ctx_r11.alt)));
-    } }
     var PictureComponent = /** @class */ (function () {
@@ -133,52 +285,46 @@ function PictureComponent(platformId, ngxPictureConfig, window, elementRef, changeDetectorRef) {
         };
-        PictureComponent.ɵfac = function PictureComponent_Factory(t) { return new (t || PictureComponent)(core["ɵɵdirectiveInject"](core.PLATFORM_ID), core["ɵɵdirectiveInject"](NGX_PICTURE_CONFIG), core["ɵɵdirectiveInject"](ngxWindowToken.WINDOW, 8), core["ɵɵdirectiveInject"](core.ElementRef), core["ɵɵdirectiveInject"](core.ChangeDetectorRef)); };
-        PictureComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: PictureComponent, selectors: [["ngx-picture"]], contentQueries: function PictureComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-                core["ɵɵcontentQuery"](dirIndex, _c0, true);
-            } if (rf & 2) {
-                var _t;
-                core["ɵɵqueryRefresh"](_t = core["ɵɵloadQuery"]()) && (ctx.imgTemplate = _t.first);
-            } }, inputs: { src: "src", imageFormats: "imageFormats", breakpoints: "breakpoints", alt: "alt", lazyLoad: "lazyLoad", srcInterpolator: "srcInterpolator" }, outputs: { loaded: "loaded" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [4, "ngFor", "ngForOf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultImageTemplate", ""], [3, "srcset", "media", "type", 4, "ngFor", "ngForOf"], [3, "srcset", "media", "type"], [3, "src", "alt", "load"], ["img", ""]], template: function PictureComponent_Template(rf, ctx) { if (rf & 1) {
-                core["ɵɵtemplate"](0, PictureComponent_picture_0_Template, 5, 8, "picture", 0);
-            } if (rf & 2) {
-                core["ɵɵproperty"]("ngIf", ctx.show);
-            } }, directives: [common.NgIf, common.NgForOf, common.NgTemplateOutlet], pipes: [common.KeyValuePipe], styles: ["[_nghost-%COMP%]{width:100%;height:inherit;display:block;min-height:1px}picture[_ngcontent-%COMP%], picture[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:inherit}"], changeDetection: 0 });
+        PictureComponent.ctorParameters = function () { return [
+            { type: undefined, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
+            { type: undefined, decorators: [{ type: core.Inject, args: [NGX_PICTURE_CONFIG,] }] },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ngxWindowToken.WINDOW,] }] },
+            { type: core.ElementRef },
+            { type: core.ChangeDetectorRef }
+        ]; };
+        __decorate([
+            core.ContentChild('imgTemplate')
+        ], PictureComponent.prototype, "imgTemplate", void 0);
+        __decorate([
+            core.Input()
+        ], PictureComponent.prototype, "src", void 0);
+        __decorate([
+            core.Input()
+        ], PictureComponent.prototype, "imageFormats", void 0);
+        __decorate([
+            core.Input()
+        ], PictureComponent.prototype, "breakpoints", void 0);
+        __decorate([
+            core.Input()
+        ], PictureComponent.prototype, "alt", void 0);
+        __decorate([
+            core.Input()
+        ], PictureComponent.prototype, "lazyLoad", void 0);
+        __decorate([
+            core.Input()
+        ], PictureComponent.prototype, "srcInterpolator", void 0);
+        __decorate([
+            core.Output()
+        ], PictureComponent.prototype, "loaded", void 0);
+        PictureComponent = __decorate([
+            core.Component({
+                selector: 'ngx-picture',
+                template: "<picture *ngIf=\"show\">\r\n  <ng-container *ngFor=\"let imageFormat of imageFormats\">\r\n    <source\r\n      *ngFor=\"let breakpoint of breakpoints | keyvalue\"\r\n      [srcset]=\"\r\n        srcInterpolator(src, imageFormat, breakpoint.key, breakpoint.value)\r\n      \"\r\n      [media]=\"breakpoint.key\"\r\n      type=\"image/{{ imageFormat }}\"\r\n    />\r\n  </ng-container>\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"imgTemplate || defaultImageTemplate\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: { src: src, alt: alt } }\"\r\n  >\r\n  </ng-container>\r\n  <ng-template #defaultImageTemplate>\r\n    <img [src]=\"src\" [alt]=\"alt\" (load)=\"loaded.emit($event)\" #img />\r\n  </ng-template>\r\n</picture>\r\n",
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                styles: [":host{width:100%;height:inherit;display:block;min-height:1px}picture,picture img{width:100%;height:inherit}"]
+            }),
+            __param(0, core.Inject(core.PLATFORM_ID)),
+            __param(1, core.Inject(NGX_PICTURE_CONFIG)),
+            __param(2, core.Optional()), __param(2, core.Inject(ngxWindowToken.WINDOW))
+        ], PictureComponent);
         return PictureComponent;
     }());
-    /*@__PURE__*/ (function () { core["ɵsetClassMetadata"](PictureComponent, [{
-            type: core.Component,
-            args: [{
-                    selector: 'ngx-picture',
-                    templateUrl: './picture.component.html',
-                    styleUrls: ['./picture.component.scss'],
-                    changeDetection: core.ChangeDetectionStrategy.OnPush
-                }]
-        }], function () { return [{ type: undefined, decorators: [{
-                    type: core.Inject,
-                    args: [core.PLATFORM_ID]
-                }] }, { type: undefined, decorators: [{
-                    type: core.Inject,
-                    args: [NGX_PICTURE_CONFIG]
-                }] }, { type: undefined, decorators: [{
-                    type: core.Optional
-                }, {
-                    type: core.Inject,
-                    args: [ngxWindowToken.WINDOW]
-                }] }, { type: core.ElementRef }, { type: core.ChangeDetectorRef }]; }, { imgTemplate: [{
-                type: core.ContentChild,
-                args: ['imgTemplate']
-            }], src: [{
-                type: core.Input
-            }], imageFormats: [{
-                type: core.Input
-            }], breakpoints: [{
-                type: core.Input
-            }], alt: [{
-                type: core.Input
-            }], lazyLoad: [{
-                type: core.Input
-            }], srcInterpolator: [{
-                type: core.Input
-            }], loaded: [{
-                type: core.Output
-            }] }); })();
 
@@ -188,5 +334,6 @@ var NgxPictureModule = /** @class */ (function () {
         }
+        NgxPictureModule_1 = NgxPictureModule;
         NgxPictureModule.forRoot = function (config) {
             return {
-                ngModule: NgxPictureModule,
+                ngModule: NgxPictureModule_1,
                 providers: [
@@ -200,16 +347,13 @@ {
         };
-        NgxPictureModule.ɵmod = core["ɵɵdefineNgModule"]({ type: NgxPictureModule });
-        NgxPictureModule.ɵinj = core["ɵɵdefineInjector"]({ factory: function NgxPictureModule_Factory(t) { return new (t || NgxPictureModule)(); }, imports: [[common.CommonModule]] });
+        var NgxPictureModule_1;
+        NgxPictureModule = NgxPictureModule_1 = __decorate([
+            core.NgModule({
+                declarations: [PictureComponent],
+                imports: [common.CommonModule],
+                exports: [PictureComponent],
+                entryComponents: [PictureComponent]
+            })
+        ], NgxPictureModule);
         return NgxPictureModule;
     }());
-    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && core["ɵɵsetNgModuleScope"](NgxPictureModule, { declarations: [PictureComponent], imports: [common.CommonModule], exports: [PictureComponent] }); })();
-    /*@__PURE__*/ (function () { core["ɵsetClassMetadata"](NgxPictureModule, [{
-            type: core.NgModule,
-            args: [{
-                    declarations: [PictureComponent],
-                    imports: [common.CommonModule],
-                    exports: [PictureComponent],
-                    entryComponents: [PictureComponent]
-                }]
-        }], null, null); })();
 
@@ -216,0 +360,0 @@ exports.CLOUDINARY_CONFIG = CLOUDINARY_CONFIG;

bundles/ngx-picture.umd.min.js

@@ -1,2 +0,16 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("ngx-window-token")):"function"==typeof define&&define.amd?define("ngx-picture",["exports","@angular/core","@angular/common","ngx-window-token"],t):t((e=e||self)["ngx-picture"]={},e.ng.core,e.ng.common,e.ngxWindowToken)}(this,(function(e,t,n,r){"use strict";var i={"(min-width: 1280px) and (max-width: 1919.99px)":1280,"(max-width: 599.99px)":300,"(min-width: 600px) and (max-width: 959.99px)":600,"(min-width: 960px) and (max-width: 1279.99px)":960,"(min-width: 1920px)":1920};function o(e,t,n,r){return""+e.replace("upload/","upload/w_"+r+"/f_"+t+"/")}var a={breakpoints:i,imageFormats:["webp","jpg"],srcInterpolator:o};function c(e,t,n,r){return"https://media.graphcms.com/resize=w:"+r+",fit:scale/output=format:"+("jpeg"===t?"jpg":"webp")+"/"+e.replace("https://media.graphcms.com/","")}var s={breakpoints:i,imageFormats:["webp","jpg"],srcInterpolator:c};function p(e,t,n,r){var i=e.substring(e.lastIndexOf("/"));return""+e.replace(i,"/tr:w-"+r+",f-"+t+i)}var l={breakpoints:i,imageFormats:["webp","jpg"],srcInterpolator:p},u=new t.InjectionToken("NGX_PICTURE_CONFIG"),m=["imgTemplate"];function d(e,n){if(1&e&&t["ɵɵelement"](0,"source",5),2&e){var r=n.$implicit,i=t["ɵɵnextContext"]().$implicit,o=t["ɵɵnextContext"](2);t["ɵɵpropertyInterpolate1"]("type","image/",i,""),t["ɵɵproperty"]("srcset",o.srcInterpolator(o.src,i,r.key,r.value),t["ɵɵsanitizeUrl"])("media",r.key)}}function g(e,n){if(1&e&&(t["ɵɵelementContainerStart"](0),t["ɵɵtemplate"](1,d,1,3,"source",4),t["ɵɵpipe"](2,"keyvalue"),t["ɵɵelementContainerEnd"]()),2&e){var r=t["ɵɵnextContext"](2);t["ɵɵadvance"](1),t["ɵɵproperty"]("ngForOf",t["ɵɵpipeBind1"](2,1,r.breakpoints))}}function f(e,n){if(1&e){var r=t["ɵɵgetCurrentView"]();t["ɵɵelementStart"](0,"img",6,7),t["ɵɵlistener"]("load",(function(e){return t["ɵɵrestoreView"](r),t["ɵɵnextContext"](2).loaded.emit(e)})),t["ɵɵelementEnd"]()}if(2&e){var i=t["ɵɵnextContext"](2);t["ɵɵproperty"]("src",i.src,t["ɵɵsanitizeUrl"])("alt",i.alt)}}var h=function(e,t){return{src:e,alt:t}},x=function(e){return{$implicit:e}};function I(e,n){if(1&e&&(t["ɵɵelementStart"](0,"picture"),t["ɵɵtemplate"](1,g,3,3,"ng-container",1),t["ɵɵelementContainer"](2,2),t["ɵɵtemplate"](3,f,2,2,"ng-template",null,3,t["ɵɵtemplateRefExtractor"]),t["ɵɵelementEnd"]()),2&e){var r=t["ɵɵreference"](4),i=t["ɵɵnextContext"]();t["ɵɵadvance"](1),t["ɵɵproperty"]("ngForOf",i.imageFormats),t["ɵɵadvance"](1),t["ɵɵproperty"]("ngTemplateOutlet",i.imgTemplate||r)("ngTemplateOutletContext",t["ɵɵpureFunction1"](6,x,t["ɵɵpureFunction2"](3,h,i.src,i.alt)))}}var w=function(){function e(e,n,r,i,o){this.platformId=e,this.ngxPictureConfig=n,this.window=r,this.elementRef=i,this.changeDetectorRef=o,this.imageFormats=this.ngxPictureConfig.imageFormats,this.breakpoints=this.ngxPictureConfig.breakpoints,this.srcInterpolator=this.ngxPictureConfig.srcInterpolator,this.loaded=new t.EventEmitter,this.show=!1}return e.prototype.ngOnInit=function(){n.isPlatformServer(this.platformId)&&(this.show=!0)},e.prototype.ngAfterViewInit=function(){var e=this;this.lazyLoad&&this.window&&"IntersectionObserver"in this.window?(this.intersectionObserver=new IntersectionObserver((function(t){t.find((function(t){return t.isIntersecting&&t.target===e.elementRef.nativeElement}))&&e.showLazyPicture()}),{}),this.intersectionObserver.observe(this.elementRef.nativeElement)):(this.show=!0,this.changeDetectorRef.detectChanges())},e.prototype.showLazyPicture=function(){this.intersectionObserver.unobserve(this.elementRef.nativeElement),this.show=!0,this.changeDetectorRef.detectChanges()},e.ɵfac=function(n){return new(n||e)(t["ɵɵdirectiveInject"](t.PLATFORM_ID),t["ɵɵdirectiveInject"](u),t["ɵɵdirectiveInject"](r.WINDOW,8),t["ɵɵdirectiveInject"](t.ElementRef),t["ɵɵdirectiveInject"](t.ChangeDetectorRef))},e.ɵcmp=t["ɵɵdefineComponent"]({type:e,selectors:[["ngx-picture"]],contentQueries:function(e,n,r){var i;(1&e&&t["ɵɵcontentQuery"](r,m,!0),2&e)&&(t["ɵɵqueryRefresh"](i=t["ɵɵloadQuery"]())&&(n.imgTemplate=i.first))},inputs:{src:"src",imageFormats:"imageFormats",breakpoints:"breakpoints",alt:"alt",lazyLoad:"lazyLoad",srcInterpolator:"srcInterpolator"},outputs:{loaded:"loaded"},decls:1,vars:1,consts:[[4,"ngIf"],[4,"ngFor","ngForOf"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["defaultImageTemplate",""],[3,"srcset","media","type",4,"ngFor","ngForOf"],[3,"srcset","media","type"],[3,"src","alt","load"],["img",""]],template:function(e,n){1&e&&t["ɵɵtemplate"](0,I,5,8,"picture",0),2&e&&t["ɵɵproperty"]("ngIf",n.show)},directives:[n.NgIf,n.NgForOf,n.NgTemplateOutlet],pipes:[n.KeyValuePipe],styles:["[_nghost-%COMP%]{width:100%;height:inherit;display:block;min-height:1px}picture[_ngcontent-%COMP%], picture[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:inherit}"],changeDetection:0}),e}(),v=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:u,useValue:t}]}},e.ɵmod=t["ɵɵdefineNgModule"]({type:e}),e.ɵinj=t["ɵɵdefineInjector"]({factory:function(t){return new(t||e)},imports:[[n.CommonModule]]}),e}();("undefined"==typeof ngJitMode||ngJitMode)&&t["ɵɵsetNgModuleScope"](v,{declarations:[w],imports:[n.CommonModule],exports:[w]}),e.CLOUDINARY_CONFIG=a,e.DEFAULT_BREAKPOINTS=i,e.GRAPH_CMS_CONFIG=s,e.IMAGEKIT_CONFIG=l,e.NGX_PICTURE_CONFIG=u,e.NgxPictureModule=v,e.PictureComponent=w,e.cloudinarySrcInterpolator=o,e.graphCmsSrcInterpolator=c,e.imagekitSrcInterpolator=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("ngx-window-token")):"function"==typeof define&&define.amd?define("ngx-picture",["exports","@angular/core","@angular/common","ngx-window-token"],t):t((e=e||self)["ngx-picture"]={},e.ng.core,e.ng.common,e.ngxWindowToken)}(this,(function(e,t,n,r){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
+
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
+
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
+    ***************************************************************************** */function o(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function i(e,t){return function(n,r){t(n,r,e)}}var a={"(min-width: 1280px) and (max-width: 1919.99px)":1280,"(max-width: 599.99px)":300,"(min-width: 600px) and (max-width: 959.99px)":600,"(min-width: 960px) and (max-width: 1279.99px)":960,"(min-width: 1920px)":1920};function p(e,t,n,r){return""+e.replace("upload/","upload/w_"+r+"/f_"+t+"/")}var s={breakpoints:a,imageFormats:["webp","jpg"],srcInterpolator:p};function c(e,t,n,r){return"https://media.graphcms.com/resize=w:"+r+",fit:scale/output=format:"+("jpeg"===t?"jpg":"webp")+"/"+e.replace("https://media.graphcms.com/","")}var l={breakpoints:a,imageFormats:["webp","jpg"],srcInterpolator:c};function u(e,t,n,r){var o=e.substring(e.lastIndexOf("/"));return""+e.replace(o,"/tr:w-"+r+",f-"+t+o)}var m={breakpoints:a,imageFormats:["webp","jpg"],srcInterpolator:u},g=new t.InjectionToken("NGX_PICTURE_CONFIG"),d=function(){function e(e,n,r,o,i){this.platformId=e,this.ngxPictureConfig=n,this.window=r,this.elementRef=o,this.changeDetectorRef=i,this.imageFormats=this.ngxPictureConfig.imageFormats,this.breakpoints=this.ngxPictureConfig.breakpoints,this.srcInterpolator=this.ngxPictureConfig.srcInterpolator,this.loaded=new t.EventEmitter,this.show=!1}return e.prototype.ngOnInit=function(){n.isPlatformServer(this.platformId)&&(this.show=!0)},e.prototype.ngAfterViewInit=function(){var e=this;this.lazyLoad&&this.window&&"IntersectionObserver"in this.window?(this.intersectionObserver=new IntersectionObserver((function(t){t.find((function(t){return t.isIntersecting&&t.target===e.elementRef.nativeElement}))&&e.showLazyPicture()}),{}),this.intersectionObserver.observe(this.elementRef.nativeElement)):(this.show=!0,this.changeDetectorRef.detectChanges())},e.prototype.showLazyPicture=function(){this.intersectionObserver.unobserve(this.elementRef.nativeElement),this.show=!0,this.changeDetectorRef.detectChanges()},e.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[t.PLATFORM_ID]}]},{type:void 0,decorators:[{type:t.Inject,args:[g]}]},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[r.WINDOW]}]},{type:t.ElementRef},{type:t.ChangeDetectorRef}]},o([t.ContentChild("imgTemplate")],e.prototype,"imgTemplate",void 0),o([t.Input()],e.prototype,"src",void 0),o([t.Input()],e.prototype,"imageFormats",void 0),o([t.Input()],e.prototype,"breakpoints",void 0),o([t.Input()],e.prototype,"alt",void 0),o([t.Input()],e.prototype,"lazyLoad",void 0),o([t.Input()],e.prototype,"srcInterpolator",void 0),o([t.Output()],e.prototype,"loaded",void 0),e=o([t.Component({selector:"ngx-picture",template:'<picture *ngIf="show">\r\n  <ng-container *ngFor="let imageFormat of imageFormats">\r\n    <source\r\n      *ngFor="let breakpoint of breakpoints | keyvalue"\r\n      [srcset]="\r\n        srcInterpolator(src, imageFormat, breakpoint.key, breakpoint.value)\r\n      "\r\n      [media]="breakpoint.key"\r\n      type="image/{{ imageFormat }}"\r\n    />\r\n  </ng-container>\r\n  <ng-container\r\n    [ngTemplateOutlet]="imgTemplate || defaultImageTemplate"\r\n    [ngTemplateOutletContext]="{ $implicit: { src: src, alt: alt } }"\r\n  >\r\n  </ng-container>\r\n  <ng-template #defaultImageTemplate>\r\n    <img [src]="src" [alt]="alt" (load)="loaded.emit($event)" #img />\r\n  </ng-template>\r\n</picture>\r\n',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{width:100%;height:inherit;display:block;min-height:1px}picture,picture img{width:100%;height:inherit}"]}),i(0,t.Inject(t.PLATFORM_ID)),i(1,t.Inject(g)),i(2,t.Optional()),i(2,t.Inject(r.WINDOW))],e)}(),h=function(){function e(){}var r;return r=e,e.forRoot=function(e){return{ngModule:r,providers:[{provide:g,useValue:e}]}},e=r=o([t.NgModule({declarations:[d],imports:[n.CommonModule],exports:[d],entryComponents:[d]})],e)}();e.CLOUDINARY_CONFIG=s,e.DEFAULT_BREAKPOINTS=a,e.GRAPH_CMS_CONFIG=l,e.IMAGEKIT_CONFIG=m,e.NGX_PICTURE_CONFIG=g,e.NgxPictureModule=h,e.PictureComponent=d,e.cloudinarySrcInterpolator=p,e.graphCmsSrcInterpolator=c,e.imagekitSrcInterpolator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ngx-picture.umd.min.js.map

esm2015/lib/ngx-picture.module.js

@@ -0,1 +1,3 @@
+var NgxPictureModule_1;
+import { __decorate } from "tslib";
 import { CommonModule } from '@angular/common';
@@ -5,7 +7,6 @@ import { NgModule } from '@angular/core';
 import { PictureComponent } from './picture/picture.component';
-import * as i0 from "@angular/core";
-export class NgxPictureModule {
+let NgxPictureModule = NgxPictureModule_1 = class NgxPictureModule {
     static forRoot(config) {
         return {
-            ngModule: NgxPictureModule,
+            ngModule: NgxPictureModule_1,
             providers: [
@@ -19,15 +20,12 @@ {
     }
-}
-NgxPictureModule.ɵmod = i0.ɵɵdefineNgModule({ type: NgxPictureModule });
-NgxPictureModule.ɵinj = i0.ɵɵdefineInjector({ factory: function NgxPictureModule_Factory(t) { return new (t || NgxPictureModule)(); }, imports: [[CommonModule]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NgxPictureModule, { declarations: [PictureComponent], imports: [CommonModule], exports: [PictureComponent] }); })();
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(NgxPictureModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [PictureComponent],
-                imports: [CommonModule],
-                exports: [PictureComponent],
-                entryComponents: [PictureComponent]
-            }]
-    }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXBpY3R1cmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXBpY3R1cmUvIiwic291cmNlcyI6WyJsaWIvbmd4LXBpY3R1cmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFRL0QsTUFBTSxPQUFPLGdCQUFnQjtJQUMzQixNQUFNLENBQUMsT0FBTyxDQUFJLE1BQTJCO1FBQzNDLE9BQU87WUFDTCxRQUFRLEVBQUUsZ0JBQWdCO1lBQzFCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsa0JBQWtCO29CQUMzQixRQUFRLEVBQUUsTUFBTTtpQkFDakI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDOztvREFYVSxnQkFBZ0I7K0dBQWhCLGdCQUFnQixrQkFKbEIsQ0FBQyxZQUFZLENBQUM7d0ZBSVosZ0JBQWdCLG1CQUxaLGdCQUFnQixhQUNyQixZQUFZLGFBQ1osZ0JBQWdCO2tEQUdmLGdCQUFnQjtjQU41QixRQUFRO2VBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQ2hDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztnQkFDdkIsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQzNCLGVBQWUsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2FBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTW9kdWxlV2l0aFByb3ZpZGVycywgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmd4UGljdHVyZUNvbmZpZyB9IGZyb20gJy4vbmd4LXBpY3R1cmUtY29uZmlnJztcclxuaW1wb3J0IHsgTkdYX1BJQ1RVUkVfQ09ORklHIH0gZnJvbSAnLi9uZ3gtcGljdHVyZS1jb25maWcudG9rZW4nO1xyXG5pbXBvcnQgeyBQaWN0dXJlQ29tcG9uZW50IH0gZnJvbSAnLi9waWN0dXJlL3BpY3R1cmUuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbUGljdHVyZUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgZXhwb3J0czogW1BpY3R1cmVDb21wb25lbnRdLFxyXG4gIGVudHJ5Q29tcG9uZW50czogW1BpY3R1cmVDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hQaWN0dXJlTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdDxUPihjb25maWc6IE5neFBpY3R1cmVDb25maWc8VD4pOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE5neFBpY3R1cmVNb2R1bGU+IHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIG5nTW9kdWxlOiBOZ3hQaWN0dXJlTW9kdWxlLFxyXG4gICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICBwcm92aWRlOiBOR1hfUElDVFVSRV9DT05GSUcsXHJcbiAgICAgICAgICB1c2VWYWx1ZTogY29uZmlnXHJcbiAgICAgICAgfVxyXG4gICAgICBdXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iXX0=
+};
+NgxPictureModule = NgxPictureModule_1 = __decorate([
+    NgModule({
+        declarations: [PictureComponent],
+        imports: [CommonModule],
+        exports: [PictureComponent],
+        entryComponents: [PictureComponent]
+    })
+], NgxPictureModule);
+export { NgxPictureModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXBpY3R1cmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXBpY3R1cmUvIiwic291cmNlcyI6WyJsaWIvbmd4LXBpY3R1cmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBUS9ELElBQWEsZ0JBQWdCLHdCQUE3QixNQUFhLGdCQUFnQjtJQUMzQixNQUFNLENBQUMsT0FBTyxDQUFJLE1BQTJCO1FBQzNDLE9BQU87WUFDTCxRQUFRLEVBQUUsa0JBQWdCO1lBQzFCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsa0JBQWtCO29CQUMzQixRQUFRLEVBQUUsTUFBTTtpQkFDakI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDO0NBQ0YsQ0FBQTtBQVpZLGdCQUFnQjtJQU41QixRQUFRLENBQUM7UUFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztRQUNoQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7UUFDdkIsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7UUFDM0IsZUFBZSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7S0FDcEMsQ0FBQztHQUNXLGdCQUFnQixDQVk1QjtTQVpZLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5neFBpY3R1cmVDb25maWcgfSBmcm9tICcuL25neC1waWN0dXJlLWNvbmZpZyc7XHJcbmltcG9ydCB7IE5HWF9QSUNUVVJFX0NPTkZJRyB9IGZyb20gJy4vbmd4LXBpY3R1cmUtY29uZmlnLnRva2VuJztcclxuaW1wb3J0IHsgUGljdHVyZUNvbXBvbmVudCB9IGZyb20gJy4vcGljdHVyZS9waWN0dXJlLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1BpY3R1cmVDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtQaWN0dXJlQ29tcG9uZW50XSxcclxuICBlbnRyeUNvbXBvbmVudHM6IFtQaWN0dXJlQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmd4UGljdHVyZU1vZHVsZSB7XHJcbiAgc3RhdGljIGZvclJvb3Q8VD4oY29uZmlnOiBOZ3hQaWN0dXJlQ29uZmlnPFQ+KTogTW9kdWxlV2l0aFByb3ZpZGVyczxOZ3hQaWN0dXJlTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogTmd4UGljdHVyZU1vZHVsZSxcclxuICAgICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgcHJvdmlkZTogTkdYX1BJQ1RVUkVfQ09ORklHLFxyXG4gICAgICAgICAgdXNlVmFsdWU6IGNvbmZpZ1xyXG4gICAgICAgIH1cclxuICAgICAgXVxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19

esm2015/lib/picture/picture.component.js

@@ -0,53 +1,7 @@
+import { __decorate, __param } from "tslib";
 import { isPlatformServer } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Inject, Input, Optional, Output, PLATFORM_ID } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, Inject, Input, OnInit, Optional, Output, PLATFORM_ID, TemplateRef } from '@angular/core';
 import { WINDOW } from 'ngx-window-token';
 import { NGX_PICTURE_CONFIG } from '../ngx-picture-config.token';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-const _c0 = ["imgTemplate"];
-function PictureComponent_picture_0_ng_container_1_source_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "source", 5);
-} if (rf & 2) {
-    const breakpoint_r6 = ctx.$implicit;
-    const imageFormat_r4 = i0.ɵɵnextContext().$implicit;
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate1("type", "image/", imageFormat_r4, "");
-    i0.ɵɵproperty("srcset", ctx_r5.srcInterpolator(ctx_r5.src, imageFormat_r4, breakpoint_r6.key, breakpoint_r6.value), i0.ɵɵsanitizeUrl)("media", breakpoint_r6.key);
-} }
-function PictureComponent_picture_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_source_1_Template, 1, 3, "source", 4);
-    i0.ɵɵpipe(2, "keyvalue");
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, ctx_r1.breakpoints));
-} }
-function PictureComponent_picture_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "img", 6, 7);
-    i0.ɵɵlistener("load", function PictureComponent_picture_0_ng_template_3_Template_img_load_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return ctx_r9.loaded.emit($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("src", ctx_r3.src, i0.ɵɵsanitizeUrl)("alt", ctx_r3.alt);
-} }
-const _c1 = function (a0, a1) { return { src: a0, alt: a1 }; };
-const _c2 = function (a0) { return { $implicit: a0 }; };
-function PictureComponent_picture_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "picture");
-    i0.ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_Template, 3, 3, "ng-container", 1);
-    i0.ɵɵelementContainer(2, 2);
-    i0.ɵɵtemplate(3, PictureComponent_picture_0_ng_template_3_Template, 2, 2, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const _r2 = i0.ɵɵreference(4);
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.imageFormats);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.imgTemplate || _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c2, i0.ɵɵpureFunction2(3, _c1, ctx_r0.src, ctx_r0.alt)));
-} }
-export class PictureComponent {
+let PictureComponent = class PictureComponent {
     constructor(platformId, ngxPictureConfig, window, elementRef, changeDetectorRef) {
@@ -92,51 +46,46 @@ this.platformId = platformId;
     }
-}
-PictureComponent.ɵfac = function PictureComponent_Factory(t) { return new (t || PictureComponent)(i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(NGX_PICTURE_CONFIG), i0.ɵɵdirectiveInject(WINDOW, 8), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-PictureComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PictureComponent, selectors: [["ngx-picture"]], contentQueries: function PictureComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, _c0, true);
-    } if (rf & 2) {
-        var _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.imgTemplate = _t.first);
-    } }, inputs: { src: "src", imageFormats: "imageFormats", breakpoints: "breakpoints", alt: "alt", lazyLoad: "lazyLoad", srcInterpolator: "srcInterpolator" }, outputs: { loaded: "loaded" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [4, "ngFor", "ngForOf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultImageTemplate", ""], [3, "srcset", "media", "type", 4, "ngFor", "ngForOf"], [3, "srcset", "media", "type"], [3, "src", "alt", "load"], ["img", ""]], template: function PictureComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, PictureComponent_picture_0_Template, 5, 8, "picture", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.show);
-    } }, directives: [i1.NgIf, i1.NgForOf, i1.NgTemplateOutlet], pipes: [i1.KeyValuePipe], styles: ["[_nghost-%COMP%]{width:100%;height:inherit;display:block;min-height:1px}picture[_ngcontent-%COMP%], picture[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:inherit}"], changeDetection: 0 });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(PictureComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ngx-picture',
-                templateUrl: './picture.component.html',
-                styleUrls: ['./picture.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [NGX_PICTURE_CONFIG]
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [WINDOW]
-            }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { imgTemplate: [{
-            type: ContentChild,
-            args: ['imgTemplate']
-        }], src: [{
-            type: Input
-        }], imageFormats: [{
-            type: Input
-        }], breakpoints: [{
-            type: Input
-        }], alt: [{
-            type: Input
-        }], lazyLoad: [{
-            type: Input
-        }], srcInterpolator: [{
-            type: Input
-        }], loaded: [{
-            type: Output
-        }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGljdHVyZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcGljdHVyZS8iLCJzb3VyY2VzIjpbImxpYi9waWN0dXJlL3BpY3R1cmUuY29tcG9uZW50LnRzIiwibGliL3BpY3R1cmUvcGljdHVyZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBRUwsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBRVosWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBRUwsUUFBUSxFQUNSLE1BQU0sRUFDTixXQUFXLEVBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztJQ2pCN0QsNEJBUUY7Ozs7O0lBRkksK0RBQThCO0lBSjlCLHFJQUVDLDRCQUFBOzs7SUFMTCw2QkFDRTtJQUFBLGdHQVFGOztJQUFBLDBCQUFlOzs7SUFQWCxlQUFpRDtJQUFqRCxrRUFBaUQ7Ozs7SUFjbkQsaUNBQ0Y7SUFEK0Isa0xBQVEsMEJBQW1CLElBQUM7SUFBekQsaUJBQ0Y7OztJQURPLGtEQUFXLG1CQUFBOzs7OztJQWpCcEIsK0JBQ0U7SUFBQSw2RkFDRTtJQVNGLDJCQUllO0lBQ2YsNEhBQ0U7SUFFSixpQkFBVTs7OztJQWxCTSxlQUF3QztJQUF4Qyw2Q0FBd0M7SUFXcEQsZUFBd0Q7SUFBeEQsNERBQXdELDJHQUFBOztBRDJCNUQsTUFBTSxPQUFPLGdCQUFnQjtJQWlCM0IsWUFDK0IsVUFBZSxFQUNSLGdCQUFrQyxFQUNsQyxNQUFNLEVBQ2xDLFVBQXNCLEVBQ3RCLGlCQUFvQztRQUpmLGVBQVUsR0FBVixVQUFVLENBQUs7UUFDUixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLFdBQU0sR0FBTixNQUFNLENBQUE7UUFDbEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBakJyQyxpQkFBWSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLENBQUM7UUFDbEQsZ0JBQVcsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDO1FBSWhELG9CQUFlLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQztRQUN2RCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUU3QyxTQUFJLEdBQUcsS0FBSyxDQUFDO0lBVVYsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUNyQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztTQUNsQjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksc0JBQXNCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUN6RSxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxvQkFBb0IsQ0FDbEQsQ0FBQyxPQUF5QyxFQUFFLEVBQUU7Z0JBQzVDLElBQ0UsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQWdDLEVBQUUsRUFBRTtvQkFDaEQsT0FBTyxDQUNMLEtBQUssQ0FBQyxjQUFjO3dCQUNwQixLQUFLLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUMvQyxDQUFDO2dCQUNKLENBQUMsQ0FBQyxFQUNGO29CQUNBLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztpQkFDeEI7WUFDSCxDQUFDLEVBQ0QsRUFBRSxDQUNILENBQUM7WUFFRixJQUFJLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDbEU7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN4QztJQUNILENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNuRSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7Z0ZBNURVLGdCQUFnQix1QkFrQmpCLFdBQVcsd0JBQ1gsa0JBQWtCLHdCQUNOLE1BQU07cURBcEJqQixnQkFBZ0I7Ozs7OztRQ3ZDN0IseUVBQ0U7O1FBRE8sK0JBQVk7O2tERHVDUixnQkFBZ0I7Y0FONUIsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxhQUFhO2dCQUN2QixXQUFXLEVBQUUsMEJBQTBCO2dCQUN2QyxTQUFTLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztnQkFDdkMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7O3NCQW1CSSxNQUFNO3VCQUFDLFdBQVc7O3NCQUNsQixNQUFNO3VCQUFDLGtCQUFrQjs7c0JBQ3pCLFFBQVE7O3NCQUFJLE1BQU07dUJBQUMsTUFBTTs7a0JBbkIzQixZQUFZO21CQUFDLGFBQWE7O2tCQUcxQixLQUFLOztrQkFDTCxLQUFLOztrQkFDTCxLQUFLOztrQkFDTCxLQUFLOztrQkFDTCxLQUFLOztrQkFFTCxLQUFLOztrQkFDTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNQbGF0Zm9ybVNlcnZlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEluamVjdCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3B0aW9uYWwsXHJcbiAgT3V0cHV0LFxyXG4gIFBMQVRGT1JNX0lELFxyXG4gIFRlbXBsYXRlUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFdJTkRPVyB9IGZyb20gJ25neC13aW5kb3ctdG9rZW4nO1xyXG5pbXBvcnQgeyBOZ3hQaWN0dXJlQ29uZmlnIH0gZnJvbSAnLi4vbmd4LXBpY3R1cmUtY29uZmlnJztcclxuaW1wb3J0IHsgTkdYX1BJQ1RVUkVfQ09ORklHIH0gZnJvbSAnLi4vbmd4LXBpY3R1cmUtY29uZmlnLnRva2VuJztcclxuXHJcbmV4cG9ydCB0eXBlIEltYWdlRm9ybWF0ID1cclxuICB8ICdhcG5nJ1xyXG4gIHwgJ2JtcCdcclxuICB8ICdnaWYnXHJcbiAgfCAnanBlZydcclxuICB8ICdwbmcnXHJcbiAgfCAnc3ZnJ1xyXG4gIHwgJ3RpZmYnXHJcbiAgfCAnd2VicCdcclxuICB8ICdqcDInXHJcbiAgfCAnanhyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmd4LXBpY3R1cmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9waWN0dXJlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9waWN0dXJlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFBpY3R1cmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xyXG4gIEBDb250ZW50Q2hpbGQoJ2ltZ1RlbXBsYXRlJykgaW1nVGVtcGxhdGU6IFRlbXBsYXRlUmVmPFxyXG4gICAgSFRNTEltYWdlRWxlbWVudFxyXG4gID47XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW1hZ2VGb3JtYXRzID0gdGhpcy5uZ3hQaWN0dXJlQ29uZmlnLmltYWdlRm9ybWF0cztcclxuICBASW5wdXQoKSBicmVha3BvaW50cyA9IHRoaXMubmd4UGljdHVyZUNvbmZpZy5icmVha3BvaW50cztcclxuICBASW5wdXQoKSBhbHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBsYXp5TG9hZDogYm9vbGVhbjtcclxuXHJcbiAgQElucHV0KCkgc3JjSW50ZXJwb2xhdG9yID0gdGhpcy5uZ3hQaWN0dXJlQ29uZmlnLnNyY0ludGVycG9sYXRvcjtcclxuICBAT3V0cHV0KCkgbG9hZGVkID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcclxuXHJcbiAgc2hvdyA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGludGVyc2VjdGlvbk9ic2VydmVyOiBJbnRlcnNlY3Rpb25PYnNlcnZlcjtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHBsYXRmb3JtSWQ6IGFueSxcclxuICAgIEBJbmplY3QoTkdYX1BJQ1RVUkVfQ09ORklHKSBwcml2YXRlIG5neFBpY3R1cmVDb25maWc6IE5neFBpY3R1cmVDb25maWcsXHJcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KFdJTkRPVykgcHJpdmF0ZSB3aW5kb3csXHJcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAoaXNQbGF0Zm9ybVNlcnZlcih0aGlzLnBsYXRmb3JtSWQpKSB7XHJcbiAgICAgIHRoaXMuc2hvdyA9IHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICBpZiAodGhpcy5sYXp5TG9hZCAmJiB0aGlzLndpbmRvdyAmJiAnSW50ZXJzZWN0aW9uT2JzZXJ2ZXInIGluIHRoaXMud2luZG93KSB7XHJcbiAgICAgIHRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXIgPSBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoXHJcbiAgICAgICAgKGVudHJpZXM6IEFycmF5PEludGVyc2VjdGlvbk9ic2VydmVyRW50cnk+KSA9PiB7XHJcbiAgICAgICAgICBpZiAoXHJcbiAgICAgICAgICAgIGVudHJpZXMuZmluZCgoZW50cnk6IEludGVyc2VjdGlvbk9ic2VydmVyRW50cnkpID0+IHtcclxuICAgICAgICAgICAgICByZXR1cm4gKFxyXG4gICAgICAgICAgICAgICAgZW50cnkuaXNJbnRlcnNlY3RpbmcgJiZcclxuICAgICAgICAgICAgICAgIGVudHJ5LnRhcmdldCA9PT0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRcclxuICAgICAgICAgICAgICApO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2hvd0xhenlQaWN0dXJlKCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSxcclxuICAgICAgICB7fVxyXG4gICAgICApO1xyXG5cclxuICAgICAgdGhpcy5pbnRlcnNlY3Rpb25PYnNlcnZlci5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2hvdyA9IHRydWU7XHJcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzaG93TGF6eVBpY3R1cmUoKSB7XHJcbiAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XHJcbiAgICB0aGlzLnNob3cgPSB0cnVlO1xyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxwaWN0dXJlICpuZ0lmPVwic2hvd1wiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGltYWdlRm9ybWF0IG9mIGltYWdlRm9ybWF0c1wiPlxyXG4gICAgPHNvdXJjZVxyXG4gICAgICAqbmdGb3I9XCJsZXQgYnJlYWtwb2ludCBvZiBicmVha3BvaW50cyB8IGtleXZhbHVlXCJcclxuICAgICAgW3NyY3NldF09XCJcclxuICAgICAgICBzcmNJbnRlcnBvbGF0b3Ioc3JjLCBpbWFnZUZvcm1hdCwgYnJlYWtwb2ludC5rZXksIGJyZWFrcG9pbnQudmFsdWUpXHJcbiAgICAgIFwiXHJcbiAgICAgIFttZWRpYV09XCJicmVha3BvaW50LmtleVwiXHJcbiAgICAgIHR5cGU9XCJpbWFnZS97eyBpbWFnZUZvcm1hdCB9fVwiXHJcbiAgICAvPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXJcclxuICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImltZ1RlbXBsYXRlIHx8IGRlZmF1bHRJbWFnZVRlbXBsYXRlXCJcclxuICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogeyBzcmM6IHNyYywgYWx0OiBhbHQgfSB9XCJcclxuICA+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPG5nLXRlbXBsYXRlICNkZWZhdWx0SW1hZ2VUZW1wbGF0ZT5cclxuICAgIDxpbWcgW3NyY109XCJzcmNcIiBbYWx0XT1cImFsdFwiIChsb2FkKT1cImxvYWRlZC5lbWl0KCRldmVudClcIiAjaW1nIC8+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuPC9waWN0dXJlPlxyXG4iXX0=
+};
+PictureComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [NGX_PICTURE_CONFIG,] }] },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [WINDOW,] }] },
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    ContentChild('imgTemplate')
+], PictureComponent.prototype, "imgTemplate", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "src", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "imageFormats", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "breakpoints", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "alt", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "lazyLoad", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "srcInterpolator", void 0);
+__decorate([
+    Output()
+], PictureComponent.prototype, "loaded", void 0);
+PictureComponent = __decorate([
+    Component({
+        selector: 'ngx-picture',
+        template: "<picture *ngIf=\"show\">\r\n  <ng-container *ngFor=\"let imageFormat of imageFormats\">\r\n    <source\r\n      *ngFor=\"let breakpoint of breakpoints | keyvalue\"\r\n      [srcset]=\"\r\n        srcInterpolator(src, imageFormat, breakpoint.key, breakpoint.value)\r\n      \"\r\n      [media]=\"breakpoint.key\"\r\n      type=\"image/{{ imageFormat }}\"\r\n    />\r\n  </ng-container>\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"imgTemplate || defaultImageTemplate\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: { src: src, alt: alt } }\"\r\n  >\r\n  </ng-container>\r\n  <ng-template #defaultImageTemplate>\r\n    <img [src]=\"src\" [alt]=\"alt\" (load)=\"loaded.emit($event)\" #img />\r\n  </ng-template>\r\n</picture>\r\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{width:100%;height:inherit;display:block;min-height:1px}picture,picture img{width:100%;height:inherit}"]
+    }),
+    __param(0, Inject(PLATFORM_ID)),
+    __param(1, Inject(NGX_PICTURE_CONFIG)),
+    __param(2, Optional()), __param(2, Inject(WINDOW))
+], PictureComponent);
+export { PictureComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGljdHVyZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcGljdHVyZS8iLCJzb3VyY2VzIjpbImxpYi9waWN0dXJlL3BpY3R1cmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQ0wsYUFBYSxFQUNiLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixNQUFNLEVBQ04sV0FBVyxFQUNYLFdBQVcsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFMUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFvQmpFLElBQWEsZ0JBQWdCLEdBQTdCLE1BQWEsZ0JBQWdCO0lBaUIzQixZQUMrQixVQUFlLEVBQ1IsZ0JBQWtDLEVBQ2xDLE1BQU0sRUFDbEMsVUFBc0IsRUFDdEIsaUJBQW9DO1FBSmYsZUFBVSxHQUFWLFVBQVUsQ0FBSztRQUNSLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsV0FBTSxHQUFOLE1BQU0sQ0FBQTtRQUNsQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFqQnJDLGlCQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBQztRQUNsRCxnQkFBVyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUM7UUFJaEQsb0JBQWUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDO1FBQ3ZELFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRTdDLFNBQUksR0FBRyxLQUFLLENBQUM7SUFVVixDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxzQkFBc0IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ3pFLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLG9CQUFvQixDQUNsRCxDQUFDLE9BQXlDLEVBQUUsRUFBRTtnQkFDNUMsSUFDRSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBZ0MsRUFBRSxFQUFFO29CQUNoRCxPQUFPLENBQ0wsS0FBSyxDQUFDLGNBQWM7d0JBQ3BCLEtBQUssQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQy9DLENBQUM7Z0JBQ0osQ0FBQyxDQUFDLEVBQ0Y7b0JBQ0EsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO2lCQUN4QjtZQUNILENBQUMsRUFDRCxFQUFFLENBQ0gsQ0FBQztZQUVGLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUNsRTthQUFNO1lBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7WUFDakIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3hDO0lBQ0gsQ0FBQztJQUVPLGVBQWU7UUFDckIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ25FLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0NBQ0YsQ0FBQTs7NENBM0NJLE1BQU0sU0FBQyxXQUFXOzRDQUNsQixNQUFNLFNBQUMsa0JBQWtCOzRDQUN6QixRQUFRLFlBQUksTUFBTSxTQUFDLE1BQU07WUFDTixVQUFVO1lBQ0gsaUJBQWlCOztBQXJCakI7SUFBNUIsWUFBWSxDQUFDLGFBQWEsQ0FBQztxREFFMUI7QUFDTztJQUFSLEtBQUssRUFBRTs2Q0FBYTtBQUNaO0lBQVIsS0FBSyxFQUFFO3NEQUFtRDtBQUNsRDtJQUFSLEtBQUssRUFBRTtxREFBaUQ7QUFDaEQ7SUFBUixLQUFLLEVBQUU7NkNBQWE7QUFDWjtJQUFSLEtBQUssRUFBRTtrREFBbUI7QUFFbEI7SUFBUixLQUFLLEVBQUU7eURBQXlEO0FBQ3ZEO0lBQVQsTUFBTSxFQUFFO2dEQUFvQztBQVhsQyxnQkFBZ0I7SUFONUIsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLGFBQWE7UUFDdkIsc3VCQUF1QztRQUV2QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7S0FDaEQsQ0FBQztJQW1CRyxXQUFBLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUNuQixXQUFBLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO0lBQzFCLFdBQUEsUUFBUSxFQUFFLENBQUEsRUFBRSxXQUFBLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQTtHQXBCbEIsZ0JBQWdCLENBNkQ1QjtTQTdEWSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpc1BsYXRmb3JtU2VydmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5qZWN0LFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPcHRpb25hbCxcclxuICBPdXRwdXQsXHJcbiAgUExBVEZPUk1fSUQsXHJcbiAgVGVtcGxhdGVSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgV0lORE9XIH0gZnJvbSAnbmd4LXdpbmRvdy10b2tlbic7XHJcbmltcG9ydCB7IE5neFBpY3R1cmVDb25maWcgfSBmcm9tICcuLi9uZ3gtcGljdHVyZS1jb25maWcnO1xyXG5pbXBvcnQgeyBOR1hfUElDVFVSRV9DT05GSUcgfSBmcm9tICcuLi9uZ3gtcGljdHVyZS1jb25maWcudG9rZW4nO1xyXG5cclxuZXhwb3J0IHR5cGUgSW1hZ2VGb3JtYXQgPVxyXG4gIHwgJ2FwbmcnXHJcbiAgfCAnYm1wJ1xyXG4gIHwgJ2dpZidcclxuICB8ICdqcGVnJ1xyXG4gIHwgJ3BuZydcclxuICB8ICdzdmcnXHJcbiAgfCAndGlmZidcclxuICB8ICd3ZWJwJ1xyXG4gIHwgJ2pwMidcclxuICB8ICdqeHInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduZ3gtcGljdHVyZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BpY3R1cmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BpY3R1cmUuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGljdHVyZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZCgnaW1nVGVtcGxhdGUnKSBpbWdUZW1wbGF0ZTogVGVtcGxhdGVSZWY8XHJcbiAgICBIVE1MSW1hZ2VFbGVtZW50XHJcbiAgPjtcclxuICBASW5wdXQoKSBzcmM6IHN0cmluZztcclxuICBASW5wdXQoKSBpbWFnZUZvcm1hdHMgPSB0aGlzLm5neFBpY3R1cmVDb25maWcuaW1hZ2VGb3JtYXRzO1xyXG4gIEBJbnB1dCgpIGJyZWFrcG9pbnRzID0gdGhpcy5uZ3hQaWN0dXJlQ29uZmlnLmJyZWFrcG9pbnRzO1xyXG4gIEBJbnB1dCgpIGFsdDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGxhenlMb2FkOiBib29sZWFuO1xyXG5cclxuICBASW5wdXQoKSBzcmNJbnRlcnBvbGF0b3IgPSB0aGlzLm5neFBpY3R1cmVDb25maWcuc3JjSW50ZXJwb2xhdG9yO1xyXG4gIEBPdXRwdXQoKSBsb2FkZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xyXG5cclxuICBzaG93ID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgaW50ZXJzZWN0aW9uT2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgcGxhdGZvcm1JZDogYW55LFxyXG4gICAgQEluamVjdChOR1hfUElDVFVSRV9DT05GSUcpIHByaXZhdGUgbmd4UGljdHVyZUNvbmZpZzogTmd4UGljdHVyZUNvbmZpZyxcclxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoV0lORE9XKSBwcml2YXRlIHdpbmRvdyxcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmIChpc1BsYXRmb3JtU2VydmVyKHRoaXMucGxhdGZvcm1JZCkpIHtcclxuICAgICAgdGhpcy5zaG93ID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIGlmICh0aGlzLmxhenlMb2FkICYmIHRoaXMud2luZG93ICYmICdJbnRlcnNlY3Rpb25PYnNlcnZlcicgaW4gdGhpcy53aW5kb3cpIHtcclxuICAgICAgdGhpcy5pbnRlcnNlY3Rpb25PYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcclxuICAgICAgICAoZW50cmllczogQXJyYXk8SW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeT4pID0+IHtcclxuICAgICAgICAgIGlmIChcclxuICAgICAgICAgICAgZW50cmllcy5maW5kKChlbnRyeTogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeSkgPT4ge1xyXG4gICAgICAgICAgICAgIHJldHVybiAoXHJcbiAgICAgICAgICAgICAgICBlbnRyeS5pc0ludGVyc2VjdGluZyAmJlxyXG4gICAgICAgICAgICAgICAgZW50cnkudGFyZ2V0ID09PSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFxyXG4gICAgICAgICAgICAgICk7XHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICApIHtcclxuICAgICAgICAgICAgdGhpcy5zaG93TGF6eVBpY3R1cmUoKTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9LFxyXG4gICAgICAgIHt9XHJcbiAgICAgICk7XHJcblxyXG4gICAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyLm9ic2VydmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5zaG93ID0gdHJ1ZTtcclxuICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNob3dMYXp5UGljdHVyZSgpIHtcclxuICAgIHRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXIudW5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMuc2hvdyA9IHRydWU7XHJcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcbn1cclxuIl19

esm5/lib/ngx-picture.module.js

@@ -0,1 +1,2 @@
+import { __decorate } from "tslib";
 import { CommonModule } from '@angular/common';
@@ -5,9 +6,9 @@ import { NgModule } from '@angular/core';
 import { PictureComponent } from './picture/picture.component';
-import * as i0 from "@angular/core";
 var NgxPictureModule = /** @class */ (function () {
     function NgxPictureModule() {
     }
+    NgxPictureModule_1 = NgxPictureModule;
     NgxPictureModule.forRoot = function (config) {
         return {
-            ngModule: NgxPictureModule,
+            ngModule: NgxPictureModule_1,
             providers: [
@@ -21,17 +22,14 @@ {
     };
-    NgxPictureModule.ɵmod = i0.ɵɵdefineNgModule({ type: NgxPictureModule });
-    NgxPictureModule.ɵinj = i0.ɵɵdefineInjector({ factory: function NgxPictureModule_Factory(t) { return new (t || NgxPictureModule)(); }, imports: [[CommonModule]] });
+    var NgxPictureModule_1;
+    NgxPictureModule = NgxPictureModule_1 = __decorate([
+        NgModule({
+            declarations: [PictureComponent],
+            imports: [CommonModule],
+            exports: [PictureComponent],
+            entryComponents: [PictureComponent]
+        })
+    ], NgxPictureModule);
     return NgxPictureModule;
 }());
 export { NgxPictureModule };
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NgxPictureModule, { declarations: [PictureComponent], imports: [CommonModule], exports: [PictureComponent] }); })();
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(NgxPictureModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [PictureComponent],
-                imports: [CommonModule],
-                exports: [PictureComponent],
-                entryComponents: [PictureComponent]
-            }]
-    }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXBpY3R1cmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXBpY3R1cmUvIiwic291cmNlcyI6WyJsaWIvbmd4LXBpY3R1cmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFFL0Q7SUFBQTtLQWtCQztJQVhRLHdCQUFPLEdBQWQsVUFBa0IsTUFBMkI7UUFDM0MsT0FBTztZQUNMLFFBQVEsRUFBRSxnQkFBZ0I7WUFDMUIsU0FBUyxFQUFFO2dCQUNUO29CQUNFLE9BQU8sRUFBRSxrQkFBa0I7b0JBQzNCLFFBQVEsRUFBRSxNQUFNO2lCQUNqQjthQUNGO1NBQ0YsQ0FBQztJQUNKLENBQUM7d0RBWFUsZ0JBQWdCO21IQUFoQixnQkFBZ0Isa0JBSmxCLENBQUMsWUFBWSxDQUFDOzJCQVJ6QjtDQXdCQyxBQWxCRCxJQWtCQztTQVpZLGdCQUFnQjt3RkFBaEIsZ0JBQWdCLG1CQUxaLGdCQUFnQixhQUNyQixZQUFZLGFBQ1osZ0JBQWdCO2tEQUdmLGdCQUFnQjtjQU41QixRQUFRO2VBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQ2hDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztnQkFDdkIsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQzNCLGVBQWUsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2FBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTW9kdWxlV2l0aFByb3ZpZGVycywgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmd4UGljdHVyZUNvbmZpZyB9IGZyb20gJy4vbmd4LXBpY3R1cmUtY29uZmlnJztcclxuaW1wb3J0IHsgTkdYX1BJQ1RVUkVfQ09ORklHIH0gZnJvbSAnLi9uZ3gtcGljdHVyZS1jb25maWcudG9rZW4nO1xyXG5pbXBvcnQgeyBQaWN0dXJlQ29tcG9uZW50IH0gZnJvbSAnLi9waWN0dXJlL3BpY3R1cmUuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbUGljdHVyZUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgZXhwb3J0czogW1BpY3R1cmVDb21wb25lbnRdLFxyXG4gIGVudHJ5Q29tcG9uZW50czogW1BpY3R1cmVDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hQaWN0dXJlTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdDxUPihjb25maWc6IE5neFBpY3R1cmVDb25maWc8VD4pOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE5neFBpY3R1cmVNb2R1bGU+IHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIG5nTW9kdWxlOiBOZ3hQaWN0dXJlTW9kdWxlLFxyXG4gICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICBwcm92aWRlOiBOR1hfUElDVFVSRV9DT05GSUcsXHJcbiAgICAgICAgICB1c2VWYWx1ZTogY29uZmlnXHJcbiAgICAgICAgfVxyXG4gICAgICBdXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXBpY3R1cmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXBpY3R1cmUvIiwic291cmNlcyI6WyJsaWIvbmd4LXBpY3R1cmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUF1QixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFRL0Q7SUFBQTtJQVlBLENBQUM7eUJBWlksZ0JBQWdCO0lBQ3BCLHdCQUFPLEdBQWQsVUFBa0IsTUFBMkI7UUFDM0MsT0FBTztZQUNMLFFBQVEsRUFBRSxrQkFBZ0I7WUFDMUIsU0FBUyxFQUFFO2dCQUNUO29CQUNFLE9BQU8sRUFBRSxrQkFBa0I7b0JBQzNCLFFBQVEsRUFBRSxNQUFNO2lCQUNqQjthQUNGO1NBQ0YsQ0FBQztJQUNKLENBQUM7O0lBWFUsZ0JBQWdCO1FBTjVCLFFBQVEsQ0FBQztZQUNSLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO1lBQ2hDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztZQUN2QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztZQUMzQixlQUFlLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztTQUNwQyxDQUFDO09BQ1csZ0JBQWdCLENBWTVCO0lBQUQsdUJBQUM7Q0FBQSxBQVpELElBWUM7U0FaWSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ3hQaWN0dXJlQ29uZmlnIH0gZnJvbSAnLi9uZ3gtcGljdHVyZS1jb25maWcnO1xyXG5pbXBvcnQgeyBOR1hfUElDVFVSRV9DT05GSUcgfSBmcm9tICcuL25neC1waWN0dXJlLWNvbmZpZy50b2tlbic7XHJcbmltcG9ydCB7IFBpY3R1cmVDb21wb25lbnQgfSBmcm9tICcuL3BpY3R1cmUvcGljdHVyZS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtQaWN0dXJlQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBleHBvcnRzOiBbUGljdHVyZUNvbXBvbmVudF0sXHJcbiAgZW50cnlDb21wb25lbnRzOiBbUGljdHVyZUNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE5neFBpY3R1cmVNb2R1bGUge1xyXG4gIHN0YXRpYyBmb3JSb290PFQ+KGNvbmZpZzogTmd4UGljdHVyZUNvbmZpZzxUPik6IE1vZHVsZVdpdGhQcm92aWRlcnM8Tmd4UGljdHVyZU1vZHVsZT4ge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgbmdNb2R1bGU6IE5neFBpY3R1cmVNb2R1bGUsXHJcbiAgICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIHByb3ZpZGU6IE5HWF9QSUNUVVJFX0NPTkZJRyxcclxuICAgICAgICAgIHVzZVZhbHVlOiBjb25maWdcclxuICAgICAgICB9XHJcbiAgICAgIF1cclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==

esm5/lib/picture/picture.component.js

@@ -0,52 +1,6 @@
+import { __decorate, __param } from "tslib";
 import { isPlatformServer } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Inject, Input, Optional, Output, PLATFORM_ID } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, Inject, Input, OnInit, Optional, Output, PLATFORM_ID, TemplateRef } from '@angular/core';
 import { WINDOW } from 'ngx-window-token';
 import { NGX_PICTURE_CONFIG } from '../ngx-picture-config.token';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-var _c0 = ["imgTemplate"];
-function PictureComponent_picture_0_ng_container_1_source_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "source", 5);
-} if (rf & 2) {
-    var breakpoint_r17 = ctx.$implicit;
-    var imageFormat_r15 = i0.ɵɵnextContext().$implicit;
-    var ctx_r16 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate1("type", "image/", imageFormat_r15, "");
-    i0.ɵɵproperty("srcset", ctx_r16.srcInterpolator(ctx_r16.src, imageFormat_r15, breakpoint_r17.key, breakpoint_r17.value), i0.ɵɵsanitizeUrl)("media", breakpoint_r17.key);
-} }
-function PictureComponent_picture_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_source_1_Template, 1, 3, "source", 4);
-    i0.ɵɵpipe(2, "keyvalue");
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    var ctx_r12 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, ctx_r12.breakpoints));
-} }
-function PictureComponent_picture_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    var _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "img", 6, 7);
-    i0.ɵɵlistener("load", function PictureComponent_picture_0_ng_template_3_Template_img_load_0_listener($event) { i0.ɵɵrestoreView(_r21); var ctx_r20 = i0.ɵɵnextContext(2); return ctx_r20.loaded.emit($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    var ctx_r14 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("src", ctx_r14.src, i0.ɵɵsanitizeUrl)("alt", ctx_r14.alt);
-} }
-var _c1 = function (a0, a1) { return { src: a0, alt: a1 }; };
-var _c2 = function (a0) { return { $implicit: a0 }; };
-function PictureComponent_picture_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "picture");
-    i0.ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_Template, 3, 3, "ng-container", 1);
-    i0.ɵɵelementContainer(2, 2);
-    i0.ɵɵtemplate(3, PictureComponent_picture_0_ng_template_3_Template, 2, 2, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    var _r13 = i0.ɵɵreference(4);
-    var ctx_r11 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r11.imageFormats);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r11.imgTemplate || _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c2, i0.ɵɵpureFunction2(3, _c1, ctx_r11.src, ctx_r11.alt)));
-} }
 var PictureComponent = /** @class */ (function () {
@@ -93,53 +47,47 @@ function PictureComponent(platformId, ngxPictureConfig, window, elementRef, changeDetectorRef) {
     };
-    PictureComponent.ɵfac = function PictureComponent_Factory(t) { return new (t || PictureComponent)(i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(NGX_PICTURE_CONFIG), i0.ɵɵdirectiveInject(WINDOW, 8), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    PictureComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PictureComponent, selectors: [["ngx-picture"]], contentQueries: function PictureComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0, true);
-        } if (rf & 2) {
-            var _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.imgTemplate = _t.first);
-        } }, inputs: { src: "src", imageFormats: "imageFormats", breakpoints: "breakpoints", alt: "alt", lazyLoad: "lazyLoad", srcInterpolator: "srcInterpolator" }, outputs: { loaded: "loaded" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [4, "ngFor", "ngForOf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultImageTemplate", ""], [3, "srcset", "media", "type", 4, "ngFor", "ngForOf"], [3, "srcset", "media", "type"], [3, "src", "alt", "load"], ["img", ""]], template: function PictureComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PictureComponent_picture_0_Template, 5, 8, "picture", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.show);
-        } }, directives: [i1.NgIf, i1.NgForOf, i1.NgTemplateOutlet], pipes: [i1.KeyValuePipe], styles: ["[_nghost-%COMP%]{width:100%;height:inherit;display:block;min-height:1px}picture[_ngcontent-%COMP%], picture[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:inherit}"], changeDetection: 0 });
+    PictureComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [NGX_PICTURE_CONFIG,] }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [WINDOW,] }] },
+        { type: ElementRef },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        ContentChild('imgTemplate')
+    ], PictureComponent.prototype, "imgTemplate", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "src", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "imageFormats", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "breakpoints", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "alt", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "lazyLoad", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "srcInterpolator", void 0);
+    __decorate([
+        Output()
+    ], PictureComponent.prototype, "loaded", void 0);
+    PictureComponent = __decorate([
+        Component({
+            selector: 'ngx-picture',
+            template: "<picture *ngIf=\"show\">\r\n  <ng-container *ngFor=\"let imageFormat of imageFormats\">\r\n    <source\r\n      *ngFor=\"let breakpoint of breakpoints | keyvalue\"\r\n      [srcset]=\"\r\n        srcInterpolator(src, imageFormat, breakpoint.key, breakpoint.value)\r\n      \"\r\n      [media]=\"breakpoint.key\"\r\n      type=\"image/{{ imageFormat }}\"\r\n    />\r\n  </ng-container>\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"imgTemplate || defaultImageTemplate\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: { src: src, alt: alt } }\"\r\n  >\r\n  </ng-container>\r\n  <ng-template #defaultImageTemplate>\r\n    <img [src]=\"src\" [alt]=\"alt\" (load)=\"loaded.emit($event)\" #img />\r\n  </ng-template>\r\n</picture>\r\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{width:100%;height:inherit;display:block;min-height:1px}picture,picture img{width:100%;height:inherit}"]
+        }),
+        __param(0, Inject(PLATFORM_ID)),
+        __param(1, Inject(NGX_PICTURE_CONFIG)),
+        __param(2, Optional()), __param(2, Inject(WINDOW))
+    ], PictureComponent);
     return PictureComponent;
 }());
 export { PictureComponent };
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(PictureComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ngx-picture',
-                templateUrl: './picture.component.html',
-                styleUrls: ['./picture.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [NGX_PICTURE_CONFIG]
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [WINDOW]
-            }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { imgTemplate: [{
-            type: ContentChild,
-            args: ['imgTemplate']
-        }], src: [{
-            type: Input
-        }], imageFormats: [{
-            type: Input
-        }], breakpoints: [{
-            type: Input
-        }], alt: [{
-            type: Input
-        }], lazyLoad: [{
-            type: Input
-        }], srcInterpolator: [{
-            type: Input
-        }], loaded: [{
-            type: Output
-        }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGljdHVyZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcGljdHVyZS8iLCJzb3VyY2VzIjpbImxpYi9waWN0dXJlL3BpY3R1cmUuY29tcG9uZW50LnRzIiwibGliL3BpY3R1cmUvcGljdHVyZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBRUwsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBRVosWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBRUwsUUFBUSxFQUNSLE1BQU0sRUFDTixXQUFXLEVBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztJQ2pCN0QsNEJBUUY7Ozs7O0lBRkksZ0VBQThCO0lBSjlCLDBJQUVDLDZCQUFBOzs7SUFMTCw2QkFDRTtJQUFBLGdHQVFGOztJQUFBLDBCQUFlOzs7SUFQWCxlQUFpRDtJQUFqRCxtRUFBaUQ7Ozs7SUFjbkQsaUNBQ0Y7SUFEK0IsaUxBQVEsMkJBQW1CLElBQUM7SUFBekQsaUJBQ0Y7OztJQURPLG1EQUFXLG9CQUFBOzs7OztJQWpCcEIsK0JBQ0U7SUFBQSw2RkFDRTtJQVNGLDJCQUllO0lBQ2YsNEhBQ0U7SUFFSixpQkFBVTs7OztJQWxCTSxlQUF3QztJQUF4Qyw4Q0FBd0M7SUFXcEQsZUFBd0Q7SUFBeEQsOERBQXdELDZHQUFBOztBRHFCNUQ7SUF1QkUsMEJBQytCLFVBQWUsRUFDUixnQkFBa0MsRUFDbEMsTUFBTSxFQUNsQyxVQUFzQixFQUN0QixpQkFBb0M7UUFKZixlQUFVLEdBQVYsVUFBVSxDQUFLO1FBQ1IscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxXQUFNLEdBQU4sTUFBTSxDQUFBO1FBQ2xDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQWpCckMsaUJBQVksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxDQUFDO1FBQ2xELGdCQUFXLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQztRQUloRCxvQkFBZSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUM7UUFDdkQsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFFN0MsU0FBSSxHQUFHLEtBQUssQ0FBQztJQVVWLENBQUM7SUFFSixtQ0FBUSxHQUFSO1FBQ0UsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUU7WUFDckMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBRUQsMENBQWUsR0FBZjtRQUFBLGlCQXVCQztRQXRCQyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxzQkFBc0IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ3pFLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLG9CQUFvQixDQUNsRCxVQUFDLE9BQXlDO2dCQUN4QyxJQUNFLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBQyxLQUFnQztvQkFDNUMsT0FBTyxDQUNMLEtBQUssQ0FBQyxjQUFjO3dCQUNwQixLQUFLLENBQUMsTUFBTSxLQUFLLEtBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUMvQyxDQUFDO2dCQUNKLENBQUMsQ0FBQyxFQUNGO29CQUNBLEtBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztpQkFDeEI7WUFDSCxDQUFDLEVBQ0QsRUFBRSxDQUNILENBQUM7WUFFRixJQUFJLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDbEU7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN4QztJQUNILENBQUM7SUFFTywwQ0FBZSxHQUF2QjtRQUNFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNuRSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekMsQ0FBQztvRkE1RFUsZ0JBQWdCLHVCQWtCakIsV0FBVyx3QkFDWCxrQkFBa0Isd0JBQ04sTUFBTTt5REFwQmpCLGdCQUFnQjs7Ozs7O1lDdkM3Qix5RUFDRTs7WUFETywrQkFBWTs7MkJEQXJCO0NBb0dDLEFBbkVELElBbUVDO1NBN0RZLGdCQUFnQjtrREFBaEIsZ0JBQWdCO2NBTjVCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsV0FBVyxFQUFFLDBCQUEwQjtnQkFDdkMsU0FBUyxFQUFFLENBQUMsMEJBQTBCLENBQUM7Z0JBQ3ZDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2FBQ2hEOztzQkFtQkksTUFBTTt1QkFBQyxXQUFXOztzQkFDbEIsTUFBTTt1QkFBQyxrQkFBa0I7O3NCQUN6QixRQUFROztzQkFBSSxNQUFNO3VCQUFDLE1BQU07O2tCQW5CM0IsWUFBWTttQkFBQyxhQUFhOztrQkFHMUIsS0FBSzs7a0JBQ0wsS0FBSzs7a0JBQ0wsS0FBSzs7a0JBQ0wsS0FBSzs7a0JBQ0wsS0FBSzs7a0JBRUwsS0FBSzs7a0JBQ0wsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzUGxhdGZvcm1TZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbmplY3QsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE9wdGlvbmFsLFxyXG4gIE91dHB1dCxcclxuICBQTEFURk9STV9JRCxcclxuICBUZW1wbGF0ZVJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBXSU5ET1cgfSBmcm9tICduZ3gtd2luZG93LXRva2VuJztcclxuaW1wb3J0IHsgTmd4UGljdHVyZUNvbmZpZyB9IGZyb20gJy4uL25neC1waWN0dXJlLWNvbmZpZyc7XHJcbmltcG9ydCB7IE5HWF9QSUNUVVJFX0NPTkZJRyB9IGZyb20gJy4uL25neC1waWN0dXJlLWNvbmZpZy50b2tlbic7XHJcblxyXG5leHBvcnQgdHlwZSBJbWFnZUZvcm1hdCA9XHJcbiAgfCAnYXBuZydcclxuICB8ICdibXAnXHJcbiAgfCAnZ2lmJ1xyXG4gIHwgJ2pwZWcnXHJcbiAgfCAncG5nJ1xyXG4gIHwgJ3N2ZydcclxuICB8ICd0aWZmJ1xyXG4gIHwgJ3dlYnAnXHJcbiAgfCAnanAyJ1xyXG4gIHwgJ2p4cic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25neC1waWN0dXJlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGljdHVyZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcGljdHVyZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQaWN0dXJlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcclxuICBAQ29udGVudENoaWxkKCdpbWdUZW1wbGF0ZScpIGltZ1RlbXBsYXRlOiBUZW1wbGF0ZVJlZjxcclxuICAgIEhUTUxJbWFnZUVsZW1lbnRcclxuICA+O1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGltYWdlRm9ybWF0cyA9IHRoaXMubmd4UGljdHVyZUNvbmZpZy5pbWFnZUZvcm1hdHM7XHJcbiAgQElucHV0KCkgYnJlYWtwb2ludHMgPSB0aGlzLm5neFBpY3R1cmVDb25maWcuYnJlYWtwb2ludHM7XHJcbiAgQElucHV0KCkgYWx0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGF6eUxvYWQ6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpIHNyY0ludGVycG9sYXRvciA9IHRoaXMubmd4UGljdHVyZUNvbmZpZy5zcmNJbnRlcnBvbGF0b3I7XHJcbiAgQE91dHB1dCgpIGxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcblxyXG4gIHNob3cgPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSBpbnRlcnNlY3Rpb25PYnNlcnZlcjogSW50ZXJzZWN0aW9uT2JzZXJ2ZXI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSBwbGF0Zm9ybUlkOiBhbnksXHJcbiAgICBASW5qZWN0KE5HWF9QSUNUVVJFX0NPTkZJRykgcHJpdmF0ZSBuZ3hQaWN0dXJlQ29uZmlnOiBOZ3hQaWN0dXJlQ29uZmlnLFxyXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChXSU5ET1cpIHByaXZhdGUgd2luZG93LFxyXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKGlzUGxhdGZvcm1TZXJ2ZXIodGhpcy5wbGF0Zm9ybUlkKSkge1xyXG4gICAgICB0aGlzLnNob3cgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgaWYgKHRoaXMubGF6eUxvYWQgJiYgdGhpcy53aW5kb3cgJiYgJ0ludGVyc2VjdGlvbk9ic2VydmVyJyBpbiB0aGlzLndpbmRvdykge1xyXG4gICAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKFxyXG4gICAgICAgIChlbnRyaWVzOiBBcnJheTxJbnRlcnNlY3Rpb25PYnNlcnZlckVudHJ5PikgPT4ge1xyXG4gICAgICAgICAgaWYgKFxyXG4gICAgICAgICAgICBlbnRyaWVzLmZpbmQoKGVudHJ5OiBJbnRlcnNlY3Rpb25PYnNlcnZlckVudHJ5KSA9PiB7XHJcbiAgICAgICAgICAgICAgcmV0dXJuIChcclxuICAgICAgICAgICAgICAgIGVudHJ5LmlzSW50ZXJzZWN0aW5nICYmXHJcbiAgICAgICAgICAgICAgICBlbnRyeS50YXJnZXQgPT09IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XHJcbiAgICAgICAgICAgICAgKTtcclxuICAgICAgICAgICAgfSlcclxuICAgICAgICAgICkge1xyXG4gICAgICAgICAgICB0aGlzLnNob3dMYXp5UGljdHVyZSgpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0sXHJcbiAgICAgICAge31cclxuICAgICAgKTtcclxuXHJcbiAgICAgIHRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNob3cgPSB0cnVlO1xyXG4gICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2hvd0xhenlQaWN0dXJlKCkge1xyXG4gICAgdGhpcy5pbnRlcnNlY3Rpb25PYnNlcnZlci51bm9ic2VydmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgdGhpcy5zaG93ID0gdHJ1ZTtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxufVxyXG4iLCI8cGljdHVyZSAqbmdJZj1cInNob3dcIj5cclxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpbWFnZUZvcm1hdCBvZiBpbWFnZUZvcm1hdHNcIj5cclxuICAgIDxzb3VyY2VcclxuICAgICAgKm5nRm9yPVwibGV0IGJyZWFrcG9pbnQgb2YgYnJlYWtwb2ludHMgfCBrZXl2YWx1ZVwiXHJcbiAgICAgIFtzcmNzZXRdPVwiXHJcbiAgICAgICAgc3JjSW50ZXJwb2xhdG9yKHNyYywgaW1hZ2VGb3JtYXQsIGJyZWFrcG9pbnQua2V5LCBicmVha3BvaW50LnZhbHVlKVxyXG4gICAgICBcIlxyXG4gICAgICBbbWVkaWFdPVwiYnJlYWtwb2ludC5rZXlcIlxyXG4gICAgICB0eXBlPVwiaW1hZ2Uve3sgaW1hZ2VGb3JtYXQgfX1cIlxyXG4gICAgLz5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctY29udGFpbmVyXHJcbiAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJpbWdUZW1wbGF0ZSB8fCBkZWZhdWx0SW1hZ2VUZW1wbGF0ZVwiXHJcbiAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IHsgc3JjOiBzcmMsIGFsdDogYWx0IH0gfVwiXHJcbiAgPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdEltYWdlVGVtcGxhdGU+XHJcbiAgICA8aW1nIFtzcmNdPVwic3JjXCIgW2FsdF09XCJhbHRcIiAobG9hZCk9XCJsb2FkZWQuZW1pdCgkZXZlbnQpXCIgI2ltZyAvPlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvcGljdHVyZT5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGljdHVyZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcGljdHVyZS8iLCJzb3VyY2VzIjpbImxpYi9waWN0dXJlL3BpY3R1cmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQ0wsYUFBYSxFQUNiLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixNQUFNLEVBQ04sV0FBVyxFQUNYLFdBQVcsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFMUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFvQmpFO0lBaUJFLDBCQUMrQixVQUFlLEVBQ1IsZ0JBQWtDLEVBQ2xDLE1BQU0sRUFDbEMsVUFBc0IsRUFDdEIsaUJBQW9DO1FBSmYsZUFBVSxHQUFWLFVBQVUsQ0FBSztRQUNSLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsV0FBTSxHQUFOLE1BQU0sQ0FBQTtRQUNsQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFqQnJDLGlCQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBQztRQUNsRCxnQkFBVyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUM7UUFJaEQsb0JBQWUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDO1FBQ3ZELFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRTdDLFNBQUksR0FBRyxLQUFLLENBQUM7SUFVVixDQUFDO0lBRUosbUNBQVEsR0FBUjtRQUNFLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQztJQUVELDBDQUFlLEdBQWY7UUFBQSxpQkF1QkM7UUF0QkMsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksc0JBQXNCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUN6RSxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxvQkFBb0IsQ0FDbEQsVUFBQyxPQUF5QztnQkFDeEMsSUFDRSxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQUMsS0FBZ0M7b0JBQzVDLE9BQU8sQ0FDTCxLQUFLLENBQUMsY0FBYzt3QkFDcEIsS0FBSyxDQUFDLE1BQU0sS0FBSyxLQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FDL0MsQ0FBQztnQkFDSixDQUFDLENBQUMsRUFDRjtvQkFDQSxLQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7aUJBQ3hCO1lBQ0gsQ0FBQyxFQUNELEVBQUUsQ0FDSCxDQUFDO1lBRUYsSUFBSSxDQUFDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQ2xFO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztZQUNqQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDeEM7SUFDSCxDQUFDO0lBRU8sMENBQWUsR0FBdkI7UUFDRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pDLENBQUM7O2dEQTFDRSxNQUFNLFNBQUMsV0FBVztnREFDbEIsTUFBTSxTQUFDLGtCQUFrQjtnREFDekIsUUFBUSxZQUFJLE1BQU0sU0FBQyxNQUFNO2dCQUNOLFVBQVU7Z0JBQ0gsaUJBQWlCOztJQXJCakI7UUFBNUIsWUFBWSxDQUFDLGFBQWEsQ0FBQzt5REFFMUI7SUFDTztRQUFSLEtBQUssRUFBRTtpREFBYTtJQUNaO1FBQVIsS0FBSyxFQUFFOzBEQUFtRDtJQUNsRDtRQUFSLEtBQUssRUFBRTt5REFBaUQ7SUFDaEQ7UUFBUixLQUFLLEVBQUU7aURBQWE7SUFDWjtRQUFSLEtBQUssRUFBRTtzREFBbUI7SUFFbEI7UUFBUixLQUFLLEVBQUU7NkRBQXlEO0lBQ3ZEO1FBQVQsTUFBTSxFQUFFO29EQUFvQztJQVhsQyxnQkFBZ0I7UUFONUIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGFBQWE7WUFDdkIsc3VCQUF1QztZQUV2QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FDaEQsQ0FBQztRQW1CRyxXQUFBLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQTtRQUNuQixXQUFBLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO1FBQzFCLFdBQUEsUUFBUSxFQUFFLENBQUEsRUFBRSxXQUFBLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQTtPQXBCbEIsZ0JBQWdCLENBNkQ1QjtJQUFELHVCQUFDO0NBQUEsQUE3REQsSUE2REM7U0E3RFksZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNQbGF0Zm9ybVNlcnZlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEluamVjdCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3B0aW9uYWwsXHJcbiAgT3V0cHV0LFxyXG4gIFBMQVRGT1JNX0lELFxyXG4gIFRlbXBsYXRlUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFdJTkRPVyB9IGZyb20gJ25neC13aW5kb3ctdG9rZW4nO1xyXG5pbXBvcnQgeyBOZ3hQaWN0dXJlQ29uZmlnIH0gZnJvbSAnLi4vbmd4LXBpY3R1cmUtY29uZmlnJztcclxuaW1wb3J0IHsgTkdYX1BJQ1RVUkVfQ09ORklHIH0gZnJvbSAnLi4vbmd4LXBpY3R1cmUtY29uZmlnLnRva2VuJztcclxuXHJcbmV4cG9ydCB0eXBlIEltYWdlRm9ybWF0ID1cclxuICB8ICdhcG5nJ1xyXG4gIHwgJ2JtcCdcclxuICB8ICdnaWYnXHJcbiAgfCAnanBlZydcclxuICB8ICdwbmcnXHJcbiAgfCAnc3ZnJ1xyXG4gIHwgJ3RpZmYnXHJcbiAgfCAnd2VicCdcclxuICB8ICdqcDInXHJcbiAgfCAnanhyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmd4LXBpY3R1cmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9waWN0dXJlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9waWN0dXJlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFBpY3R1cmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xyXG4gIEBDb250ZW50Q2hpbGQoJ2ltZ1RlbXBsYXRlJykgaW1nVGVtcGxhdGU6IFRlbXBsYXRlUmVmPFxyXG4gICAgSFRNTEltYWdlRWxlbWVudFxyXG4gID47XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW1hZ2VGb3JtYXRzID0gdGhpcy5uZ3hQaWN0dXJlQ29uZmlnLmltYWdlRm9ybWF0cztcclxuICBASW5wdXQoKSBicmVha3BvaW50cyA9IHRoaXMubmd4UGljdHVyZUNvbmZpZy5icmVha3BvaW50cztcclxuICBASW5wdXQoKSBhbHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBsYXp5TG9hZDogYm9vbGVhbjtcclxuXHJcbiAgQElucHV0KCkgc3JjSW50ZXJwb2xhdG9yID0gdGhpcy5uZ3hQaWN0dXJlQ29uZmlnLnNyY0ludGVycG9sYXRvcjtcclxuICBAT3V0cHV0KCkgbG9hZGVkID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcclxuXHJcbiAgc2hvdyA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGludGVyc2VjdGlvbk9ic2VydmVyOiBJbnRlcnNlY3Rpb25PYnNlcnZlcjtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHBsYXRmb3JtSWQ6IGFueSxcclxuICAgIEBJbmplY3QoTkdYX1BJQ1RVUkVfQ09ORklHKSBwcml2YXRlIG5neFBpY3R1cmVDb25maWc6IE5neFBpY3R1cmVDb25maWcsXHJcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KFdJTkRPVykgcHJpdmF0ZSB3aW5kb3csXHJcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAoaXNQbGF0Zm9ybVNlcnZlcih0aGlzLnBsYXRmb3JtSWQpKSB7XHJcbiAgICAgIHRoaXMuc2hvdyA9IHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICBpZiAodGhpcy5sYXp5TG9hZCAmJiB0aGlzLndpbmRvdyAmJiAnSW50ZXJzZWN0aW9uT2JzZXJ2ZXInIGluIHRoaXMud2luZG93KSB7XHJcbiAgICAgIHRoaXMuaW50ZXJzZWN0aW9uT2JzZXJ2ZXIgPSBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoXHJcbiAgICAgICAgKGVudHJpZXM6IEFycmF5PEludGVyc2VjdGlvbk9ic2VydmVyRW50cnk+KSA9PiB7XHJcbiAgICAgICAgICBpZiAoXHJcbiAgICAgICAgICAgIGVudHJpZXMuZmluZCgoZW50cnk6IEludGVyc2VjdGlvbk9ic2VydmVyRW50cnkpID0+IHtcclxuICAgICAgICAgICAgICByZXR1cm4gKFxyXG4gICAgICAgICAgICAgICAgZW50cnkuaXNJbnRlcnNlY3RpbmcgJiZcclxuICAgICAgICAgICAgICAgIGVudHJ5LnRhcmdldCA9PT0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRcclxuICAgICAgICAgICAgICApO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2hvd0xhenlQaWN0dXJlKCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSxcclxuICAgICAgICB7fVxyXG4gICAgICApO1xyXG5cclxuICAgICAgdGhpcy5pbnRlcnNlY3Rpb25PYnNlcnZlci5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2hvdyA9IHRydWU7XHJcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzaG93TGF6eVBpY3R1cmUoKSB7XHJcbiAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XHJcbiAgICB0aGlzLnNob3cgPSB0cnVlO1xyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

fesm2015/ngx-picture.js

@@ -1,3 +0,4 @@
-import { InjectionToken, ɵɵelement, ɵɵnextContext, ɵɵpropertyInterpolate1, ɵɵproperty, ɵɵsanitizeUrl, ɵɵelementContainerStart, ɵɵtemplate, ɵɵpipe, ɵɵelementContainerEnd, ɵɵadvance, ɵɵpipeBind1, ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵelementEnd, ɵɵelementContainer, ɵɵtemplateRefExtractor, ɵɵreference, ɵɵpureFunction1, ɵɵpureFunction2, EventEmitter, ɵɵdirectiveInject, PLATFORM_ID, ElementRef, ChangeDetectorRef, ɵɵdefineComponent, ɵɵcontentQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵsetClassMetadata, Component, ChangeDetectionStrategy, Inject, Optional, ContentChild, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { isPlatformServer, NgIf, NgForOf, NgTemplateOutlet, KeyValuePipe, CommonModule } from '@angular/common';
+import { InjectionToken, EventEmitter, Inject, PLATFORM_ID, Optional, ElementRef, ChangeDetectorRef, ContentChild, Input, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate, __param } from 'tslib';
+import { isPlatformServer, CommonModule } from '@angular/common';
 import { WINDOW } from 'ngx-window-token';
@@ -43,48 +44,3 @@
 
-const _c0 = ["imgTemplate"];
-function PictureComponent_picture_0_ng_container_1_source_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "source", 5);
-} if (rf & 2) {
-    const breakpoint_r6 = ctx.$implicit;
-    const imageFormat_r4 = ɵɵnextContext().$implicit;
-    const ctx_r5 = ɵɵnextContext(2);
-    ɵɵpropertyInterpolate1("type", "image/", imageFormat_r4, "");
-    ɵɵproperty("srcset", ctx_r5.srcInterpolator(ctx_r5.src, imageFormat_r4, breakpoint_r6.key, breakpoint_r6.value), ɵɵsanitizeUrl)("media", breakpoint_r6.key);
-} }
-function PictureComponent_picture_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_source_1_Template, 1, 3, "source", 4);
-    ɵɵpipe(2, "keyvalue");
-    ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext(2);
-    ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ɵɵpipeBind1(2, 1, ctx_r1.breakpoints));
-} }
-function PictureComponent_picture_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "img", 6, 7);
-    ɵɵlistener("load", function PictureComponent_picture_0_ng_template_3_Template_img_load_0_listener($event) { ɵɵrestoreView(_r10); const ctx_r9 = ɵɵnextContext(2); return ctx_r9.loaded.emit($event); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = ɵɵnextContext(2);
-    ɵɵproperty("src", ctx_r3.src, ɵɵsanitizeUrl)("alt", ctx_r3.alt);
-} }
-const _c1 = function (a0, a1) { return { src: a0, alt: a1 }; };
-const _c2 = function (a0) { return { $implicit: a0 }; };
-function PictureComponent_picture_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "picture");
-    ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_Template, 3, 3, "ng-container", 1);
-    ɵɵelementContainer(2, 2);
-    ɵɵtemplate(3, PictureComponent_picture_0_ng_template_3_Template, 2, 2, "ng-template", null, 3, ɵɵtemplateRefExtractor);
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const _r2 = ɵɵreference(4);
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ctx_r0.imageFormats);
-    ɵɵadvance(1);
-    ɵɵproperty("ngTemplateOutlet", ctx_r0.imgTemplate || _r2)("ngTemplateOutletContext", ɵɵpureFunction1(6, _c2, ɵɵpureFunction2(3, _c1, ctx_r0.src, ctx_r0.alt)));
-} }
-class PictureComponent {
+let PictureComponent = class PictureComponent {
     constructor(platformId, ngxPictureConfig, window, elementRef, changeDetectorRef) {
@@ -129,56 +85,51 @@ this.platformId = platformId;
     }
-}
-PictureComponent.ɵfac = function PictureComponent_Factory(t) { return new (t || PictureComponent)(ɵɵdirectiveInject(PLATFORM_ID), ɵɵdirectiveInject(NGX_PICTURE_CONFIG), ɵɵdirectiveInject(WINDOW, 8), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(ChangeDetectorRef)); };
-PictureComponent.ɵcmp = ɵɵdefineComponent({ type: PictureComponent, selectors: [["ngx-picture"]], contentQueries: function PictureComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        ɵɵcontentQuery(dirIndex, _c0, true);
-    } if (rf & 2) {
-        var _t;
-        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.imgTemplate = _t.first);
-    } }, inputs: { src: "src", imageFormats: "imageFormats", breakpoints: "breakpoints", alt: "alt", lazyLoad: "lazyLoad", srcInterpolator: "srcInterpolator" }, outputs: { loaded: "loaded" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [4, "ngFor", "ngForOf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultImageTemplate", ""], [3, "srcset", "media", "type", 4, "ngFor", "ngForOf"], [3, "srcset", "media", "type"], [3, "src", "alt", "load"], ["img", ""]], template: function PictureComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, PictureComponent_picture_0_Template, 5, 8, "picture", 0);
-    } if (rf & 2) {
-        ɵɵproperty("ngIf", ctx.show);
-    } }, directives: [NgIf, NgForOf, NgTemplateOutlet], pipes: [KeyValuePipe], styles: ["[_nghost-%COMP%]{width:100%;height:inherit;display:block;min-height:1px}picture[_ngcontent-%COMP%], picture[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:inherit}"], changeDetection: 0 });
-/*@__PURE__*/ (function () { ɵsetClassMetadata(PictureComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ngx-picture',
-                templateUrl: './picture.component.html',
-                styleUrls: ['./picture.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [NGX_PICTURE_CONFIG]
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [WINDOW]
-            }] }, { type: ElementRef }, { type: ChangeDetectorRef }]; }, { imgTemplate: [{
-            type: ContentChild,
-            args: ['imgTemplate']
-        }], src: [{
-            type: Input
-        }], imageFormats: [{
-            type: Input
-        }], breakpoints: [{
-            type: Input
-        }], alt: [{
-            type: Input
-        }], lazyLoad: [{
-            type: Input
-        }], srcInterpolator: [{
-            type: Input
-        }], loaded: [{
-            type: Output
-        }] }); })();
+};
+PictureComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [NGX_PICTURE_CONFIG,] }] },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [WINDOW,] }] },
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    ContentChild('imgTemplate')
+], PictureComponent.prototype, "imgTemplate", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "src", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "imageFormats", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "breakpoints", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "alt", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "lazyLoad", void 0);
+__decorate([
+    Input()
+], PictureComponent.prototype, "srcInterpolator", void 0);
+__decorate([
+    Output()
+], PictureComponent.prototype, "loaded", void 0);
+PictureComponent = __decorate([
+    Component({
+        selector: 'ngx-picture',
+        template: "<picture *ngIf=\"show\">\r\n  <ng-container *ngFor=\"let imageFormat of imageFormats\">\r\n    <source\r\n      *ngFor=\"let breakpoint of breakpoints | keyvalue\"\r\n      [srcset]=\"\r\n        srcInterpolator(src, imageFormat, breakpoint.key, breakpoint.value)\r\n      \"\r\n      [media]=\"breakpoint.key\"\r\n      type=\"image/{{ imageFormat }}\"\r\n    />\r\n  </ng-container>\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"imgTemplate || defaultImageTemplate\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: { src: src, alt: alt } }\"\r\n  >\r\n  </ng-container>\r\n  <ng-template #defaultImageTemplate>\r\n    <img [src]=\"src\" [alt]=\"alt\" (load)=\"loaded.emit($event)\" #img />\r\n  </ng-template>\r\n</picture>\r\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{width:100%;height:inherit;display:block;min-height:1px}picture,picture img{width:100%;height:inherit}"]
+    }),
+    __param(0, Inject(PLATFORM_ID)),
+    __param(1, Inject(NGX_PICTURE_CONFIG)),
+    __param(2, Optional()), __param(2, Inject(WINDOW))
+], PictureComponent);
 
-class NgxPictureModule {
+var NgxPictureModule_1;
+let NgxPictureModule = NgxPictureModule_1 = class NgxPictureModule {
     static forRoot(config) {
         return {
-            ngModule: NgxPictureModule,
+            ngModule: NgxPictureModule_1,
             providers: [
@@ -192,15 +143,11 @@ {
     }
-}
-NgxPictureModule.ɵmod = ɵɵdefineNgModule({ type: NgxPictureModule });
-NgxPictureModule.ɵinj = ɵɵdefineInjector({ factory: function NgxPictureModule_Factory(t) { return new (t || NgxPictureModule)(); }, imports: [[CommonModule]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(NgxPictureModule, { declarations: [PictureComponent], imports: [CommonModule], exports: [PictureComponent] }); })();
-/*@__PURE__*/ (function () { ɵsetClassMetadata(NgxPictureModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [PictureComponent],
-                imports: [CommonModule],
-                exports: [PictureComponent],
-                entryComponents: [PictureComponent]
-            }]
-    }], null, null); })();
+};
+NgxPictureModule = NgxPictureModule_1 = __decorate([
+    NgModule({
+        declarations: [PictureComponent],
+        imports: [CommonModule],
+        exports: [PictureComponent],
+        entryComponents: [PictureComponent]
+    })
+], NgxPictureModule);
 
@@ -207,0 +154,0 @@ /*

fesm5/ngx-picture.js

@@ -1,3 +0,4 @@
-import { InjectionToken, ɵɵelement, ɵɵnextContext, ɵɵpropertyInterpolate1, ɵɵproperty, ɵɵsanitizeUrl, ɵɵelementContainerStart, ɵɵtemplate, ɵɵpipe, ɵɵelementContainerEnd, ɵɵadvance, ɵɵpipeBind1, ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵelementEnd, ɵɵelementContainer, ɵɵtemplateRefExtractor, ɵɵreference, ɵɵpureFunction1, ɵɵpureFunction2, EventEmitter, ɵɵdirectiveInject, PLATFORM_ID, ElementRef, ChangeDetectorRef, ɵɵdefineComponent, ɵɵcontentQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵsetClassMetadata, Component, ChangeDetectionStrategy, Inject, Optional, ContentChild, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { isPlatformServer, NgIf, NgForOf, NgTemplateOutlet, KeyValuePipe, CommonModule } from '@angular/common';
+import { InjectionToken, EventEmitter, Inject, PLATFORM_ID, Optional, ElementRef, ChangeDetectorRef, ContentChild, Input, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate, __param } from 'tslib';
+import { isPlatformServer, CommonModule } from '@angular/common';
 import { WINDOW } from 'ngx-window-token';
@@ -43,47 +44,2 @@
 
-var _c0 = ["imgTemplate"];
-function PictureComponent_picture_0_ng_container_1_source_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "source", 5);
-} if (rf & 2) {
-    var breakpoint_r17 = ctx.$implicit;
-    var imageFormat_r15 = ɵɵnextContext().$implicit;
-    var ctx_r16 = ɵɵnextContext(2);
-    ɵɵpropertyInterpolate1("type", "image/", imageFormat_r15, "");
-    ɵɵproperty("srcset", ctx_r16.srcInterpolator(ctx_r16.src, imageFormat_r15, breakpoint_r17.key, breakpoint_r17.value), ɵɵsanitizeUrl)("media", breakpoint_r17.key);
-} }
-function PictureComponent_picture_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_source_1_Template, 1, 3, "source", 4);
-    ɵɵpipe(2, "keyvalue");
-    ɵɵelementContainerEnd();
-} if (rf & 2) {
-    var ctx_r12 = ɵɵnextContext(2);
-    ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ɵɵpipeBind1(2, 1, ctx_r12.breakpoints));
-} }
-function PictureComponent_picture_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    var _r21 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "img", 6, 7);
-    ɵɵlistener("load", function PictureComponent_picture_0_ng_template_3_Template_img_load_0_listener($event) { ɵɵrestoreView(_r21); var ctx_r20 = ɵɵnextContext(2); return ctx_r20.loaded.emit($event); });
-    ɵɵelementEnd();
-} if (rf & 2) {
-    var ctx_r14 = ɵɵnextContext(2);
-    ɵɵproperty("src", ctx_r14.src, ɵɵsanitizeUrl)("alt", ctx_r14.alt);
-} }
-var _c1 = function (a0, a1) { return { src: a0, alt: a1 }; };
-var _c2 = function (a0) { return { $implicit: a0 }; };
-function PictureComponent_picture_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "picture");
-    ɵɵtemplate(1, PictureComponent_picture_0_ng_container_1_Template, 3, 3, "ng-container", 1);
-    ɵɵelementContainer(2, 2);
-    ɵɵtemplate(3, PictureComponent_picture_0_ng_template_3_Template, 2, 2, "ng-template", null, 3, ɵɵtemplateRefExtractor);
-    ɵɵelementEnd();
-} if (rf & 2) {
-    var _r13 = ɵɵreference(4);
-    var ctx_r11 = ɵɵnextContext();
-    ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ctx_r11.imageFormats);
-    ɵɵadvance(1);
-    ɵɵproperty("ngTemplateOutlet", ctx_r11.imgTemplate || _r13)("ngTemplateOutletContext", ɵɵpureFunction1(6, _c2, ɵɵpureFunction2(3, _c1, ctx_r11.src, ctx_r11.alt)));
-} }
 var PictureComponent = /** @class */ (function () {
@@ -130,52 +86,46 @@ function PictureComponent(platformId, ngxPictureConfig, window, elementRef, changeDetectorRef) {
     };
-    PictureComponent.ɵfac = function PictureComponent_Factory(t) { return new (t || PictureComponent)(ɵɵdirectiveInject(PLATFORM_ID), ɵɵdirectiveInject(NGX_PICTURE_CONFIG), ɵɵdirectiveInject(WINDOW, 8), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(ChangeDetectorRef)); };
-    PictureComponent.ɵcmp = ɵɵdefineComponent({ type: PictureComponent, selectors: [["ngx-picture"]], contentQueries: function PictureComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            ɵɵcontentQuery(dirIndex, _c0, true);
-        } if (rf & 2) {
-            var _t;
-            ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.imgTemplate = _t.first);
-        } }, inputs: { src: "src", imageFormats: "imageFormats", breakpoints: "breakpoints", alt: "alt", lazyLoad: "lazyLoad", srcInterpolator: "srcInterpolator" }, outputs: { loaded: "loaded" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [4, "ngFor", "ngForOf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultImageTemplate", ""], [3, "srcset", "media", "type", 4, "ngFor", "ngForOf"], [3, "srcset", "media", "type"], [3, "src", "alt", "load"], ["img", ""]], template: function PictureComponent_Template(rf, ctx) { if (rf & 1) {
-            ɵɵtemplate(0, PictureComponent_picture_0_Template, 5, 8, "picture", 0);
-        } if (rf & 2) {
-            ɵɵproperty("ngIf", ctx.show);
-        } }, directives: [NgIf, NgForOf, NgTemplateOutlet], pipes: [KeyValuePipe], styles: ["[_nghost-%COMP%]{width:100%;height:inherit;display:block;min-height:1px}picture[_ngcontent-%COMP%], picture[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:inherit}"], changeDetection: 0 });
+    PictureComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [NGX_PICTURE_CONFIG,] }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [WINDOW,] }] },
+        { type: ElementRef },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        ContentChild('imgTemplate')
+    ], PictureComponent.prototype, "imgTemplate", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "src", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "imageFormats", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "breakpoints", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "alt", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "lazyLoad", void 0);
+    __decorate([
+        Input()
+    ], PictureComponent.prototype, "srcInterpolator", void 0);
+    __decorate([
+        Output()
+    ], PictureComponent.prototype, "loaded", void 0);
+    PictureComponent = __decorate([
+        Component({
+            selector: 'ngx-picture',
+            template: "<picture *ngIf=\"show\">\r\n  <ng-container *ngFor=\"let imageFormat of imageFormats\">\r\n    <source\r\n      *ngFor=\"let breakpoint of breakpoints | keyvalue\"\r\n      [srcset]=\"\r\n        srcInterpolator(src, imageFormat, breakpoint.key, breakpoint.value)\r\n      \"\r\n      [media]=\"breakpoint.key\"\r\n      type=\"image/{{ imageFormat }}\"\r\n    />\r\n  </ng-container>\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"imgTemplate || defaultImageTemplate\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: { src: src, alt: alt } }\"\r\n  >\r\n  </ng-container>\r\n  <ng-template #defaultImageTemplate>\r\n    <img [src]=\"src\" [alt]=\"alt\" (load)=\"loaded.emit($event)\" #img />\r\n  </ng-template>\r\n</picture>\r\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{width:100%;height:inherit;display:block;min-height:1px}picture,picture img{width:100%;height:inherit}"]
+        }),
+        __param(0, Inject(PLATFORM_ID)),
+        __param(1, Inject(NGX_PICTURE_CONFIG)),
+        __param(2, Optional()), __param(2, Inject(WINDOW))
+    ], PictureComponent);
     return PictureComponent;
 }());
-/*@__PURE__*/ (function () { ɵsetClassMetadata(PictureComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ngx-picture',
-                templateUrl: './picture.component.html',
-                styleUrls: ['./picture.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [NGX_PICTURE_CONFIG]
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [WINDOW]
-            }] }, { type: ElementRef }, { type: ChangeDetectorRef }]; }, { imgTemplate: [{
-            type: ContentChild,
-            args: ['imgTemplate']
-        }], src: [{
-            type: Input
-        }], imageFormats: [{
-            type: Input
-        }], breakpoints: [{
-            type: Input
-        }], alt: [{
-            type: Input
-        }], lazyLoad: [{
-            type: Input
-        }], srcInterpolator: [{
-            type: Input
-        }], loaded: [{
-            type: Output
-        }] }); })();
 
@@ -185,5 +135,6 @@ var NgxPictureModule = /** @class */ (function () {
     }
+    NgxPictureModule_1 = NgxPictureModule;
     NgxPictureModule.forRoot = function (config) {
         return {
-            ngModule: NgxPictureModule,
+            ngModule: NgxPictureModule_1,
             providers: [
@@ -197,16 +148,13 @@ {
     };
-    NgxPictureModule.ɵmod = ɵɵdefineNgModule({ type: NgxPictureModule });
-    NgxPictureModule.ɵinj = ɵɵdefineInjector({ factory: function NgxPictureModule_Factory(t) { return new (t || NgxPictureModule)(); }, imports: [[CommonModule]] });
+    var NgxPictureModule_1;
+    NgxPictureModule = NgxPictureModule_1 = __decorate([
+        NgModule({
+            declarations: [PictureComponent],
+            imports: [CommonModule],
+            exports: [PictureComponent],
+            entryComponents: [PictureComponent]
+        })
+    ], NgxPictureModule);
     return NgxPictureModule;
 }());
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(NgxPictureModule, { declarations: [PictureComponent], imports: [CommonModule], exports: [PictureComponent] }); })();
-/*@__PURE__*/ (function () { ɵsetClassMetadata(NgxPictureModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [PictureComponent],
-                imports: [CommonModule],
-                exports: [PictureComponent],
-                entryComponents: [PictureComponent]
-            }]
-    }], null, null); })();
 
@@ -213,0 +161,0 @@ /*

lib/ngx-picture.module.d.ts

 import { ModuleWithProviders } from '@angular/core';
 import { NgxPictureConfig } from './ngx-picture-config';
-import * as i0 from "@angular/core";
-import * as i1 from "./picture/picture.component";
-import * as i2 from "@angular/common";
+import * as ɵngcc0 from '@angular/core';
+import * as ɵngcc1 from './picture/picture.component';
+import * as ɵngcc2 from '@angular/common';
 export declare class NgxPictureModule {
     static forRoot<T>(config: NgxPictureConfig<T>): ModuleWithProviders<NgxPictureModule>;
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<NgxPictureModule, [typeof i1.PictureComponent], [typeof i2.CommonModule], [typeof i1.PictureComponent]>;
-    static ɵinj: i0.ɵɵInjectorDef<NgxPictureModule>;
+    static ɵmod: ɵngcc0.ɵɵNgModuleDefWithMeta<NgxPictureModule, [typeof ɵngcc1.PictureComponent], [typeof ɵngcc2.CommonModule], [typeof ɵngcc1.PictureComponent]>;
+    static ɵinj: ɵngcc0.ɵɵInjectorDef<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 i0 from "@angular/core";
+import * as ɵngcc0 from '@angular/core';
 export declare type ImageFormat = 'apng' | 'bmp' | 'gif' | 'jpeg' | 'png' | 'svg' | 'tiff' | 'webp' | 'jp2' | 'jxr';
@@ -27,4 +27,15 @@ export declare class PictureComponent implements OnInit, AfterViewInit {
     private showLazyPicture;
-    static ɵfac: i0.ɵɵFactoryDef<PictureComponent>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<PictureComponent, "ngx-picture", never, { "src": "src"; "imageFormats": "imageFormats"; "breakpoints": "breakpoints"; "alt": "alt"; "lazyLoad": "lazyLoad"; "srcInterpolator": "srcInterpolator"; }, { "loaded": "loaded"; }, ["imgTemplate"]>;
+    static ɵfac: ɵngcc0.ɵɵFactoryDef<PictureComponent>;
+    static ɵcmp: ɵngcc0.ɵɵComponentDefWithMeta<PictureComponent, "ngx-picture", never, {
+    "imageFormats": "imageFormats";
+    "breakpoints": "breakpoints";
+    "srcInterpolator": "srcInterpolator";
+    "src": "src";
+    "alt": "alt";
+    "lazyLoad": "lazyLoad";
+}, {
+    "loaded": "loaded";
+}, ["imgTemplate"]>;
 }
+
+//# sourceMappingURL=picture.component.d.ts.map

ngx-picture.d.ts

 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="ngx-picture" />
 export * from './public-api';
+
+//# sourceMappingURL=ngx-picture.d.ts.map

package.json

 {
   "name": "ngx-picture",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "repository": {
@@ -38,3 +38,5 @@ "type": "git",
   },
+  "main_ivy_ngcc": "__ivy_ngcc__/bundles/ngx-picture.umd.js",
   "main": "bundles/ngx-picture.umd.js",
+  "module_ivy_ngcc": "__ivy_ngcc__/fesm5/ngx-picture.js",
   "module": "fesm5/ngx-picture.js",
@@ -44,9 +46,17 @@ "es2015": "fesm2015/ngx-picture.js",
   "esm2015": "esm2015/ngx-picture.js",
+  "fesm5_ivy_ngcc": "__ivy_ngcc__/fesm5/ngx-picture.js",
   "fesm5": "fesm5/ngx-picture.js",
   "fesm2015": "fesm2015/ngx-picture.js",
   "typings": "ngx-picture.d.ts",
+  "metadata": "ngx-picture.metadata.json",
   "sideEffects": false,
+  "__processed_by_ivy_ngcc__": {
+    "fesm5": "9.0.0",
+    "main": "9.0.0",
+    "module": "9.0.0",
+    "typings": "9.0.0"
+  },
   "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy. This is not allowed.\\nPlease delete and rebuild the package, without compiling with Ivy, before attempting to publish.\\n')\" && exit 1"
+    "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"
   }
 }

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

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Fixed 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

Improved metrics

Total package byte prevSize

259993

increased by59.03%

Number of package files

52

increased by26.83%

Lines of code

1795

increased by49.71%

Worsened metrics

Number of low license alerts

1

increased byInfinity%

No dependency changes