{"version":3,"sources":["webpack:///./src/components/form/controls/ImageControl.vue?10ee","webpack:///./src/components/form/controls/ImageUploadSingle.vue?fd97","webpack:///./src/components/form/controls/ImageUploadByCamera.vue?e73b","webpack:///src/components/form/controls/ImageUploadByCamera.vue","webpack:///./src/components/form/controls/ImageUploadByCamera.vue?6da7","webpack:///./src/components/form/controls/ImageUploadByCamera.vue","webpack:///./src/components/form/controls/ImageUploadMixin.js","webpack:///./src/components/form/controls/ImageControlCropMixin.js","webpack:///src/components/form/controls/ImageUploadSingle.vue","webpack:///./src/components/form/controls/ImageUploadSingle.vue?58cb","webpack:///./src/components/form/controls/ImageUploadSingle.vue","webpack:///./src/components/form/controls/ImageUploadMultiple.vue?a93d","webpack:///./src/components/form/controls/ImageUploadMultipleAdd.vue?fd98","webpack:///src/components/form/controls/ImageUploadMultipleAdd.vue","webpack:///./src/components/form/controls/ImageUploadMultipleAdd.vue?e48e","webpack:///./src/components/form/controls/ImageUploadMultipleAdd.vue","webpack:///./src/components/form/controls/ImageUploadMultipleItem.vue?3746","webpack:///src/components/form/controls/ImageUploadMultipleItem.vue","webpack:///./src/components/form/controls/ImageUploadMultipleItem.vue?d183","webpack:///./src/components/form/controls/ImageUploadMultipleItem.vue","webpack:///src/components/form/controls/ImageUploadMultiple.vue","webpack:///./src/components/form/controls/ImageUploadMultiple.vue?aada","webpack:///./src/components/form/controls/ImageUploadMultiple.vue","webpack:///src/components/form/controls/ImageControl.vue","webpack:///./src/components/form/controls/ImageControl.vue?0ee5","webpack:///./src/components/form/controls/ImageControl.vue","webpack:///./src/components/form/controls/ImageUploadMultiple.vue?f698","webpack:///./src/components/form/controls/ImageUploadByCamera.vue?e883","webpack:///./src/components/form/controls/ImageUploadSingle.vue?ba63"],"names":["render","_vm","this","_h","$createElement","_c","_self","uploadComponent","_b","ref","tag","attrs","combinedErrors","disabled","readonly","local","item","on","updateLocal","$attrs","staticRenderFns","staticClass","staticStyle","onPreviewClick","hasUploadedFile","_e","_v","_s","$l","directives","name","rawName","value","expression","$event","openFilePreviewModal","remoteFile","isUploading","downloadRemoteFile","isDisabledOrReadOnly","deleteUploadedFile","nativeOn","stopPropagation","cancelUpload","uploadProgress","accessTo","$refs","input","click","onToggleSelfieModal","allowedExtensions","previewImage","target","files","onSubmitSelfiePhoto","toggleCloseModal","state","error","is","style","transform","shouldFaceUser","message","isInitialized","isPhotoTaken","class","camera","takePhotoButton","reopenCamera","sendTakenPictureTo","initialCameraState","isCameraOpen","data","stream","isMobile","mounted","detectionWebcamAvailability","methods","_this","_asyncToGenerator","getTracks","forEach","_ref","t","stop","_x","apply","arguments","accessDeviceCamera","stopCameraStream","$emit","_this2","copyVideoAsCanvasPicture","_this3","_this4","constraints","window","audio","video","facingMode","navigatorResponse","navigator","mediaDevices","getUserMedia","srcObject","play","action","Error","videoRatio","videoWidth","videoHeight","width","offsetWidth","height","offsetHeight","elementRatio","canvasElement","canvas","scaleFactor","devicePixelRatio","originalCanvas","getContext","imageSmoothingEnabled","drawImage","streamTracks","track","canvasImage","document","getElementById","toBlob","canvasBlobData","modifiedFile","File","type","split","pop","imageFormData","FormData","append","get","_this5","navigatorMediaDevicesResponse","enumerateDevices","hasVideoInput","some","details","kind","throwCameraAvailability","err","throwError","_this6","throwCameraStream","enumerateDevicesError","_this7","errorDetectionCallback","whereFromError","mutationType","mutation","actionCtrl","changes","_objectSpread","isPhoneTaken","component","computed","remoteFileId","remote","id","Array","isArray","length","remoteFileUrl","platonImageUrl","watch","immediate","handler","url","$nextTick","image","backgroundImage","mixins","ImageCropperMixin","getCropOptionsForElement","imageCropOptions","tryToCrop","cropperOptions","results","file","push","cropImage","e","console","log","selfieCameraModal","components","Btn","BaseControl","ImageUploadByCamera","UploadMixin","InputControlMixin","ImageUploadMixin","FilePreviewMixin","ImageControlCropMixin","isMobileOrTablet","userAgent","toLowerCase","mobileKeywords","tabletKeywords","keyword","includes","isTablet","openDeviceCamera","onImageSelected","size","sizeKbToByte","maxSize","limitFileSizeErrorToast","$modal","show","template","props","required","onSave","Function","modalActions","text","reader","FileReader","onload","src","result","readAsDataURL","cropOptions","onFileSelected","uploadBase64File","base64","filename","base64ToFile","that","createCameraInputForm","body","appendChild","display","visibility","exportTakenPictureFromDeviceCamera","event","compressedImage","compressImage","remove","cameraInput","createElement","setAttribute","addEventListener","_ref2","_x2","maxSizeInBytes","getMimeType","fileType","Promise","resolve","reject","img","Image","ctx","compressedDataUrl","quality","toDataURL","fetch","then","res","blob","compressedFile","catch","info","_l","f","index","key","computedItemWidth","remoteFiles","splice","showPreview","selectedFiles","model","localFilesId","callback","$$v","$set","slideImages","showImageSlider","preventDefault","onImageDropped","canSelectFile","onImagesSelected","itemWidth","String","default","fileName","isUploadError","canDownload","uploadControl","uploadFile","fileDescription","inject","ImageUploadMultipleAdd","ImageUploadMultipleItem","UploadMultipleItem","VueImageLightboxCarousel","ToastMixin","UploadMultipleLimitsMixin","undefined","emitValue","filter","x","map","path","platonFileUrl","caption","captionForRemoteFile","concat","captionForLocalFile","provide","_toConsumableArray","setItemsWidth","slider","showImage","extension","$options","filters","prettyBytes","fileId","images","onFilesSelected","fileList","dataTransfer","val","ImageUploadSingle","ImageUploadMultiple","ValidationMixin","UploadUtilsMixin","isMultiple"],"mappings":"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","file":"js/chunk-41e43639.10753f82.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.uploadComponent,_vm._b({ref:\"manager\",tag:\"component\",attrs:{\"errors\":_vm.combinedErrors,\"disabled\":_vm.disabled,\"readonly\":_vm.readonly,\"value\":_vm.local,\"item\":_vm.item},on:{\"input\":_vm.updateLocal}},'component',_vm.$attrs,false))}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseControl',_vm._b({},'BaseControl',_vm.$attrs,false),[_c('div',{staticClass:\"image-preview\",staticStyle:{\"width\":\"100%\",\"height\":\"300px\"},on:{\"click\":_vm.onPreviewClick}},[(!_vm.hasUploadedFile)?_c('div',{staticClass:\"text-center\"},[_c('i',{staticClass:\"fas fa-camera-retro\",staticStyle:{\"font-size\":\"32px\"}}),_c('div',[_vm._v(_vm._s(_vm.$l(\"platon.form_image_upload\", \"Расмни юкланг\")))])]):_vm._e(),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasUploadedFile),expression:\"hasUploadedFile\"}],ref:\"image\",staticClass:\"image-m-preview\",staticStyle:{\"cursor\":\"zoom-in\"},on:{\"click\":function($event){return _vm.openFilePreviewModal(_vm.remoteFile)}}}),_c('div',{staticClass:\"p-controls\",staticStyle:{\"right\":\"10px\"}},[(!_vm.isUploading && _vm.hasUploadedFile)?_c('button',{staticClass:\"btn btn-primary mr-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.downloadRemoteFile()}}},[_c('i',{staticClass:\"fa fa-download\"})]):_vm._e(),(!_vm.isUploading && _vm.hasUploadedFile && !_vm.isDisabledOrReadOnly)?_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteUploadedFile()}}},[_c('i',{staticClass:\"fa fa-trash-alt\"})]):_vm._e()]),(_vm.isUploading)?_c('div',{staticClass:\"p-controls text-center\"},[_c('btn',{staticClass:\"btn-sm btn-danger d-flex justify-content-center\",staticStyle:{\"width\":\"80px\"},nativeOn:{\"click\":function($event){$event.stopPropagation();return _vm.cancelUpload()}}},[_c('b-spinner',{staticStyle:{\"width\":\"13px\",\"height\":\"13px\"},attrs:{\"variant\":\"light\",\"type\":\"grow\",\"label\":\"Spinning\"}}),_c('span',{staticClass:\"mx-2\"},[_vm._v(_vm._s(_vm.uploadProgress)+\"%\")]),_vm._v(\" \"),_c('i',{staticClass:\"fa fa-times\"})],1)],1):_vm._e()]),_c('div',{staticClass:\"image-upload-modal\"},[(_vm.item.accessTo === 'file' || _vm.item.accessTo === 'both' || !_vm.item.accessTo)?_c('div',{staticClass:\"image-upload-modal-action\",on:{\"click\":function($event){return _vm.$refs.input.click()}}},[_vm._v(\" \"+_vm._s(_vm.$l(\"platon.form_image_through_file\", \"Файл орқали\"))+\" \")]):_vm._e(),(_vm.item.accessTo === 'camera' || _vm.item.accessTo === 'both' || !_vm.item.accessTo)?_c('div',{staticClass:\"image-upload-modal-action\",on:{\"click\":_vm.onToggleSelfieModal}},[_vm._v(\" \"+_vm._s(_vm.$l(\"platon.form_image_through_camera\", \"Камера орқали\"))+\" \")]):_vm._e()]),_c('div',{staticClass:\"d-none\"},[_c('input',{ref:\"input\",attrs:{\"type\":\"file\",\"accept\":_vm.allowedExtensions},on:{\"input\":function($event){return _vm.previewImage($event.target.files[0])}}})]),(_vm.selfieCameraModal)?_c('ImageUploadByCamera',{on:{\"on-toggle-selfie-modal\":_vm.onToggleSelfieModal,\"submit-selfie-photo\":_vm.onSubmitSelfiePhoto}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-upload-camera\"},[_c('div',{staticClass:\"image-upload-camera-modal\"},[_c('section',{staticClass:\"cameraModal plt-camera-stream-root\"},[_c('header',{staticClass:\"cameraModal__header\"},[_c('div',{staticClass:\"cameraModal__header--close\",on:{\"click\":_vm.toggleCloseModal}},[_c('i',{staticClass:\"fa fa-times\"})])]),_c('main',{staticClass:\"cameraModal__main plt-camera-stream-main\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.state.error.is),expression:\"!state.error.is\"}],staticClass:\"cameraModal__main--display plt-camera-stream plt-camera-focus-box\"},[_c('video',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.state.isCameraOpen),expression:\"state.isCameraOpen\"}],ref:\"camera\",staticClass:\"stream-video\",staticStyle:{\"width\":\"100%\"},style:({ transform: _vm.shouldFaceUser ? 'scale(-1, 1)' : '' }),attrs:{\"playsinline\":\"\"}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.state.isPhotoTaken),expression:\"state.isPhotoTaken\"}],ref:\"canvas\",staticClass:\"capture-canvas\",staticStyle:{\"width\":\"100%\"},style:({ transform: _vm.shouldFaceUser ? 'scale(-1, 1)' : '' }),attrs:{\"id\":\"stream-screen-picture-canvas\"}})]),(_vm.state.error.is)?_c('div',{staticClass:\"cameraModal__main--dialog\"},[_c('i',{staticClass:\"fa fa-exclamation-circle capture-error-icon\"}),_c('div',{staticClass:\"capture-error-message\"},[_vm._v(\" \"+_vm._s(_vm.state.error.message)+\" \")])]):_vm._e(),(!_vm.state.isInitialized)?_c('div',{staticClass:\"cameraModal__main--circularProgress\"},[_c('div',{staticClass:\"progress-icon\"})]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.state.isPhotoTaken || _vm.state.isInitialized),expression:\"!state.isPhotoTaken || state.isInitialized\"}],staticClass:\"cameraModal__main-rear\",class:!_vm.shouldFaceUser ? 'rearcamera' : '',attrs:{\"type\":\"button\"},on:{\"click\":_vm.camera}},[_c('i',{staticClass:\"fa fa-retweet\"})])]),_c('div',{staticClass:\"cameraModal__subheader\"},[(!_vm.state.error.is)?_c('div',{staticClass:\"cameraModal__subheader--options\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.state.isPhotoTaken),expression:\"!state.isPhotoTaken\"}],staticClass:\"camera-option-button\",on:{\"click\":_vm.takePhotoButton}},[_c('i',{staticClass:\"fa fa-camera\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.state.isPhotoTaken),expression:\"state.isPhotoTaken\"}],staticClass:\"camera-option-button\",on:{\"click\":_vm.reopenCamera}},[_c('i',{staticClass:\"fa fa-undo\"})]),_c('div',{class:(\"camera-option-button \" + (!_vm.state.isPhotoTaken && 'disabled')),on:{\"click\":_vm.sendTakenPictureTo}},[_c('i',{staticClass:\"fa fa-save\"})])]):_vm._e()])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"image-upload-camera\">\n        <div class=\"image-upload-camera-modal\">\n            <section class=\"cameraModal plt-camera-stream-root\">\n                <header class=\"cameraModal__header\">\n                    <div class=\"cameraModal__header--close\" @click=\"toggleCloseModal\">\n                        <i class=\"fa fa-times\" />\n                    </div>\n                </header>\n                <main class=\"cameraModal__main plt-camera-stream-main\">\n                    <div\n                        class=\"cameraModal__main--display plt-camera-stream plt-camera-focus-box\"\n                        v-show=\"!state.error.is\"\n                    >\n                        <video\n                            playsinline\n                            ref=\"camera\"\n                            class=\"stream-video\"\n                            style=\"width: 100%\"\n                            :style=\"{ transform: shouldFaceUser ? 'scale(-1, 1)' : '' }\"\n                            v-show=\"state.isCameraOpen\"\n                        />\n\n                        <canvas\n                            ref=\"canvas\"\n                            style=\"width: 100%\"\n                            class=\"capture-canvas\"\n                            :style=\"{ transform: shouldFaceUser ? 'scale(-1, 1)' : '' }\"\n                            id=\"stream-screen-picture-canvas\"\n                            v-show=\"state.isPhotoTaken\"\n                        />\n                    </div>\n                    <div class=\"cameraModal__main--dialog\" v-if=\"state.error.is\">\n                        <i class=\"fa fa-exclamation-circle capture-error-icon\" />\n                        <div class=\"capture-error-message\">\n                            {{ state.error.message }}\n                        </div>\n                    </div>\n                    <div class=\"cameraModal__main--circularProgress\" v-if=\"!state.isInitialized\">\n                        <div class=\"progress-icon\" />\n                    </div>\n                    <div\n                        type=\"button\"\n                        @click=\"camera\"\n                        class=\"cameraModal__main-rear\"\n                        :class=\"!shouldFaceUser ? 'rearcamera' : ''\"\n                        v-show=\"!state.isPhotoTaken || state.isInitialized\"\n                    >\n                        <i class=\"fa fa-retweet\" />\n                    </div>\n                </main>\n\n                <div class=\"cameraModal__subheader\">\n                    <div class=\"cameraModal__subheader--options\" v-if=\"!state.error.is\">\n                        <div class=\"camera-option-button\" @click=\"takePhotoButton\" v-show=\"!state.isPhotoTaken\">\n                            <i class=\"fa fa-camera\" />\n                        </div>\n\n                        <div class=\"camera-option-button\" @click=\"reopenCamera\" v-show=\"state.isPhotoTaken\">\n                            <i class=\"fa fa-undo\" />\n                        </div>\n\n                        <div\n                            :class=\"`camera-option-button ${!state.isPhotoTaken && 'disabled'}`\"\n                            @click=\"sendTakenPictureTo\"\n                        >\n                            <i class=\"fa fa-save\" />\n                        </div>\n                    </div>\n                </div>\n            </section>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isMobile } from \"@Platon/core/helpers\"\n\nconst initialCameraState = {\n    isCameraOpen: false,\n    isPhotoTaken: false,\n    isInitialized: false,\n    error: {\n        is: false,\n        message: \"Камерангизга кириш имкони бўлмади, ёки топилмади.\"\n    }\n}\n\nexport default {\n    name: \"ImageUploadByCamera\",\n    data() {\n        return {\n            state: initialCameraState,\n            stream: null,\n            shouldFaceUser: true,\n            isMobile: !isMobile()\n        }\n    },\n    mounted() {\n        this.detectionWebcamAvailability()\n    },\n    methods: {\n        // async capture() {\n        //     let constraints = (window.constraints = { audio: false, video: true })\n\n        //     constraints.video = window.constraints.video = {\n        //         facingMode: this.shouldFaceUser ? \"user\" : \"environment\"\n        //     }\n\n        //     try {\n        //         const navigatorResponse = await navigator.mediaDevices.getUserMedia(constraints)\n        //         this.$refs.camera.srcObject = navigatorResponse\n        //         this.$refs.camera.play()\n        //     } catch (error) {\n        //         this.action(\"error\")\n        //         throw new Error(error)\n        //     }\n        // },\n        async camera() {\n            if (this.stream == null) return\n            // we need to flip, and stop everything\n            await this.stream.getTracks().forEach(async (t) => {\n                await t.stop()\n            })\n            // toggle / flip\n            this.shouldFaceUser = !this.shouldFaceUser\n\n            if (this.shouldFaceUser) {\n                // await this.capture()\n                await this.accessDeviceCamera()\n            } else {\n                await this.detectionWebcamAvailability()\n            }\n        },\n\n        toggleCloseModal() {\n            this.stopCameraStream()\n            this.$emit(\"on-toggle-selfie-modal\")\n        },\n        async takePhotoButton() {\n            if (!this.state.isCameraOpen) return\n\n            this.copyVideoAsCanvasPicture()\n        },\n        async reopenCamera() {\n            if (this.state.isCameraOpen) return\n\n            await this.detectionWebcamAvailability()\n        },\n        async accessDeviceCamera() {\n            try {\n                var constraints = (window.constraints = {\n                    audio: false,\n                    video: this.shouldFaceUser ? true : { facingMode: \"environment\" }\n                })\n\n                const navigatorResponse = await navigator.mediaDevices.getUserMedia(constraints)\n\n                this.$refs.camera.srcObject = navigatorResponse\n                this.$refs.camera.play()\n                this.stream = navigatorResponse\n                this.action(\"initialized\")\n            } catch (error) {\n                this.action(\"error\")\n                throw new Error(error)\n            }\n        },\n        copyVideoAsCanvasPicture() {\n            this.state.isPhotoTaken = true\n            this.state.isCameraOpen = false\n            const video = this.$refs.camera\n\n            var videoRatio = video.videoWidth / video.videoHeight\n            var width = video.offsetWidth,\n                height = video.offsetHeight\n            var elementRatio = width / height\n            if (elementRatio > videoRatio) width = height * videoRatio\n            else height = width / videoRatio\n\n            const canvasElement = this.$refs.canvas\n            var scaleFactor = window.devicePixelRatio > 1.5 ? 1.5 : window.devicePixelRatio\n\n            width = width * scaleFactor\n            height = height * scaleFactor\n            canvasElement.width = width\n            canvasElement.height = height\n            const originalCanvas = canvasElement.getContext(\"2d\")\n            originalCanvas.imageSmoothingEnabled = true\n            originalCanvas.drawImage(this.$refs.camera, 0, 0, width, height)\n\n            this.stopCameraStream()\n        },\n        stopCameraStream() {\n            if (this.$refs.camera.srcObject !== null) {\n                let streamTracks = this.$refs.camera.srcObject.getTracks()\n                streamTracks.forEach((track) => track.stop())\n                this.$refs.camera.srcObject = null\n            }\n        },\n        sendTakenPictureTo() {\n            if (!this.state.isPhotoTaken) return null\n            const canvasImage = document.getElementById(\"stream-screen-picture-canvas\")\n            canvasImage.toBlob((canvasBlobData) => {\n                const modifiedFile = new File([canvasBlobData], `blobimage.${canvasBlobData.type.split(\"/\").pop()}`)\n                const imageFormData = new FormData()\n                imageFormData.append(\"image\", modifiedFile)\n                this.$emit(\"submit-selfie-photo\", imageFormData.get(\"image\"))\n                this.toggleCloseModal()\n            })\n        },\n        async detectionWebcamAvailability() {\n            try {\n                const navigatorMediaDevicesResponse = await navigator.mediaDevices.enumerateDevices()\n                let hasVideoInput = navigatorMediaDevicesResponse.some((details) => \"videoinput\" == details.kind)\n\n                if (hasVideoInput) await this.throwCameraAvailability()\n            } catch (err) {\n                this.throwError(err)\n            }\n        },\n        async throwCameraAvailability() {\n            try {\n                await this.throwCameraStream()\n            } catch (enumerateDevicesError) {\n                this.throwError(enumerateDevicesError, \"detectionWebcamAvailability\")\n            }\n        },\n        async throwCameraStream() {\n            try {\n                await this.accessDeviceCamera()\n                this.action(\"initialized\")\n            } catch (errorDetectionCallback) {\n                this.throwError(errorDetectionCallback)\n            }\n        },\n        throwError(message, whereFromError) {\n            this.action(\"error\")\n            throw new Error(message)\n        },\n        action(mutationType, mutation = {}) {\n            this.state = actionCtrl(mutationType, mutation)\n\n            /**\n             *\n             * @param {*} action - string\n             * @description actionCtrl - Action Controller, controls the layers by registered mutationType (String)\n             *\n             */\n            function actionCtrl(action, changes) {\n                switch (action) {\n                    case \"reset\": {\n                        /** ... */\n                    }\n                    case \"initializing\":\n                        return {\n                            ...initialCameraState,\n                            isCameraOpen: false,\n                            isPhoneTaken: false,\n                            isInitialized: false\n                        }\n                    case \"initialized\":\n                        return {\n                            ...initialCameraState,\n                            isCameraOpen: true,\n                            isPhoneTaken: false,\n                            isInitialized: true,\n                            error: { is: false, message: null }\n                        }\n                    case \"error\":\n                        return {\n                            ...initialCameraState,\n                            isCameraOpen: false,\n                            isPhoneTaken: false,\n                            isInitialized: true,\n                            error: { is: true, message: initialCameraState.error.message }\n                        }\n                }\n            }\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$initial-screen-height: 480px;\n$initial-z-index: 10000;\n$df-blue: #335d99;\n\n/**\n        .plt-camera-stream - is the (child) box element of the <main> modal.\n            And that block element opens and can be visible to user while it is available/accessible\n\n        .plt-camera-focus-box - when the user has operated the camera, \n            the focus box (AKA: focus-indicator) will appear on the <video/> element.\n            \n        Down below is an example of how to customize and make your focus-box/indicator:\n\n        .plt-camera-stream (You can use the class name called .plt-camera-focus-box)  {\n            position: relative;\n\n            &::after {\n                content: \"\";\n                top: 50%;\n                left: 50%;\n                width: 350px;\n                height: 350px;\n                position: absolute;\n                border: 1.5px solid red;\n                transform: translate(-50%, -50%);\n            }\n        }\n     */\n\n@mixin display-flex() {\n    display: flex;\n    align-items: center;\n}\n\n.image-upload-camera {\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: $initial-z-index;\n    position: fixed;\n\n    &-modal {\n        height: 100%;\n        width: 100%;\n        backdrop-filter: blur(9px);\n        background-color: rgba($color: $df-blue, $alpha: 0.1);\n\n        @include display-flex;\n        justify-content: center;\n    }\n}\n\n.cameraModal {\n    width: 50%;\n\n    &__header {\n        padding: 7px 12px;\n        height: 3rem;\n        @include display-flex;\n        justify-content: flex-end;\n        border-top-left-radius: 6px;\n        border-top-right-radius: 6px;\n        background-color: var(--pl-dialog-top-bar);\n\n        &--close {\n            width: 1.5rem;\n            height: 1.5rem;\n            border-radius: 50%;\n            background-color: white;\n            border: 1px solid #426aa0;\n\n            @include display-flex;\n            justify-content: center;\n            cursor: pointer;\n\n            & i {\n                font-size: 0.85rem;\n                color: $df-blue;\n            }\n\n            &:hover {\n                opacity: 0.8;\n            }\n        }\n    }\n\n    &__main {\n        height: $initial-screen-height;\n        position: relative;\n        background-color: #000;\n\n        &-rear {\n            position: absolute;\n            top: 92%;\n            right: 3%;\n            padding: 5px;\n            border-radius: 40%;\n            background: #ffffff69;\n            object-fit: cover;\n\n            * {\n                object-fit: cover;\n            }\n\n            i {\n                display: flex;\n                justify-content: center;\n                color: #000000c6;\n            }\n        }\n\n        &--display {\n            @include display-flex;\n            height: 100%;\n            align-items: center;\n            justify-content: center;\n\n            & .stream-video {\n                width: 100%;\n                height: $initial-screen-height;\n                object-fit: cover;\n            }\n\n            & .capture-canvas {\n                height: 100% !important;\n                object-fit: cover;\n            }\n        }\n\n        &--dialog {\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 480px;\n            position: absolute;\n            background-color: #000;\n            @include display-flex;\n            flex-direction: column;\n            justify-content: flex-end;\n\n            & .capture-error-message {\n                width: 100%;\n                color: #fff;\n                padding: 10px 5px;\n                @include display-flex;\n                background-color: #fc171f;\n            }\n\n            & .capture-error-icon {\n                top: 50%;\n                left: 50%;\n                opacity: 0.9;\n                color: #fc171f;\n                font-size: 4rem;\n                cursor: pointer;\n                transform: translate(-50%, -50%);\n                position: absolute;\n            }\n        }\n\n        &--circularProgress {\n            width: 100%;\n            height: 100%;\n            background-color: #000;\n            @include display-flex;\n            justify-content: center;\n\n            top: 0;\n            left: 0;\n            position: absolute;\n\n            & .progress-icon {\n                width: 75px;\n                height: 75px;\n                border-radius: 50%;\n                background-color: transparent;\n                border: 3px solid var(--pl-btn-link-hover);\n                border-top-color: var(--pl-dialog-top-bar);\n                -webkit-animation: 1s spin linear infinite;\n                animation: 1s spin linear infinite;\n            }\n        }\n    }\n\n    &__subheader {\n        padding: 6px;\n        @include display-flex;\n        justify-content: center;\n        border-bottom-left-radius: 6px;\n        border-bottom-right-radius: 6px;\n        background-color: var(--pl-dialog-top-bar);\n\n        &--options {\n            padding: 8px;\n            @include display-flex;\n            justify-content: center;\n\n            & .camera-option-button {\n                width: 80px;\n                padding: 4px;\n                cursor: pointer;\n                border-radius: 6px;\n                @include display-flex;\n                justify-content: center;\n                background-color: var(--pl-btn-link-hover);\n\n                & i {\n                    color: var(--pl-dialog-top-bar);\n                    font-size: 25px;\n                }\n\n                &:hover {\n                    opacity: 0.8;\n                }\n                &:not(:last-child) {\n                    margin-right: 10px;\n                }\n\n                &.disabled {\n                    opacity: 0.5;\n                }\n            }\n        }\n        .rearcamera {\n            transform: scaleX(-X);\n        }\n    }\n\n    @media only screen and (max-width: 56.25em) {\n        width: 90%;\n\n        & .capture-error-message {\n            font-size: 12px;\n            & i {\n                font-size: 18px;\n            }\n        }\n\n        & .stream-screen {\n            & canvas {\n                width: 100%;\n            }\n            &::after {\n                width: 300px;\n                height: 290px;\n            }\n        }\n    }\n}\n\n@keyframes spin {\n    from {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n\n    to {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadByCamera.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadByCamera.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageUploadByCamera.vue?vue&type=template&id=6eee7548&scoped=true\"\nimport script from \"./ImageUploadByCamera.vue?vue&type=script&lang=js\"\nexport * from \"./ImageUploadByCamera.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageUploadByCamera.vue?vue&type=style&index=0&id=6eee7548&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6eee7548\",\n  null\n  \n)\n\nexport default component.exports","import { platonImageUrl } from \"@Platon/core/helpers\"\n\nexport default {\n\tcomputed: {\n\t\tremoteFileId() {\n\t\t\tif (this.remote) {\n\t\t\t\treturn this.remote.id\n\t\t\t}\n\n\t\t\tif (this.remoteFile) {\n\t\t\t\treturn this.remoteFile.id\n\t\t\t}\n\n\t\t\tif (this.item && Array.isArray(this.item.data) && this.item.data.length > 0) {\n\t\t\t\treturn this.item.data[0].id\n\t\t\t}\n\n\t\t\treturn null\n\t\t},\n\n\t\tremoteFileUrl() {\n\t\t\tif (this.remoteFileId) {\n\t\t\t\treturn platonImageUrl(this.remoteFileId, 480, 480)\n\t\t\t}\n\n\t\t\treturn null\n\t\t}\n\t},\n\n\twatch: {\n\t\tremoteFileUrl: {\n\t\t\timmediate: true,\n\t\t\thandler(url) {\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tif (this.$refs.image && url) {\n\t\t\t\t\t\tthis.$refs.image.style.backgroundImage = `url('${url}')`\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n","import ImageCropperMixin from \"@Platon/mixins/ImageCropperMixin\"\n\nexport default {\n\tmixins: [ImageCropperMixin],\n\n\tmethods: {\n\t\t/**\n\t\t * @param {PlatonFormElement} item\n\t\t *\n\t\t * @return null|Cropper.Options\n\t\t */\n\t\tgetCropOptionsForElement(item) {\n\t\t\treturn item.imageCropOptions\n\t\t},\n\n\t\t/**\n\t\t * @param {File[]|File} files\n\t\t * @param {Cropper.Options} cropperOptions\n\t\t * @return {Promise<File[]|File>}\n\t\t */\n\t\tasync tryToCrop(files, cropperOptions = {}) {\n\t\t\tif (Array.isArray(files)) {\n\t\t\t\tconst results = []\n\n\t\t\t\tfor (let file of files) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tresults.push(await this.cropImage(file, cropperOptions))\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tconsole.log(e.message)\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn results\n\t\t\t} else {\n\t\t\t\treturn await this.cropImage(files, cropperOptions)\n\t\t\t}\n\t\t}\n\t}\n}\n","<template>\n    <BaseControl v-bind=\"$attrs\">\n        <div style=\"width: 100%; height: 300px\" class=\"image-preview\" @click=\"onPreviewClick\">\n            <div class=\"text-center\" v-if=\"!hasUploadedFile\">\n                <i style=\"font-size: 32px\" class=\"fas fa-camera-retro\" />\n                <div>{{ $l(\"platon.form_image_upload\", \"Расмни юкланг\") }}</div>\n            </div>\n\n            <span\n                ref=\"image\"\n                class=\"image-m-preview\"\n                style=\"cursor: zoom-in\"\n                @click=\"openFilePreviewModal(remoteFile)\"\n                v-show=\"hasUploadedFile\"\n            />\n\n            <div class=\"p-controls\" style=\"right: 10px\">\n                <button\n                    class=\"btn btn-primary mr-2\"\n                    type=\"button\"\n                    @click=\"downloadRemoteFile()\"\n                    v-if=\"!isUploading && hasUploadedFile\"\n                >\n                    <i class=\"fa fa-download\"></i>\n                </button>\n\n                <button\n                    class=\"btn btn-danger\"\n                    type=\"button\"\n                    @click=\"deleteUploadedFile()\"\n                    v-if=\"!isUploading && hasUploadedFile && !isDisabledOrReadOnly\"\n                >\n                    <i class=\"fa fa-trash-alt\"></i>\n                </button>\n            </div>\n\n            <div class=\"p-controls text-center\" v-if=\"isUploading\">\n                <btn\n                    @click.native.stop=\"cancelUpload()\"\n                    class=\"btn-sm btn-danger d-flex justify-content-center\"\n                    style=\"width: 80px\"\n                >\n                    <b-spinner\n                        variant=\"light\"\n                        type=\"grow\"\n                        style=\"width: 13px; height: 13px\"\n                        label=\"Spinning\"\n                    ></b-spinner>\n                    <span class=\"mx-2\">{{ uploadProgress }}%</span> <i class=\"fa fa-times\" />\n                </btn>\n            </div>\n        </div>\n\n        <div class=\"image-upload-modal\">\n            <div\n                v-if=\"item.accessTo === 'file' || item.accessTo === 'both' || !item.accessTo\"\n                class=\"image-upload-modal-action\"\n                @click=\"$refs.input.click()\"\n            >\n                {{ $l(\"platon.form_image_through_file\", \"Файл орқали\") }}\n            </div>\n            <div\n                v-if=\"item.accessTo === 'camera' || item.accessTo === 'both' || !item.accessTo\"\n                class=\"image-upload-modal-action\"\n                @click=\"onToggleSelfieModal\"\n            >\n                {{ $l(\"platon.form_image_through_camera\", \"Камера орқали\") }}\n            </div>\n        </div>\n\n        <div class=\"d-none\">\n            <input ref=\"input\" type=\"file\" :accept=\"allowedExtensions\" @input=\"previewImage($event.target.files[0])\" />\n        </div>\n        <ImageUploadByCamera\n            @on-toggle-selfie-modal=\"onToggleSelfieModal\"\n            @submit-selfie-photo=\"onSubmitSelfiePhoto\"\n            v-if=\"selfieCameraModal\"\n        />\n    </BaseControl>\n</template>\n\n<script>\nimport { isMobile } from \"@Platon/core/helpers\"\nimport UploadMixin from \"@Platon/components/form/controls/UploadMixin\"\nimport BaseControl from \"@Platon/components/form/controls/BaseControl.vue\"\nimport InputControlMixin from \"@Platon/mixins/InputControlMixin\"\nimport ImageUploadByCamera from \"./ImageUploadByCamera\"\nimport Btn from \"@Platon/components/extended/Btn.vue\"\nimport ImageUploadMixin from \"@Platon/components/form/controls/ImageUploadMixin\"\nimport FilePreviewMixin from \"@Platon/components/misc/preview/FilePreviewMixin\"\nimport { limitFileSizeErrorToast, sizeKbToByte } from \"@Platon/components/form/controls/UploadMultipleLimitsMixin\"\nimport ImageControlCropMixin from \"@Platon/components/form/controls/ImageControlCropMixin\"\nimport { base64ToFile } from \"@Platon/core/helpers/FileHelpers\"\n\nexport default {\n    name: \"ImageUploadSingle\",\n    data() {\n        return {\n            selfieCameraModal: false\n        }\n    },\n    components: {\n        Btn,\n        BaseControl,\n        ImageUploadByCamera\n    },\n\n    mixins: [UploadMixin, InputControlMixin, ImageUploadMixin, FilePreviewMixin, ImageControlCropMixin],\n    methods: {\n        isMobileOrTablet() {\n            const userAgent = navigator.userAgent.toLowerCase()\n\n            const mobileKeywords = [\"mobile\", \"android\", \"iphone\", \"ipad\", \"ipod\", \"blackberry\", \"windows phone\"]\n            const tabletKeywords = [\"tablet\", \"ipad\", \"android\"]\n\n            const isMobile = mobileKeywords.some((keyword) => userAgent.includes(keyword))\n            const isTablet = tabletKeywords.some((keyword) => userAgent.includes(keyword))\n\n            return isMobile || isTablet\n        },\n        onToggleSelfieModal() {\n            if (isMobile()) this.openDeviceCamera()\n            else if (this.isMobileOrTablet()) this.openDeviceCamera()\n            else this.selfieCameraModal = !this.selfieCameraModal\n        },\n        onSubmitSelfiePhoto(image) {\n            this.onImageSelected(image)\n            this.remoteFile = image\n        },\n        /**\n         * Preview image, show user if that person satisfies with its profile/image\n         * @param {File} image\n         */\n        previewImage(image) {\n            if (!image) return null\n            if (image.size > sizeKbToByte(this.item.maxSize)) {\n                limitFileSizeErrorToast(this.item.maxSize)\n                return null\n            }\n\n            this.$modal.show(\n                {\n                    template: `\n\t\t\t\t\t<PModal :footer-actions=\"modalActions\">\n                        <template #title>Расм</template>\n                        <img ref=\"image\" class=\"border\" style=\"width: 100%\"/>\n                        <template #title>Расм</template>\n                        <img ref=\"image\" class=\"border\" style=\"width: 100%\"/>\n\t\t\t\t\t</PModal>\n\t\t\t\t`,\n\n                    props: {\n                        file: {\n                            required: true,\n                            type: File\n                        },\n\n                        onSave: {\n                            required: true,\n                            type: Function\n                        }\n                    },\n\n                    computed: {\n                        modalActions() {\n                            return [\n                                {\n                                    text: this.$l(\"platon.save\", \"Сақлаш\"),\n                                    handler: () => {\n                                        this.onSave(this.file)\n                                    }\n                                },\n                                { text: this.$l(\"platon.cancel\", \"Бекор қилиш\") }\n                            ]\n                        }\n                    },\n\n                    mounted() {\n                        let reader = new FileReader()\n                        reader.onload = (e) => {\n                            this.$refs.image.src = e.target.result\n                        }\n                        reader.readAsDataURL(image)\n                    }\n                },\n                { file: image, onSave: this.onImageSelected }\n            )\n        },\n\n        onPreviewClick() {\n            if (this.item.accessTo === \"camera\") return null\n            if (!(this.disabled || this.readonly) && !this.hasUploadedFile) this.$refs.input.click()\n        },\n\n        /**\n         *\n         * @param {File} image\n         */\n        async onImageSelected(image) {\n            const cropOptions = this.getCropOptionsForElement(this.item)\n\n            if (cropOptions) {\n                return this.onFileSelected(await this.tryToCrop(image, cropOptions))\n            } else {\n                return this.onFileSelected(image)\n            }\n        },\n\n        /**\n         * Upload image programmatically\n         *\n         * @param base64\n         * @param filename\n         * @param type\n         */\n        async uploadBase64File(base64, filename = \"image.jpg\", type = \"image/jpeg\") {\n            return this.onImageSelected(base64ToFile(base64, filename, type))\n        },\n\n        openDeviceCamera() {\n            const that = this\n            const input = createCameraInputForm()\n            document.body.appendChild(input)\n            input.style.display = \"none\"\n            input.style.visibility = \"hidden\"\n            input.style.width = \"0\"\n            input.click()\n\n            const exportTakenPictureFromDeviceCamera = async (event) => {\n                const compressedImage = await this.compressImage(event.target.files[0], 1024 * 1024) // Specify the maximum size in bytes\n                that.previewImage(compressedImage)\n                input.remove()\n            }\n\n            input.addEventListener(\n                \"change\",\n                async (event) => {\n                    await exportTakenPictureFromDeviceCamera(event)\n                },\n                false\n            )\n\n            function createCameraInputForm() {\n                const cameraInput = document.createElement(\"input\")\n                cameraInput.setAttribute(\"type\", \"file\")\n                cameraInput.setAttribute(\"accept\", \"image/*\")\n                cameraInput.setAttribute(\"capture\", \"camera\")\n\n                return cameraInput\n            }\n        },\n        compressImage(file, maxSizeInBytes) {\n            function getMimeType(fileType) {\n                if (fileType === \"image/png\") {\n                    return \"image/png\"\n                } else {\n                    return \"image/jpeg\"\n                }\n            }\n\n            return new Promise((resolve, reject) => {\n                const reader = new FileReader()\n                reader.onload = function (event) {\n                    const img = new Image()\n                    img.onload = function () {\n                        const canvas = document.createElement(\"canvas\")\n                        const ctx = canvas.getContext(\"2d\")\n                        canvas.width = img.width\n                        canvas.height = img.height\n                        ctx.drawImage(img, 0, 0)\n\n                        let compressedDataUrl\n                        let quality = 1.0\n                        do {\n                            compressedDataUrl = canvas.toDataURL(getMimeType(file.type), quality)\n                            quality -= 0.1\n                        } while (compressedDataUrl.length > maxSizeInBytes && quality > 0.1)\n\n                        fetch(compressedDataUrl)\n                            .then((res) => res.blob())\n                            .then((blob) => {\n                                const compressedFile = new File([blob], file.name, { type: file.type })\n                                resolve(compressedFile)\n                            })\n                            .catch((error) => reject(error))\n                    }\n                    img.src = event.target.result\n                }\n                reader.readAsDataURL(file)\n            })\n        }\n    },\n\n    mounted() {\n        if (this.$refs.image && this.info && this.info.file) this.previewImage(this.info.file)\n        if (Array.isArray(this.item.data) && this.item.data.length > 0) this.remoteFile = this.item.data[0]\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.image-preview {\n    overflow: hidden;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    // background: var(--pl-form-image-upload-bg);\n    border-radius: 4px;\n    background: var(--pl-form-image-upload-bg-hover);\n    transition: 0.3s;\n    cursor: pointer;\n\n    &:hover {\n        opacity: 0.6;\n    }\n}\n\n.p-controls {\n    bottom: 10px;\n    position: absolute;\n\n    & .btn {\n        width: 40px;\n    }\n}\n\n.image-upload-modal {\n    margin-top: 0.5rem;\n    display: flex;\n    gap: 10px;\n\n    &-action {\n        width: 100%;\n        color: #fff;\n        padding: 5px 6px;\n        border-radius: 6px;\n        text-align: center;\n        text-transform: capitalize;\n        background-color: var(--pl-btn-primary);\n        border-color: var(--pl-btn-primary);\n        cursor: pointer;\n        overflow: hidden;\n\n        text-overflow: ellipsis;\n        display: -moz-box;\n        -moz-box-orient: vertical;\n        display: -webkit-box;\n        -webkit-line-clamp: 1;\n        -webkit-box-orient: vertical;\n        line-clamp: 1;\n        box-orient: vertical;\n\n        &:hover {\n            opacity: 0.9;\n        }\n        &:active {\n            opacity: 1.5;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadSingle.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadSingle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageUploadSingle.vue?vue&type=template&id=dd6a4322&scoped=true\"\nimport script from \"./ImageUploadSingle.vue?vue&type=script&lang=js\"\nexport * from \"./ImageUploadSingle.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageUploadSingle.vue?vue&type=style&index=0&id=dd6a4322&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd6a4322\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseControl',_vm._b({},'BaseControl',_vm.$attrs,false),[_c('b-form-row',{staticClass:\"flex-grow-1\"},[_vm._l((_vm.remoteFiles),function(f,index){return _c('ImageUploadMultipleItem',_vm._b({key:f.id,attrs:{\"remote\":f,\"item-width\":_vm.computedItemWidth},on:{\"deleted\":function($event){return _vm.remoteFiles.splice(index, 1)},\"preview\":function($event){return _vm.showPreview(index)}}},'ImageUploadMultipleItem',{ 'element-id': _vm.$attrs['element-id'] },false))}),_vm._l((_vm.selectedFiles),function(f,index){return _c('ImageUploadMultipleItem',_vm._b({key:f.id,attrs:{\"info\":f,\"item-width\":_vm.computedItemWidth},on:{\"cancel\":function($event){return _vm.selectedFiles.splice(index, 1)},\"preview\":function($event){return _vm.showPreview(index + _vm.remoteFiles.length)},\"deleted\":function($event){return _vm.selectedFiles.splice(index, 1)}},model:{value:(_vm.localFilesId[index]),callback:function ($$v) {_vm.$set(_vm.localFilesId, index, $$v)},expression:\"localFilesId[index]\"}},'ImageUploadMultipleItem',{ 'element-id': _vm.$attrs['element-id'] },false))}),_c('vue-image-lightbox-carousel',{ref:\"slider\",attrs:{\"images\":_vm.slideImages,\"show\":_vm.showImageSlider},on:{\"close\":function($event){_vm.showImageSlider = false}}}),_c('label',{attrs:{\"id\":\"imageField\"},on:{\"drop\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onImageDropped($event)},\"dragover\":function($event){$event.stopPropagation();$event.preventDefault();}}},[(!_vm.isDisabledOrReadOnly && _vm.canSelectFile)?_c('ImageUploadMultipleAdd',{attrs:{\"item-width\":_vm.computedItemWidth},on:{\"pick\":function($event){return _vm.$refs.input.click()}}}):_vm._e(),_c('input',{ref:\"input\",staticClass:\"custom-file-input\",attrs:{\"type\":\"file\",\"accept\":_vm.allowedExtensions,\"multiple\":\"\"},on:{\"input\":function($event){return _vm.onImagesSelected($event.target.files)}}})],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"image-m-item cursor-pointer\",style:({ width: _vm.itemWidth })},[_c('div',{staticClass:\"image-m-preview btn btn-light align-items-center justify-content-center position-relative d-flex\",on:{\"click\":function($event){return _vm.$emit('pick')}}},[_c('div',{staticClass:\"position-absolute\"},[_c('i',{staticClass:\"fas fa-camera-retro\",staticStyle:{\"font-size\":\"2.5rem\"}}),_c('div',[_vm._v(_vm._s(_vm.$l(\"platon.upload_add_photo\", \"Расм қўшиш\")))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"image-m-item cursor-pointer\" :style=\"{ width: itemWidth }\" ref=\"container\">\n        <div\n            class=\"image-m-preview btn btn-light align-items-center justify-content-center position-relative d-flex\"\n            @click=\"$emit('pick')\"\n        >\n            <div class=\"position-absolute\">\n                <i class=\"fas fa-camera-retro\" style=\"font-size: 2.5rem\"></i>\n                <div>{{ $l(\"platon.upload_add_photo\", \"Расм қўшиш\") }}</div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"ImageUploadMultipleAdd\",\n\n    props: {\n        itemWidth: {\n            type: String,\n            default: \"150px\"\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleAdd.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleAdd.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageUploadMultipleAdd.vue?vue&type=template&id=23d92680\"\nimport script from \"./ImageUploadMultipleAdd.vue?vue&type=script&lang=js\"\nexport * from \"./ImageUploadMultipleAdd.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"image-m-item\",style:({ width: this.itemWidth })},[_c('div',{staticClass:\"image-m-container\"},[_c('div',{ref:\"image\",staticClass:\"image-m-preview\",staticStyle:{\"cursor\":\"zoom-in\"},style:({ 'background-image': (\"url('\" + (this.remoteFileUrl) + \"')\") }),on:{\"click\":function($event){return _vm.$emit('preview')}}}),(_vm.isUploading)?_c('div',{staticClass:\"position-absolute badge badge-primary\",staticStyle:{\"bottom\":\"50px\",\"right\":\"10px\"}},[_vm._v(\" \"+_vm._s(_vm.uploadProgress)+\"% \")]):_vm._e(),_c('div',{staticClass:\"position-absolute info p-1\",staticStyle:{\"bottom\":\"0\",\"width\":\"100%\"}},[_c('div',{staticClass:\"file-name d-flex\"},[_c('div',{staticClass:\"d-inline-block text-truncate overflow-hidden flex-grow-1\"},[_vm._v(_vm._s(_vm.fileName))]),(!_vm.isUploading && !_vm.isUploadError && _vm.canDownload)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":_vm.downloadRemoteFile}},[_c('i',{staticClass:\"fa fa-download\"})]):_vm._e(),(!_vm.isUploading && !_vm.isUploadError && !_vm.uploadControl.isDisabledOrReadOnly)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":_vm.deleteUploadedFile}},[_c('i',{staticClass:\"fa fa-trash text-danger\"})]):_vm._e(),(_vm.isUploadError)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":function($event){return _vm.uploadFile()}}},[_c('i',{staticClass:\"fa fa-redo\"})]):_vm._e(),(_vm.isUploading)?_c('div',{staticClass:\"ml-1 cursor-pointer d-flex align-items-center\"},[_c('b-spinner',{staticStyle:{\"width\":\"10px\",\"height\":\"10px\",\"border-width\":\"0.12em\"},attrs:{\"variant\":\"primary\"}})],1):_vm._e(),(_vm.isUploading || _vm.isUploadError)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":_vm.cancelUpload}},[_c('i',{staticClass:\"fa fa-times text-danger\"})]):_vm._e()]),_c('div',{staticClass:\"uploaded-date\"},[_vm._v(_vm._s(_vm.fileDescription))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"image-m-item\" :style=\"{ width: this.itemWidth }\" ref=\"container\">\n        <div class=\"image-m-container\">\n            <div\n                class=\"image-m-preview\"\n                ref=\"image\"\n                :style=\"{ 'background-image': `url('${this.remoteFileUrl}')` }\"\n                @click=\"$emit('preview')\"\n                style=\"cursor: zoom-in\"\n            ></div>\n\n            <div v-if=\"isUploading\" class=\"position-absolute badge badge-primary\" style=\"bottom: 50px; right: 10px\">\n                {{ uploadProgress }}%\n            </div>\n\n            <div class=\"position-absolute info p-1\" style=\"bottom: 0; width: 100%\">\n                <div class=\"file-name d-flex\">\n                    <div class=\"d-inline-block text-truncate overflow-hidden flex-grow-1\">{{ fileName }}</div>\n                    <div\n                        class=\"ml-1 cursor-pointer\"\n                        v-if=\"!isUploading && !isUploadError && canDownload\"\n                        @click=\"downloadRemoteFile\"\n                    >\n                        <i class=\"fa fa-download\"></i>\n                    </div>\n                    <div\n                        class=\"ml-1 cursor-pointer\"\n                        v-if=\"!isUploading && !isUploadError && !uploadControl.isDisabledOrReadOnly\"\n                        @click=\"deleteUploadedFile\"\n                    >\n                        <i class=\"fa fa-trash text-danger\"></i>\n                    </div>\n                    <div class=\"ml-1 cursor-pointer\" v-if=\"isUploadError\" @click=\"uploadFile()\">\n                        <i class=\"fa fa-redo\"></i>\n                    </div>\n                    <div class=\"ml-1 cursor-pointer d-flex align-items-center\" v-if=\"isUploading\">\n                        <b-spinner variant=\"primary\" style=\"width: 10px; height: 10px; border-width: 0.12em\" />\n                    </div>\n                    <div class=\"ml-1 cursor-pointer\" v-if=\"isUploading || isUploadError\" @click=\"cancelUpload\">\n                        <i class=\"fa fa-times text-danger\"></i>\n                    </div>\n                </div>\n                <div class=\"uploaded-date\">{{ fileDescription }}</div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport UploadMixin from \"@Platon/components/form/controls/UploadMixin\"\nimport ImageUploadMixin from \"@Platon/components/form/controls/ImageUploadMixin\"\n\n/**\n * @property {PlatonFormElement} uploadControl\n */\nexport default {\n    name: \"ImageUploadMultipleItem\",\n\n    mixins: [UploadMixin, ImageUploadMixin],\n\n    props: {\n        info: {},\n\n        itemWidth: {\n            type: String,\n            default: \"150px\"\n        }\n    },\n\n    inject: [\"item\", \"uploadControl\"],\n\n    mounted() {\n        if (this.info && this.info.file) {\n            this.onFileSelected(this.info.file)\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageUploadMultipleItem.vue?vue&type=template&id=0defb55b\"\nimport script from \"./ImageUploadMultipleItem.vue?vue&type=script&lang=js\"\nexport * from \"./ImageUploadMultipleItem.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n    <BaseControl v-bind=\"$attrs\">\n        <b-form-row class=\"flex-grow-1\">\n            <ImageUploadMultipleItem\n                v-bind=\"{ 'element-id': $attrs['element-id'] }\"\n                :remote=\"f\"\n                @deleted=\"remoteFiles.splice(index, 1)\"\n                @preview=\"showPreview(index)\"\n                :item-width=\"computedItemWidth\"\n                v-for=\"(f, index) in remoteFiles\"\n                :key=\"f.id\"\n            />\n\n            <ImageUploadMultipleItem\n                v-bind=\"{ 'element-id': $attrs['element-id'] }\"\n                :key=\"f.id\"\n                :info=\"f\"\n                v-model=\"localFilesId[index]\"\n                @cancel=\"selectedFiles.splice(index, 1)\"\n                @preview=\"showPreview(index + remoteFiles.length)\"\n                :item-width=\"computedItemWidth\"\n                @deleted=\"selectedFiles.splice(index, 1)\"\n                v-for=\"(f, index) in selectedFiles\"\n            />\n\n            <vue-image-lightbox-carousel\n                ref=\"slider\"\n                :images=\"slideImages\"\n                :show=\"showImageSlider\"\n                @close=\"showImageSlider = false\"\n            >\n            </vue-image-lightbox-carousel>\n\n            <label id=\"imageField\" @drop.stop.prevent=\"onImageDropped($event)\" @dragover.stop.prevent>\n                <ImageUploadMultipleAdd\n                    v-if=\"!isDisabledOrReadOnly && canSelectFile\"\n                    :item-width=\"computedItemWidth\"\n                    @pick=\"$refs.input.click()\"\n                />\n                <input\n                    type=\"file\"\n                    :accept=\"allowedExtensions\"\n                    @input=\"onImagesSelected($event.target.files)\"\n                    class=\"custom-file-input\"\n                    ref=\"input\"\n                    multiple\n                />\n            </label>\n        </b-form-row>\n    </BaseControl>\n</template>\n\n<script>\nimport BaseControl from \"@Platon/components/form/controls/BaseControl.vue\"\nimport UploadMultipleItem from \"@Platon/components/form/controls/UploadMultipleItem.vue\"\nimport ImageUploadMultipleAdd from \"@Platon/components/form/controls/ImageUploadMultipleAdd.vue\"\nimport ImageUploadMultipleItem from \"@Platon/components/form/controls/ImageUploadMultipleItem.vue\"\nimport InputControlMixin from \"@Platon/mixins/InputControlMixin\"\nimport UploadMultipleLimitsMixin from \"@Platon/components/form/controls/UploadMultipleLimitsMixin\"\nimport ToastMixin from \"@Platon/mixins/ToastMixin\"\nimport VueImageLightboxCarousel from \"vue-img-lightbox-fixed\"\nimport { base64ToFile } from \"@Platon/core/helpers/FileHelpers\"\nimport ImageControlCropMixin from \"@Platon/components/form/controls/ImageControlCropMixin\"\n\nexport default {\n    name: \"ImageUploadMultiple\",\n    components: {\n        ImageUploadMultipleAdd,\n        ImageUploadMultipleItem,\n        UploadMultipleItem,\n        BaseControl,\n        VueImageLightboxCarousel\n    },\n\n    mixins: [InputControlMixin, ToastMixin, UploadMultipleLimitsMixin, ImageControlCropMixin],\n\n    data() {\n        return {\n            localFilesId: [],\n            selectedFiles: [],\n            showImageSlider: false,\n            itemWidth: undefined\n        }\n    },\n\n    mounted() {\n        this.emitValue()\n    },\n\n    computed: {\n        remoteFiles() {\n            return this.item.data || []\n        },\n\n        slideImages() {\n            return this.remoteFiles\n                .filter((x) => x)\n                .map((f) => ({ path: platonFileUrl(f.id), caption: this.captionForRemoteFile(f) }))\n                .concat(\n                    this.localFilesId\n                        .filter((x) => x)\n                        .map((id, index) => ({\n                            path: platonFileUrl(id),\n                            caption: this.captionForLocalFile(id, index)\n                        }))\n                )\n        },\n\n        computedItemWidth() {\n            return this.itemWidth || this.item.itemWidth || \"150px\"\n        }\n    },\n\n    provide() {\n        return {\n            item: this.item,\n            uploadControl: this\n        }\n    },\n\n    methods: {\n        emitValue() {\n            let f = this.remoteFiles.map((x) => x.id)\n            f.push(...this.localFilesId)\n\n            this.updateLocal(f)\n        },\n\n        setItemsWidth(width) {\n            this.itemWidth = width\n        },\n\n        showPreview(index) {\n            this.showImageSlider = true\n            this.$refs.slider.showImage(index)\n        },\n\n        /**\n         * @param {PlatonFile} file\n         * @return {string}\n         */\n        captionForRemoteFile(file) {\n            return `${file.name}.${file.extension}, ${this.$options.filters.prettyBytes(file.size)}`\n        },\n\n        /**\n         * @param {string} fileId\n         * @param {number} index\n         */\n        captionForLocalFile(fileId, index) {\n            /**\n             * @type File\n             */\n            let file = this.selectedFiles[index].file\n\n            return `${file.name}, ${this.$options.filters.prettyBytes(file.size)}`\n        },\n\n        /**\n         * @param base64\n         * @param filename\n         * @param type\n         */\n        async uploadBase64File(base64, filename = \"image.jpg\", type = \"image/jpeg\") {\n            return this.onImagesSelected([base64ToFile(base64, filename, type)])\n        },\n\n        /**\n         * @param {File[]} images\n         */\n        async onImagesSelected(images) {\n            const cropOptions = this.getCropOptionsForElement(this.item)\n\n            if (cropOptions) {\n                return this.onFilesSelected(await this.tryToCrop(images, cropOptions))\n            } else {\n                return this.onFilesSelected(images)\n            }\n        },\n\n        onImageDropped(event) {\n            let fileList = event.dataTransfer.files\n            this.onImagesSelected(fileList)\n        }\n    },\n\n    watch: {\n        localFilesId(val) {\n            this.emitValue()\n        },\n\n        remoteFiles() {\n            this.emitValue()\n        }\n    }\n}\n</script>\n\n<style scoped>\n#imageField {\n    position: relative;\n}\n\n#imageField input {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultiple.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultiple.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageUploadMultiple.vue?vue&type=template&id=87a7b9ba&scoped=true\"\nimport script from \"./ImageUploadMultiple.vue?vue&type=script&lang=js\"\nexport * from \"./ImageUploadMultiple.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageUploadMultiple.vue?vue&type=style&index=0&id=87a7b9ba&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"87a7b9ba\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <component\n        :errors=\"combinedErrors\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        @input=\"updateLocal\"\n        :value=\"local\"\n        :item=\"item\"\n        v-bind=\"$attrs\"\n        :is=\"uploadComponent\"\n        ref=\"manager\"\n    />\n</template>\n\n<script>\nimport ImageUploadSingle from \"@Platon/components/form/controls/ImageUploadSingle.vue\"\nimport ImageUploadMultiple from \"@Platon/components/form/controls/ImageUploadMultiple.vue\"\nimport InputControlMixin from \"@Platon/mixins/InputControlMixin\"\nimport ValidationMixin from \"@Platon/mixins/ValidationMixin\"\nimport UploadUtilsMixin from \"@Platon/components/form/controls/UploadUtilsMixin\"\n\nexport default {\n    name: \"ImageControl\",\n\n    components: { ImageUploadSingle, ImageUploadMultiple },\n    mixins: [InputControlMixin, ValidationMixin, UploadUtilsMixin],\n\n    computed: {\n        uploadComponent() {\n            if (this.item.isMultiple) {\n                return \"image-upload-multiple\"\n            } else {\n                return \"image-upload-single\"\n            }\n        }\n    }\n}\n</script>\n\n<style></style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageControl.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageControl.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageControl.vue?vue&type=template&id=15ae0fd9\"\nimport script from \"./ImageControl.vue?vue&type=script&lang=js\"\nexport * from \"./ImageControl.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultiple.vue?vue&type=style&index=0&id=87a7b9ba&prod&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadByCamera.vue?vue&type=style&index=0&id=6eee7548&prod&lang=scss&scoped=true\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadSingle.vue?vue&type=style&index=0&id=dd6a4322&prod&lang=scss&scoped=true\""],"sourceRoot":""}