{"__symbolic":"module","version":4,"metadata":{"LazyImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14}],"exports":[{"__symbolic":"reference","name":"LazyImageComponent"}],"providers":[{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"LazyImageComponent"}]}]}],"members":{}},"ImageSource":{"__symbolic":"interface"},"ImageMetadata":{"__symbolic":"interface"},"StretchStrategy":{"__symbolic":"interface"},"LazyImageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"lazy-image","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":38,"character":21},"member":"OnPush"},"template":"<div #imageElement\n     itemscope\n     itemprop=\"image\"\n     itemtype=\"http://schema.org/ImageObject\"\n     class=\"image-container\"\n     [class]=\"stretchState ? 'image-container--' + stretchState : ''\"\n     [style.height.px]='canvasHeight'\n     [style.width.px]='canvasWidth'>\n\n    <div class=\"loading\" [hidden]=\"!loading\">\n        <ng-template #loadingTplRef [ngTemplateOutlet]=\"loadingTpl\"></ng-template>\n    </div>\n    <div class=\"loading loading--error-occurred\" [hidden]=\"!errorOccurred\">\n        <ng-template #errorTplRef [ngTemplateOutlet]=\"errorTpl\"></ng-template>\n    </div>\n\n    <div class=\"image-container__image\"\n         *ngIf=\"wasInViewport && !shouldFallbackToImgTag\"\n         [hidden]=\"loading\"\n         [ngStyle]=\"{'background-image': backgroundString}\"\n         [class]=\"stretchState ? 'image-container__image--' + stretchState : ''\"></div>\n\n    <img *ngIf=\"shouldFallbackToImgTag\"\n         itemprop=\"contentUrl\"\n         [src]=\"matchedImageUrl\"\n         [alt]=\"metadata && metadata.name || ''\">\n\n    <meta *ngIf=\"metadata && metadata.url\" itemprop=\"url\" content=\"{{ metadata.url }}\">\n    <meta *ngIf=\"metadata && metadata.name\" itemprop=\"name\" content=\"{{ metadata.name }}\">\n    <meta *ngIf=\"metadata && metadata.keywords\" itemprop=\"keywords\" content=\"{{ metadata.keywords }}\">\n</div>\n","styles":[":host{display:block;height:100%;position:relative}.loading{height:100%;position:absolute;width:100%}.image-container{height:100%;position:relative}.image-container--crop{width:100%}.image-container__image{background-position:50%;background-repeat:no-repeat;height:100%;width:100%}.image-container__image--crop{background-size:cover}.image-container__image--stretch{background-size:contain}.image-container__image--original{background-size:auto}"]}]}],"members":{"sources":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"metadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"loadingTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"errorTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"canvasRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"maxCropPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"stretchStrategy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"shouldFallbackToImgTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"loadingTplRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":5},"arguments":["loadingTplRef",{"static":true}]}]}],"errorTplRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":5},"arguments":["errorTplRef",{"static":true}]}]}],"disableLazyLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"imageElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":5},"arguments":["imageElement",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":74,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":75,"character":40},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"updatePositioning":[{"__symbolic":"method"}],"updateVisibility":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":114,"character":5},"arguments":["window:resize",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":115,"character":5},"arguments":["window:scroll",["$event"]]}]}],"renderTemplates":[{"__symbolic":"method"}],"calculateCanvasSize":[{"__symbolic":"method"}],"determineBackground":[{"__symbolic":"method"}],"withinCropThreshold":[{"__symbolic":"method"}],"updateBackground":[{"__symbolic":"method"}],"updateStretchState":[{"__symbolic":"method"}],"updateResponsiveImage":[{"__symbolic":"method"}],"validateInputs":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"setInjectedWindow":[{"__symbolic":"method"}]}}},"origins":{"LazyImageModule":"./lib/lazy-image.module","ImageSource":"./lib/lazy-image.component","ImageMetadata":"./lib/lazy-image.component","StretchStrategy":"./lib/lazy-image.component","LazyImageComponent":"./lib/lazy-image.component","ɵa":"./lib/utils/window.reference"},"importAs":"angular-lazy-responsive-images"}