{"version":3,"sources":["webpack:///./src/components/form/controls/ImageControl.vue?2e1a","webpack:///./src/components/form/controls/ImageUploadSingle.vue?4148","webpack:///./src/components/form/controls/ImageUploadByCamera.vue?8ba7","webpack:///src/components/form/controls/ImageUploadByCamera.vue","webpack:///./src/components/form/controls/ImageUploadByCamera.vue?a67e","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?4fac","webpack:///./src/components/form/controls/ImageUploadSingle.vue","webpack:///./src/components/form/controls/ImageUploadMultiple.vue?f797","webpack:///./src/components/form/controls/ImageUploadMultipleAdd.vue?2714","webpack:///src/components/form/controls/ImageUploadMultipleAdd.vue","webpack:///./src/components/form/controls/ImageUploadMultipleAdd.vue?cb28","webpack:///./src/components/form/controls/ImageUploadMultipleAdd.vue","webpack:///./src/components/form/controls/ImageUploadMultipleItem.vue?2b70","webpack:///src/components/form/controls/ImageUploadMultipleItem.vue","webpack:///./src/components/form/controls/ImageUploadMultipleItem.vue?133a","webpack:///./src/components/form/controls/ImageUploadMultipleItem.vue","webpack:///src/components/form/controls/ImageUploadMultiple.vue","webpack:///./src/components/form/controls/ImageUploadMultiple.vue?2465","webpack:///./src/components/form/controls/ImageUploadMultiple.vue","webpack:///src/components/form/controls/ImageControl.vue","webpack:///./src/components/form/controls/ImageControl.vue?c017","webpack:///./src/components/form/controls/ImageControl.vue","webpack:///./src/components/form/controls/ImageUploadSingle.vue?5a2c","webpack:///./src/components/form/controls/ImageUploadByCamera.vue?099e","webpack:///./src/components/form/controls/ImageUploadMultiple.vue?0d97"],"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","methods","accessDeviceCamera","audio","video","facingMode","copyVideoAsCanvasPicture","height","width","canvasElement","originalCanvas","stopCameraStream","streamTracks","canvasImage","imageFormData","detectionWebcamAvailability","throwCameraAvailability","throwCameraStream","throwError","action","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","isMobileOrTablet","limitFileSizeErrorToast","template","props","required","type","onSave","modalActions","text","reader","onImageSelected","uploadBase64File","openDeviceCamera","document","that","exportTakenPictureFromDeviceCamera","cameraInput","compressImage","img","canvas","ctx","compressedDataUrl","quality","fetch","then","resolve","catch","_l","f","index","key","computedItemWidth","remoteFiles","splice","showPreview","selectedFiles","model","localFilesId","callback","$$v","$set","slideImages","showImageSlider","preventDefault","onImageDropped","canSelectFile","onImagesSelected","itemWidth","$emit","default","fileName","isUploadError","canDownload","uploadControl","uploadFile","fileDescription","info","inject","ImageUploadMultipleAdd","ImageUploadMultipleItem","UploadMultipleItem","VueImageLightboxCarousel","filter","map","path","caption","concat","provide","emitValue","setItemsWidth","captionForRemoteFile","captionForLocalFile","ImageUploadSingle","ImageUploadMultiple"],"mappings":"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","file":"js/chunk-c5899568.f632a237.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()]),(!_vm.readonly)?_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()]):_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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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, 520, 520)\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\" v-if=\"!readonly\">\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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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=a8c9f79a&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=a8c9f79a&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  \"a8c9f79a\",\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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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--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=a8c9f79a&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!./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--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&\""],"sourceRoot":""}