/** * @fileoverview This file is generated by the Angular template compiler. * Do not edit. * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride} */ /* tslint:disable */ import * as i0 from '@angular/core'; import * as i1 from '@angular/common'; import * as i2 from './image-upload.component'; import * as i3 from '@angular/forms'; import * as i4 from '@angular/platform-browser'; import * as i5 from 'gp-admin-abstract/dist/src/services/helper.service'; const styles_ImageUploadComponent:any[] = ['@charset "UTF-8";\n\n[_ngcontent-%COMP%]:root {\n --color-white: white;\n --color-success: #00afec;\n --color-warning: #ffb827;\n --color-error: #f35252;\n --color-disabled: #dbdbdb;\n --color-black: black;\n --color-span: #b5b5b5;\n --color-span-second: #212121;\n --color-bg: #f8f8f8;\n --color-bg-second: #f8f8f8;\n --color-bg-success: rgba(0, 175, 236, 0.1);\n --color-bg-warning: var(--color-warning);\n --color-bg-error: var(--color-error);\n --color-placeholder: #b5b5b5;\n --color-border: #dbdbdb;\n --color-radio-border: #d3d3d3;\n --font-roboto: \'Roboto\', sans-serif;\n --font-helvetica: \'Helvetica\', sans-serif; }\n\n\n\n.img-uploader[_ngcontent-%COMP%] {\n font-family: "Roboto", sans-serif;\n margin-top: .8rem;\n margin-bottom: .8rem; }\n .img-uploader--loaded[_ngcontent-%COMP%] .img-uploader__label[_ngcontent-%COMP%]:hover {\n cursor: default;\n opacity: 1; }\n .img-uploader--error[_ngcontent-%COMP%] .img-uploader__default[_ngcontent-%COMP%] {\n background-image: url("/assets/img/camera--error.svg");\n border-color: #f35252; }\n .img-uploader--disabled[_ngcontent-%COMP%] .img-uploader__default[_ngcontent-%COMP%] {\n background-image: url("/assets/img/camera--disabled.svg");\n border-color: #b5b5b5; }\n .img-uploader__label[_ngcontent-%COMP%] {\n display: block;\n cursor: pointer; }\n .img-uploader__label[_ngcontent-%COMP%]:hover {\n opacity: 0.5; }\n .img-uploader__input[_ngcontent-%COMP%] {\n display: none; }\n .img-uploader__title[_ngcontent-%COMP%], .img-uploader__description[_ngcontent-%COMP%] {\n font: 500 1.4rem/1.6rem "Roboto", sans-serif;\n letter-spacing: .03rem;\n margin-bottom: .3rem;\n width: 100%; }\n .img-uploader__title[_ngcontent-%COMP%] {\n color: #00afec; }\n .img-uploader__description[_ngcontent-%COMP%] {\n color: #b5b5b5; }\n .img-uploader__info[_ngcontent-%COMP%] {\n align-content: center;\n margin-left: 1.6rem; }\n .img-uploader__default[_ngcontent-%COMP%] {\n background-image: url("/assets/img/camera.svg");\n background-position: center center;\n background-repeat: no-repeat;\n border: 0.2rem dotted #00afec;\n border-radius: .3rem;\n width: 6rem;\n height: 6rem; }\n .img-uploader__img[_ngcontent-%COMP%] {\n background-color: #ccc;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n border-radius: .3rem;\n width: 6rem;\n height: 6rem;\n position: relative;\n margin-right: 1.6rem; }\n .img-uploader__delete[_ngcontent-%COMP%] {\n background-color: rgba(255, 255, 255, 0.8);\n width: 2.5rem;\n height: 2.5rem;\n position: absolute;\n top: 0;\n right: 0;\n border-radius: 0 0 0 3rem;\n cursor: pointer; }\n .img-uploader__delete[_ngcontent-%COMP%]:before, .img-uploader__delete[_ngcontent-%COMP%]:after {\n content: "";\n display: block;\n width: .2rem;\n height: 1rem;\n background-color: #f35252;\n position: absolute; }\n .img-uploader__delete[_ngcontent-%COMP%]:before {\n -moz-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n -o-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n -ms-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n -webkit-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n transform: translate(1.5rem, 0.5rem) rotate(45deg); }\n .img-uploader__delete[_ngcontent-%COMP%]:after {\n -moz-transform: translate(15px, 5px) rotate(-45deg);\n -o-transform: translate(15px, 5px) rotate(-45deg);\n -ms-transform: translate(15px, 5px) rotate(-45deg);\n -webkit-transform: translate(15px, 5px) rotate(-45deg);\n transform: translate(15px, 5px) rotate(-45deg); }\n .img-uploader__delete[_ngcontent-%COMP%]:hover {\n background-color: white; }']; export const RenderType_ImageUploadComponent:i0.RendererType2 = i0.ɵcrt({encapsulation:0, styles:styles_ImageUploadComponent,data:{}}); function View_ImageUploadComponent_2(_l:any):i0.ɵViewDefinition { return i0.ɵvid(0,[(_l()(),i0.ɵeld(0,0,(null as any),(null as any),0,'div',[['class', 'img-uploader__default']],(null as any),(null as any),(null as any),(null as any), (null as any)))],(null as any),(null as any)); } function View_ImageUploadComponent_3(_l:any):i0.ɵViewDefinition { return i0.ɵvid(0,[(_l()(),i0.ɵeld(0,0,(null as any),(null as any),3,'div',[['class', 'img-uploader__img']],[[4,'background-image',(null as any)]],(null as any),(null as any), (null as any),(null as any))),(_l()(),i0.ɵted(-1,(null as any),['\n '])), (_l()(),i0.ɵeld(2,0,(null as any),(null as any),0,'div',[['class','img-uploader__delete']], (null as any),[[(null as any),'click']],(_v,en,$event) => { var ad:boolean = true; var _co:any = _v.component; if (('click' === en)) { const pd_0:any = ((_co.deleteLoadedImage($event,(_v.parent).context.index)) !== false); ad = (pd_0 && ad); } return ad; },(null as any),(null as any))),(_l()(),i0.ɵted(-1,(null as any),['\n ']))], (null as any),(_ck,_v) => { var _co:any = _v.component; const currVal_0:any = _co.imageSrc((_v.parent).context.index); _ck(_v,0,0,currVal_0); }); } function View_ImageUploadComponent_1(_l:any):i0.ɵViewDefinition { return i0.ɵvid(0,[(_l()(),i0.ɵeld(0,0,(null as any),(null as any),17,'div',[['class', 'img-uploader flex flex--content-center flex--align-center']],(null as any), (null as any),(null as any),(null as any),(null as any))),i0.ɵdid(1,278528,(null as any), 0,i1.NgClass,[i0.IterableDiffers,i0.KeyValueDiffers,i0.ElementRef,i0.Renderer], {klass:[0,'klass'],ngClass:[1,'ngClass']},(null as any)),i0.ɵpod(2,{'img-uploader--loaded':0, 'img-uploader--error':1,'img-uploader--disabled':2}),(_l()(),i0.ɵted(-1,(null as any), ['\n\n '])),(_l()(),i0.ɵeld(4,0,(null as any),(null as any),12,'label',[['class', 'img-uploader__label flex flex--align-center']],(null as any),(null as any), (null as any),(null as any),(null as any))),(_l()(),i0.ɵted(-1,(null as any), ['\n\n '])),(_l()(),i0.ɵeld(6,0,(null as any),(null as any),0,'input',[['class', 'img-uploader__input'],['type','file']],[[8,'name',0],[8,'id',0],[8,'accept', 0]],[[(null as any),'click'],[(null as any),'change']],(_v,en,$event) => { var ad:boolean = true; var _co:any = _v.component; if (('click' === en)) { const pd_0:any = ((_co.onClick($event,_v.context.index)) !== false); ad = (pd_0 && ad); } if (('change' === en)) { const pd_1:any = ((_co.onChange($event,_v.context.index)) !== false); ad = (pd_1 && ad); } return ad; },(null as any),(null as any))),(_l()(),i0.ɵted(-1,(null as any),['\n\n '])), (_l()(),i0.ɵeld(8,0,(null as any),(null as any),7,'div',[['class','img-uploader__wrapper flex flex--content-center flex--align-center pr border-radius--all']], (null as any),(null as any),(null as any),(null as any),(null as any))), (_l()(),i0.ɵted(-1,(null as any),['\n\n '])),(_l()(),i0.ɵand(16777216, (null as any),(null as any),1,(null as any),View_ImageUploadComponent_2)), i0.ɵdid(11,16384,(null as any),0,i1.NgIf,[i0.ViewContainerRef,i0.TemplateRef], {ngIf:[0,'ngIf']},(null as any)),(_l()(),i0.ɵted(-1,(null as any),['\n\n '])), (_l()(),i0.ɵand(16777216,(null as any),(null as any),1,(null as any),View_ImageUploadComponent_3)), i0.ɵdid(14,16384,(null as any),0,i1.NgIf,[i0.ViewContainerRef,i0.TemplateRef], {ngIf:[0,'ngIf']},(null as any)),(_l()(),i0.ɵted(-1,(null as any),['\n\n '])), (_l()(),i0.ɵted(-1,(null as any),['\n\n '])),(_l()(),i0.ɵted(-1,(null as any), ['\n\n ']))],(_ck,_v) => { var _co:any = _v.component; const currVal_0:any = 'img-uploader flex flex--content-center flex--align-center'; const currVal_1:any = _ck(_v,2,0,_v.context.$implicit.isLoaded,!!_v.context.$implicit.error, _co.disabled); _ck(_v,1,0,currVal_0,currVal_1); const currVal_5:boolean = !_v.context.$implicit.isLoaded; _ck(_v,11,0,currVal_5); const currVal_6:any = _v.context.$implicit.isLoaded; _ck(_v,14,0,currVal_6); },(_ck,_v) => { var _co:any = _v.component; const currVal_2:any = i0.ɵinlineInterpolate(1,'upload_',_v.context.index,''); const currVal_3:any = i0.ɵinlineInterpolate(1,'upload_',_v.context.index,''); const currVal_4:any = i0.ɵinlineInterpolate(1,'',_co.acceptMimeTypes,''); _ck(_v,6,0,currVal_2,currVal_3,currVal_4); }); } export function View_ImageUploadComponent_0(_l:any):i0.ɵViewDefinition { return i0.ɵvid(0,[(_l()(),i0.ɵted(-1,(null as any),['\n'])),(_l()(),i0.ɵeld(1,0, (null as any),(null as any),8,'div',[['class','flex']],(null as any),(null as any), (null as any),(null as any),(null as any))),(_l()(),i0.ɵted(-1,(null as any), ['\n\n '])),(_l()(),i0.ɵand(16777216,(null as any),(null as any),1,(null as any), View_ImageUploadComponent_1)),i0.ɵdid(4,802816,(null as any),0,i1.NgForOf,[i0.ViewContainerRef, i0.TemplateRef,i0.IterableDiffers],{ngForOf:[0,'ngForOf']},(null as any)),(_l()(), i0.ɵted(-1,(null as any),['\n\n '])),(_l()(),i0.ɵted(-1,(null as any),['\n '])), (_l()(),i0.ɵted(-1,(null as any),['\n '])),(_l()(),i0.ɵted(-1,(null as any), ['\n '])),(_l()(),i0.ɵted(-1,(null as any),['\n\n'])),(_l()(),i0.ɵted(-1, (null as any),['\n']))],(_ck,_v) => { var _co:i2.ImageUploadComponent = _v.component; const currVal_0:any = _co.internalImages; _ck(_v,4,0,currVal_0); },(null as any)); } export function View_ImageUploadComponent_Host_0(_l:any):i0.ɵViewDefinition { return i0.ɵvid(0,[(_l()(),i0.ɵeld(0,0,(null as any),(null as any),2,'gp-image-upload', ([] as any[]),(null as any),(null as any),(null as any),View_ImageUploadComponent_0, RenderType_ImageUploadComponent)),i0.ɵprd(5120,(null as any),i3.NG_VALUE_ACCESSOR, (p0_0:any) => { return [p0_0]; },[i2.ImageUploadComponent]),i0.ɵdid(2,114688,(null as any),0,i2.ImageUploadComponent, [i4.DomSanitizer,i5.HelperService],(null as any),(null as any))],(_ck,_v) => { _ck(_v,2,0); },(null as any)); } export const ImageUploadComponentNgFactory:i0.ComponentFactory = i0.ɵccf('gp-image-upload', i2.ImageUploadComponent,View_ImageUploadComponent_Host_0,{title:'title',description:'description', maxCountFiles:'maxCountFiles',mimeTypes:'mimeTypes',maxSize:'maxSize',error:'error', disabled:'disabled',imageUrlPrefix:'imageUrlPrefix'},{},([] as any[])); //# sourceMappingURL=data:application/json;base64,eyJmaWxlIjoiL1VzZXJzL2FsZXhpcy93b3Jrc3BhY2UvZ3JlZW5waWUvZ3AtYWRtaW4tdXgvLmJ1aWxkL3NyYy9jb21wb25lbnRzL2ltYWdlLXVwbG9hZC9pbWFnZS11cGxvYWQuY29tcG9uZW50Lm5nZmFjdG9yeS50cyIsInZlcnNpb24iOjMsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIm5nOi8vL1VzZXJzL2FsZXhpcy93b3Jrc3BhY2UvZ3JlZW5waWUvZ3AtYWRtaW4tdXgvLmJ1aWxkL3NyYy9jb21wb25lbnRzL2ltYWdlLXVwbG9hZC9pbWFnZS11cGxvYWQuY29tcG9uZW50LnRzIiwibmc6Ly8vVXNlcnMvYWxleGlzL3dvcmtzcGFjZS9ncmVlbnBpZS9ncC1hZG1pbi11eC8uYnVpbGQvc3JjL2NvbXBvbmVudHMvaW1hZ2UtdXBsb2FkL2ltYWdlLXVwbG9hZC5jb21wb25lbnQudHMuSW1hZ2VVcGxvYWRDb21wb25lbnQuaHRtbCIsIm5nOi8vL1VzZXJzL2FsZXhpcy93b3Jrc3BhY2UvZ3JlZW5waWUvZ3AtYWRtaW4tdXgvLmJ1aWxkL3NyYy9jb21wb25lbnRzL2ltYWdlLXVwbG9hZC9pbWFnZS11cGxvYWQuY29tcG9uZW50LnRzLkltYWdlVXBsb2FkQ29tcG9uZW50X0hvc3QuaHRtbCJdLCJzb3VyY2VzQ29udGVudCI6WyIgIiwiXG48ZGl2IGNsYXNzPVwiZmxleFwiPlxuXG4gIDxkaXZcbiAgICBjbGFzcz1cImltZy11cGxvYWRlciBmbGV4IGZsZXgtLWNvbnRlbnQtY2VudGVyIGZsZXgtLWFsaWduLWNlbnRlclwiXG4gICAgKm5nRm9yPVwibGV0IG1vZGVsIG9mIGludGVybmFsSW1hZ2VzOyBsZXQgaSA9IGluZGV4O1wiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2ltZy11cGxvYWRlci0tbG9hZGVkJzogbW9kZWwuaXNMb2FkZWQsXG4gICAgICAnaW1nLXVwbG9hZGVyLS1lcnJvcic6ICEhbW9kZWwuZXJyb3IsXG4gICAgICAnaW1nLXVwbG9hZGVyLS1kaXNhYmxlZCc6IGRpc2FibGVkXG4gICAgICB9XCI+XG5cbiAgICA8bGFiZWwgY2xhc3M9XCJpbWctdXBsb2FkZXJfX2xhYmVsIGZsZXggZmxleC0tYWxpZ24tY2VudGVyXCI+XG5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgIG5hbWU9XCJ1cGxvYWRfe3tpfX1cIlxuICAgICAgICBjbGFzcz1cImltZy11cGxvYWRlcl9faW5wdXRcIlxuICAgICAgICBpZD1cInVwbG9hZF97e2l9fVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudCwgaSlcIlxuICAgICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudCwgaSlcIlxuICAgICAgICBhY2NlcHQ9XCJ7e2FjY2VwdE1pbWVUeXBlc319XCJcbiAgICAgID5cblxuICAgICAgPGRpdiBjbGFzcz1cImltZy11cGxvYWRlcl9fd3JhcHBlciBmbGV4IGZsZXgtLWNvbnRlbnQtY2VudGVyIGZsZXgtLWFsaWduLWNlbnRlciBwciBib3JkZXItcmFkaXVzLS1hbGxcIj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLXVwbG9hZGVyX19kZWZhdWx0XCIgKm5nSWY9XCIhbW9kZWwuaXNMb2FkZWRcIj48L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLXVwbG9hZGVyX19pbWdcIiAqbmdJZj1cIm1vZGVsLmlzTG9hZGVkXCIgW3N0eWxlLmJhY2tncm91bmQtaW1hZ2VdPVwiaW1hZ2VTcmMoaSlcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLXVwbG9hZGVyX19kZWxldGVcIiAoY2xpY2spPVwiZGVsZXRlTG9hZGVkSW1hZ2UoJGV2ZW50LCBpKVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgPC9kaXY+XG5cbiAgICA8L2xhYmVsPlxuXG4gIDwvZGl2PlxuXG4gIDwhLS08ZGl2IGNsYXNzPVwiaW1nLXVwbG9hZGVyX19pbmZvIGZsZXggZmxleCYjNDU7JiM0NTthbGlnbi1jZW50ZXJcIj4tLT5cbiAgICA8IS0tPGRpdiBjbGFzcz1cImltZy11cGxvYWRlcl9fdGl0bGVcIiAqbmdJZj1cInRpdGxlICE9PSAnJ1wiPnt7dGl0bGV9fTwvZGl2Pi0tPlxuICAgIDwhLS08ZGl2IGNsYXNzPVwiaW1nLXVwbG9hZGVyX19kZXNjcmlwdGlvblwiICpuZ0lmPVwiZGVzY3JpcHRpb24gIT09ICcnXCI+e3tkZXNjcmlwdGlvbn19PC9kaXY+LS0+XG4gIDwhLS08L2Rpdj4tLT5cblxuPC9kaXY+XG4iLCI8Z3AtaW1hZ2UtdXBsb2FkPjwvZ3AtaW1hZ2UtdXBsb2FkPiJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7OztvQkMwQlE7TUFBQTtNQUFBOzs7b0JBRUE7TUFBQTtNQUFBLDhCQUE2RjtNQUMzRjtVQUFBO1lBQUE7WUFBQTtZQUFrQztjQUFBO2NBQUE7WUFBQTtZQUFsQztVQUFBLGdDQUErRTs7O1FBRDNCO1FBQXRELFdBQXNELFNBQXREOzs7O29CQXpCTjtNQUFBO01BQUEsaUVBQUE7TUFBQTtNQUFBLGdFQUdFO01BQUEscURBSUs7TUFBQSxlQUVMO01BQUE7TUFBQSw0Q0FBMkQ7TUFBQSxpQkFFekQ7TUFBQTtNQUFBO0lBQUE7SUFBQTtJQUtFO01BQUE7TUFBQTtJQUFBO0lBQ0E7TUFBQTtNQUFBO0lBQUE7SUFORjtFQUFBLGdDQVFDO01BRUQ7VUFBQTtNQUFzRyxvREFFcEc7VUFBQTthQUFBO1VBQUEsaUNBQWlFO01BRWpFO2FBQUE7VUFBQSxpQ0FFTTtNQUVGLGdEQUVBO1VBQUE7O0lBOUJSO0lBRUE7UUFBQTtJQUhGLFdBQ0UsVUFFQSxTQUhGO0lBdUJ5QztJQUFuQyxZQUFtQyxTQUFuQztJQUUrQjtJQUEvQixZQUErQixTQUEvQjs7O0lBWkE7SUFFQTtJQUdBO0lBUEYsV0FFRSxVQUVBLFVBR0EsU0FQRjs7OztvQkFkTiwwQ0FDQTtNQUFBO01BQUEsNENBQWtCO01BQUEsYUFFaEI7TUFBQSxxQ0FBQTt1Q0FBQSx5Q0FpQ007YUFBQSwrQkFFaUU7TUFDTyw4Q0FDa0I7VUFBQSxXQUNuRiw0Q0FFVDtVQUFBOztJQXRDRjtJQUZGLFdBRUUsU0FGRjs7OztvQkNIRjtNQUFBO3FDQUFBO01BQUE7UUFBQTtNQUFBLG9DQUFBO01BQUE7SUFBQTs7Ozs7OyJ9