@bsj/angular-image-picker
Version:
Angular image picker
62 lines • 16.6 kB
JavaScript
"use strict";
/**
* @fileoverview This file is generated by the Angular template compiler.
* Do not edit.
* @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride}
* tslint:disable
*/
Object.defineProperty(exports, "__esModule", { value: true });
var i0 = require("@angular/core");
var i1 = require("@angular/common");
var i2 = require("./angular-image-picker-image/angular-image-picker-image.component.ngfactory");
var i3 = require("./angular-image-picker-image/angular-image-picker-image.component");
var i4 = require("@angular/forms");
var i5 = require("../node_modules/@angular/material/button/typings/index.ngfactory");
var i6 = require("@angular/material/button");
var i7 = require("@angular/cdk/platform");
var i8 = require("@angular/cdk/a11y");
var i9 = require("../node_modules/@angular/material/icon/typings/index.ngfactory");
var i10 = require("@angular/material/icon");
var i11 = require("./angular-image-picker.component");
var styles_AngularImagePickerComponent = [".image-picker-wrapper[_ngcontent-%COMP%]{padding:16px 0}.image-picker-wrapper[_ngcontent-%COMP%] .click[_ngcontent-%COMP%]{cursor:pointer}.image-picker-wrapper[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{max-width:100%;max-height:100%;display:block;margin:auto;margin-bottom:16px}.image-picker-wrapper[_ngcontent-%COMP%] .multiple-images-container[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.image-picker-wrapper[_ngcontent-%COMP%] .multiple-images-container[_ngcontent-%COMP%] .multiple-images-image[_ngcontent-%COMP%]{flex:1 auto;max-width:48%}.image-picker-wrapper[_ngcontent-%COMP%] .multiple-images-container[_ngcontent-%COMP%] .multiple-images-image[_ngcontent-%COMP%]:first-of-type{max-width:100%}.image-picker-wrapper[_ngcontent-%COMP%] .multiple-images-container[_ngcontent-%COMP%] .multiple-images-image[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%}"];
var RenderType_AngularImagePickerComponent = i0.ɵcrt({ encapsulation: 0, styles: styles_AngularImagePickerComponent, data: {} });
exports.RenderType_AngularImagePickerComponent = RenderType_AngularImagePickerComponent;
function View_AngularImagePickerComponent_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "div", [["class", "multiple-images-image"]], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(2, 0, null, null, 0, "img", [], [[8, "src", 4]], null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "]))], null, function (_ck, _v) { var currVal_0 = _v.context.$implicit; _ck(_v, 2, 0, currVal_0); }); }
function View_AngularImagePickerComponent_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "div", [["class", "multiple-images-container"]], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_3)), i0.ɵdid(3, 802816, null, 0, i1.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵted(-1, null, [" "]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.initialModelImages; _ck(_v, 3, 0, currVal_0); }, null); }
function View_AngularImagePickerComponent_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "div", [], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(2, 0, null, null, 0, "img", [], [[8, "src", 4]], null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.initialModelImages; _ck(_v, 2, 0, currVal_0); }); }
function View_AngularImagePickerComponent_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 11, "div", [], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(2, 0, null, null, 8, "div", [["class", "click"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
var pd_0 = ((_co.changeImageMode = true) !== false);
ad = (pd_0 && ad);
} return ad; }, null, null)), i0.ɵdid(3, 16384, null, 0, i1.NgSwitch, [], { ngSwitch: [0, "ngSwitch"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_2)), i0.ɵdid(6, 278528, null, 0, i1.NgSwitchCase, [i0.ViewContainerRef, i0.TemplateRef, i1.NgSwitch], { ngSwitchCase: [0, "ngSwitchCase"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_4)), i0.ɵdid(9, 278528, null, 0, i1.NgSwitchCase, [i0.ViewContainerRef, i0.TemplateRef, i1.NgSwitch], { ngSwitchCase: [0, "ngSwitchCase"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵted(-1, null, [" "]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.multiple ? true : false); _ck(_v, 3, 0, currVal_0); var currVal_1 = true; _ck(_v, 6, 0, currVal_1); var currVal_2 = false; _ck(_v, 9, 0, currVal_2); }, null); }
function View_AngularImagePickerComponent_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "div", [["class", "tzd-image-picker-image"]], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(2, 0, null, null, 1, "tzd-image-picker-image", [["maxHeight", "1080"], ["maxWidth", "1080"]], null, null, null, i2.View_AngularImagePickerImageComponent_0, i2.RenderType_AngularImagePickerImageComponent)), i0.ɵdid(3, 114688, [[2, 4]], 0, i3.AngularImagePickerImageComponent, [i4.FormBuilder], { maxWidth: [0, "maxWidth"], maxHeight: [1, "maxHeight"], debug: [2, "debug"], _file: [3, "_file"] }, null), (_l()(), i0.ɵted(-1, null, [" "]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = "1080"; var currVal_1 = "1080"; var currVal_2 = _co.debug; var currVal_3 = _v.context.$implicit; _ck(_v, 3, 0, currVal_0, currVal_1, currVal_2, currVal_3); }, null); }
function View_AngularImagePickerComponent_6(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 13, "div", [], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(2, 0, null, null, 7, "button", [["class", "mat-mini-fab"], ["color", "default"], ["mat-mini-fab", ""], ["type", "button"]], [[8, "disabled", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
var pd_0 = (_co.onClose() !== false);
ad = (pd_0 && ad);
} return ad; }, i5.View_MatButton_0, i5.RenderType_MatButton)), i0.ɵdid(3, 180224, null, 0, i6.MatButton, [i0.ElementRef, i7.Platform, i8.FocusMonitor], { color: [0, "color"] }, null), i0.ɵdid(4, 16384, null, 0, i6.MatMiniFab, [[2, i6.MatButton], [8, null]], null, null), (_l()(), i0.ɵted(-1, 0, [" "])), (_l()(), i0.ɵeld(6, 0, null, 0, 2, "mat-icon", [["class", "mat-icon"], ["role", "img"]], null, null, null, i9.View_MatIcon_0, i9.RenderType_MatIcon)), i0.ɵdid(7, 638976, null, 0, i10.MatIcon, [i0.ElementRef, i10.MatIconRegistry, [8, null]], null, null), (_l()(), i0.ɵted(-1, 0, ["close"])), (_l()(), i0.ɵted(-1, 0, [" "])), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_7)), i0.ɵdid(12, 802816, null, 0, i1.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵted(-1, null, [" "]))], function (_ck, _v) { var _co = _v.component; var currVal_1 = "default"; _ck(_v, 3, 0, currVal_1); _ck(_v, 7, 0); var currVal_2 = _co.files; _ck(_v, 12, 0, currVal_2); }, function (_ck, _v) { var currVal_0 = (i0.ɵnov(_v, 3).disabled || null); _ck(_v, 2, 0, currVal_0); }); }
function View_AngularImagePickerComponent_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "p", [], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, ["Select one or more images"]))], null, null); }
function View_AngularImagePickerComponent_10(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "p", [], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, ["Select one image"]))], null, null); }
function View_AngularImagePickerComponent_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 29, "div", [["class", "text-center"]], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(2, 0, null, null, 7, "button", [["class", "mat-mini-fab"], ["color", "accent"], ["mat-mini-fab", ""], ["type", "button"]], [[8, "disabled", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; if (("click" === en)) {
i0.ɵnov(_v.parent, 10).click();
var pd_0 = ($event.stopPropagation() !== false);
ad = (pd_0 && ad);
} return ad; }, i5.View_MatButton_0, i5.RenderType_MatButton)), i0.ɵdid(3, 180224, null, 0, i6.MatButton, [i0.ElementRef, i7.Platform, i8.FocusMonitor], { color: [0, "color"] }, null), i0.ɵdid(4, 16384, null, 0, i6.MatMiniFab, [[2, i6.MatButton], [8, null]], null, null), (_l()(), i0.ɵted(-1, 0, [" "])), (_l()(), i0.ɵeld(6, 0, null, 0, 2, "mat-icon", [["class", "mat-icon"], ["role", "img"]], null, null, null, i9.View_MatIcon_0, i9.RenderType_MatIcon)), i0.ɵdid(7, 638976, null, 0, i10.MatIcon, [i0.ElementRef, i10.MatIconRegistry, [8, null]], null, null), (_l()(), i0.ɵted(-1, 0, ["add"])), (_l()(), i0.ɵted(-1, 0, [" "])), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(11, 0, null, null, 7, "button", [["class", "mat-mini-fab"], ["color", "default"], ["mat-mini-fab", ""], ["type", "button"]], [[8, "disabled", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
var pd_0 = (_co.onClose() !== false);
ad = (pd_0 && ad);
} return ad; }, i5.View_MatButton_0, i5.RenderType_MatButton)), i0.ɵdid(12, 180224, null, 0, i6.MatButton, [i0.ElementRef, i7.Platform, i8.FocusMonitor], { color: [0, "color"] }, null), i0.ɵdid(13, 16384, null, 0, i6.MatMiniFab, [[2, i6.MatButton], [8, null]], null, null), (_l()(), i0.ɵted(-1, 0, [" "])), (_l()(), i0.ɵeld(15, 0, null, 0, 2, "mat-icon", [["class", "mat-icon"], ["role", "img"]], null, null, null, i9.View_MatIcon_0, i9.RenderType_MatIcon)), i0.ɵdid(16, 638976, null, 0, i10.MatIcon, [i0.ElementRef, i10.MatIconRegistry, [8, null]], null, null), (_l()(), i0.ɵted(-1, 0, ["close"])), (_l()(), i0.ɵted(-1, 0, [" "])), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(20, 0, null, null, 8, "div", [], null, null, null, null, null)), i0.ɵdid(21, 16384, null, 0, i1.NgSwitch, [], { ngSwitch: [0, "ngSwitch"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_9)), i0.ɵdid(24, 278528, null, 0, i1.NgSwitchCase, [i0.ViewContainerRef, i0.TemplateRef, i1.NgSwitch], { ngSwitchCase: [0, "ngSwitchCase"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_10)), i0.ɵdid(27, 278528, null, 0, i1.NgSwitchCase, [i0.ViewContainerRef, i0.TemplateRef, i1.NgSwitch], { ngSwitchCase: [0, "ngSwitchCase"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵted(-1, null, [" "]))], function (_ck, _v) { var _co = _v.component; var currVal_1 = "accent"; _ck(_v, 3, 0, currVal_1); _ck(_v, 7, 0); var currVal_3 = "default"; _ck(_v, 12, 0, currVal_3); _ck(_v, 16, 0); var currVal_4 = (_co.multiple ? true : false); _ck(_v, 21, 0, currVal_4); var currVal_5 = true; _ck(_v, 24, 0, currVal_5); var currVal_6 = false; _ck(_v, 27, 0, currVal_6); }, function (_ck, _v) { var currVal_0 = (i0.ɵnov(_v, 3).disabled || null); _ck(_v, 2, 0, currVal_0); var currVal_2 = (i0.ɵnov(_v, 12).disabled || null); _ck(_v, 11, 0, currVal_2); }); }
function View_AngularImagePickerComponent_5(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_6)), i0.ɵdid(2, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(4, 0, null, null, 7, "form", [["enctype", "multipart/form-data"], ["novalidate", ""], ["role", "form"]], [[2, "ng-untouched", null], [2, "ng-touched", null], [2, "ng-pristine", null], [2, "ng-dirty", null], [2, "ng-valid", null], [2, "ng-invalid", null], [2, "ng-pending", null]], [[null, "submit"], [null, "reset"]], function (_v, en, $event) { var ad = true; if (("submit" === en)) {
var pd_0 = (i0.ɵnov(_v, 6).onSubmit($event) !== false);
ad = (pd_0 && ad);
} if (("reset" === en)) {
var pd_1 = (i0.ɵnov(_v, 6).onReset() !== false);
ad = (pd_1 && ad);
} return ad; }, null, null)), i0.ɵdid(5, 16384, null, 0, i4.ɵbf, [], null, null), i0.ɵdid(6, 4210688, null, 0, i4.NgForm, [[8, null], [8, null]], null, null), i0.ɵprd(2048, null, i4.ControlContainer, null, [i4.NgForm]), i0.ɵdid(8, 16384, null, 0, i4.NgControlStatusGroup, [i4.ControlContainer], null, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵeld(10, 0, [[1, 0], ["fileUpload", 1]], null, 0, "input", [["hidden", "true"], ["id", "files"], ["name", "files"], ["type", "file"]], [[8, "multiple", 0]], [[null, "change"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("change" === en)) {
var pd_0 = (_co.updateFilesToLoad($event) !== false);
ad = (pd_0 && ad);
} return ad; }, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_8)), i0.ɵdid(14, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵted(-1, null, [" "]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.files; _ck(_v, 2, 0, currVal_0); var currVal_9 = !_co.files; _ck(_v, 14, 0, currVal_9); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = i0.ɵnov(_v, 8).ngClassUntouched; var currVal_2 = i0.ɵnov(_v, 8).ngClassTouched; var currVal_3 = i0.ɵnov(_v, 8).ngClassPristine; var currVal_4 = i0.ɵnov(_v, 8).ngClassDirty; var currVal_5 = i0.ɵnov(_v, 8).ngClassValid; var currVal_6 = i0.ɵnov(_v, 8).ngClassInvalid; var currVal_7 = i0.ɵnov(_v, 8).ngClassPending; _ck(_v, 4, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); var currVal_8 = _co.multiple; _ck(_v, 10, 0, currVal_8); }); }
function View_AngularImagePickerComponent_0(_l) { return i0.ɵvid(0, [i0.ɵqud(671088640, 1, { fileUpload: 0 }), i0.ɵqud(671088640, 2, { manipulatedImages: 1 }), (_l()(), i0.ɵeld(2, 0, null, null, 6, "div", [["class", "image-picker-wrapper"]], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_AngularImagePickerComponent_1)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"], ngIfElse: [1, "ngIfElse"] }, null), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵand(0, [["pickImages", 2]], null, 0, null, View_AngularImagePickerComponent_5)), (_l()(), i0.ɵted(-1, null, [" "])), (_l()(), i0.ɵted(-1, null, [" "]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.initialModelImages && !_co.changeImageMode); var currVal_1 = i0.ɵnov(_v, 7); _ck(_v, 5, 0, currVal_0, currVal_1); }, null); }
exports.View_AngularImagePickerComponent_0 = View_AngularImagePickerComponent_0;
function View_AngularImagePickerComponent_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "tzd-angular-image-picker", [], null, null, null, View_AngularImagePickerComponent_0, RenderType_AngularImagePickerComponent)), i0.ɵprd(5120, null, i4.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i11.AngularImagePickerComponent]), i0.ɵdid(2, 114688, null, 0, i11.AngularImagePickerComponent, [], null, null)], function (_ck, _v) { _ck(_v, 2, 0); }, null); }
exports.View_AngularImagePickerComponent_Host_0 = View_AngularImagePickerComponent_Host_0;
var AngularImagePickerComponentNgFactory = i0.ɵccf("tzd-angular-image-picker", i11.AngularImagePickerComponent, View_AngularImagePickerComponent_Host_0, { debug: "debug", multiple: "multiple", type: "type" }, { close: "close" }, []);
exports.AngularImagePickerComponentNgFactory = AngularImagePickerComponentNgFactory;
//# sourceMappingURL=angular-image-picker.component.ngfactory.js.map