UNPKG

@bsj/angular-image-picker

Version:
62 lines 16.6 kB
"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