ionic-image-loader
Version:
Ionic Component and Service to load images in a background thread and cache them for later use
135 lines (110 loc) • 8.04 kB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["virtual-scroll-virtual-scroll-module"],{
/***/ "./src/app/virtual-scroll/virtual-scroll.module.ts":
/*!*********************************************************!*\
!*** ./src/app/virtual-scroll/virtual-scroll.module.ts ***!
\*********************************************************/
/*! exports provided: VirtualScrollPageModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VirtualScrollPageModule", function() { return VirtualScrollPageModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ionic/angular */ "./node_modules/@ionic/angular/dist/index.js");
/* harmony import */ var _virtual_scroll_page__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./virtual-scroll.page */ "./src/app/virtual-scroll/virtual-scroll.page.ts");
/* harmony import */ var _projects_ionic_image_loader_src_lib_ionic_image_loader_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../projects/ionic-image-loader/src/lib/ionic-image-loader.module */ "./projects/ionic-image-loader/src/lib/ionic-image-loader.module.ts");
var __decorate = (undefined && undefined.__decorate) || function (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;
};
var routes = [
{
path: '',
component: _virtual_scroll_page__WEBPACK_IMPORTED_MODULE_5__["VirtualScrollPage"]
}
];
var VirtualScrollPageModule = /** @class */ (function () {
function VirtualScrollPageModule() {
}
VirtualScrollPageModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
imports: [
_angular_common__WEBPACK_IMPORTED_MODULE_1__["CommonModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormsModule"],
_ionic_angular__WEBPACK_IMPORTED_MODULE_4__["IonicModule"],
_projects_ionic_image_loader_src_lib_ionic_image_loader_module__WEBPACK_IMPORTED_MODULE_6__["IonicImageLoader"],
_angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterModule"].forChild(routes)
],
declarations: [_virtual_scroll_page__WEBPACK_IMPORTED_MODULE_5__["VirtualScrollPage"]]
})
], VirtualScrollPageModule);
return VirtualScrollPageModule;
}());
/***/ }),
/***/ "./src/app/virtual-scroll/virtual-scroll.page.html":
/*!*********************************************************!*\
!*** ./src/app/virtual-scroll/virtual-scroll.page.html ***!
\*********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "<ion-header>\n\n <ion-toolbar>\n <ion-title>Virtual Scroll</ion-title>\n </ion-toolbar>\n</ion-header>\n\n\n<ion-content padding>\n <ion-virtual-scroll [items]=\"images\" [approxItemHeight]=\"'70px'\">\n <button ion-item *virtualItem=\"let image\" text-wrap>\n <ion-avatar item-left>\n <img-loader [src]=\"image\" useImg [spinner]=\"false\"></img-loader>\n </ion-avatar>\n <h2>Something here</h2>\n <p>More stuff here</p>\n <ion-avatar item-right>\n <img [src]=\"image\" alt=\"\">\n </ion-avatar>\n </button>\n </ion-virtual-scroll>\n</ion-content>"
/***/ }),
/***/ "./src/app/virtual-scroll/virtual-scroll.page.scss":
/*!*********************************************************!*\
!*** ./src/app/virtual-scroll/virtual-scroll.page.scss ***!
\*********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/***/ "./src/app/virtual-scroll/virtual-scroll.page.ts":
/*!*******************************************************!*\
!*** ./src/app/virtual-scroll/virtual-scroll.page.ts ***!
\*******************************************************/
/*! exports provided: VirtualScrollPage */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VirtualScrollPage", function() { return VirtualScrollPage; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (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;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var VirtualScrollPage = /** @class */ (function () {
function VirtualScrollPage() {
// images taken from pexels.com
this.images = [
'https://images.pexels.com/photos/27986/pexels-photo-27986.jpg?h=350&auto=compress&cs=tinysrgb',
'https://images.pexels.com/photos/115010/tulips-red-red-tulips-garden-115010.jpeg?h=350&auto=compress&cs=tinysrgb',
'https://images.pexels.com/photos/206393/pexels-photo-206393.jpeg?h=350&auto=compress&cs=tinysrgb',
'https://images.pexels.com/photos/316591/pexels-photo-316591.jpeg?h=350&auto=compress&cs=tinysrgb',
'https://images.pexels.com/photos/274060/pexels-photo-274060.jpeg?h=350&auto=compress&cs=tinysrgb',
'https://images.pexels.com/photos/126345/pexels-photo-126345.jpeg?h=350&auto=compress&cs=tinysrgb',
'https://images.pexels.com/photos/52977/coffee-coffee-maker-restaurant-cafe-52977.jpeg?h=350&auto=compress&cs=tinysrgb'
];
}
VirtualScrollPage.prototype.ngOnInit = function () {
};
VirtualScrollPage = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: 'app-virtual-scroll',
template: __webpack_require__(/*! ./virtual-scroll.page.html */ "./src/app/virtual-scroll/virtual-scroll.page.html"),
styles: [__webpack_require__(/*! ./virtual-scroll.page.scss */ "./src/app/virtual-scroll/virtual-scroll.page.scss")],
}),
__metadata("design:paramtypes", [])
], VirtualScrollPage);
return VirtualScrollPage;
}());
/***/ })
}]);
//# sourceMappingURL=virtual-scroll-virtual-scroll-module.js.map