@kq_npm/client3d_webgl_vue 4.5.29-beta → 4.5.31

package/videoproject/index.js

@@ -2,11 +2,11 @@
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__3458__, __WEBPACK_EXTERNAL_MODULE__7997__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
@@ -25,10 +25,12 @@ return /******/ (function() { // webpackBootstrap
  */
 
 
+
 element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
   _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
   Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 };
+
 /* harmony default export */ __webpack_exports__["Z"] = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 
 /***/ }),
@@ -39,7 +41,8 @@ element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install =
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": function() { return /* binding */ VideoProjectViewModel; }
 /* harmony export */ });
-/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5301);
+/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8270);
+
 
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
@@ -47,20 +50,24 @@ element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install =
  */
 //视频投放逻辑类
 class VideoProjectViewModel {
+  //三维viewer对象
+  //视频投放存储参数对象
+  //视频投放对象
   constructor(scenceView, options) {
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_viewer", null);
-    //三维viewer对象
+
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_options", {});
-    //视频投放存储参数对象
+
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_projectVideo", null);
-    //视频投放对象
+
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_videoElement", null);
+
     this._options = Object.assign({}, options);
     this._viewer = scenceView._viewer;
     this._videoElement = this._createVideoElement();
-  }
+  } // 创建视频标签
+
 
-  // 创建视频标签
   _createVideoElement() {
     var videoElement = document.createElement('video');
     videoElement.style.position = 'absolute';
@@ -74,9 +81,9 @@ class VideoProjectViewModel {
     videoElement.muted = true;
     document.body.appendChild(videoElement);
     return videoElement;
-  }
+  } // 投放
+
 
-  // 投放
   project() {
     this.clear();
     let position = Cesium.Cartesian3.clone(this._viewer.camera.positionWC);
@@ -94,6 +101,7 @@ class VideoProjectViewModel {
       videoElement: this._videoElement
     };
     this._videoElement.src = this._options.videoPath;
+
     if (this._options.projectType == 1) {
       options.outline = this._options.showHideLine;
       this._projectVideo = new Cesium.K3dProjectVideoPlane(options);
@@ -101,10 +109,11 @@ class VideoProjectViewModel {
       options.showHelperPrimitive = this._options.showHideLine;
       this._projectVideo = new Cesium.Kq3dProjectVideo(options);
     }
+
     this._viewer.scene.primitives.add(this._projectVideo);
-  }
+  } // 获取投放坐标
+
 
-  // 获取投放坐标
   getProjectCoordinate() {
     if (this._projectVideo) {
       let cartographic = Cesium.Cartographic.fromCartesian(this._projectVideo.position);
@@ -114,18 +123,18 @@ class VideoProjectViewModel {
         height: cartographic.height
       };
     }
-  }
+  } // 获取HeadingPitchRoll
+
 
-  // 获取HeadingPitchRoll
   getHeadingPitchRoll() {
     return {
       heading: Math.round(Cesium.Math.toDegrees(this._options.heading)),
       pitch: Math.round(Cesium.Math.toDegrees(this._options.pitch)),
       roll: Math.round(Cesium.Math.toDegrees(this._options.roll))
     };
-  }
+  } //飞入
+
 
-  //飞入
   flyTo() {
     if (this._projectVideo) {
       this._viewer.camera.flyTo({
@@ -137,76 +146,77 @@ class VideoProjectViewModel {
         }
       });
     }
-  }
+  } //清除全部
+
 
-  //清除全部
   clear() {
     this._projectVideo && this._projectVideo.destroy();
     this._projectVideo = null;
-  }
+  } //销毁
+
 
-  //销毁
   destroy() {
     this.clear();
     this._videoElement && document.body.removeChild(this._videoElement);
     this._videoElement = null;
-  }
+  } // 设置坐标
+
 
-  // 设置坐标
   setPosition(longitude, latitude, height) {
     let position = Cesium.Cartesian3.fromDegrees(longitude, latitude, height);
     this._projectVideo.position = position;
-  }
+  } // 设置视频路径
+
 
-  // 设置视频路径
   setVideoPath(val) {
     this._options.videoPath = val;
-  }
+  } // 设置投放类型, 1:平面上, 2: 模型上
+
 
-  // 设置投放类型, 1:平面上, 2: 模型上
   setProjectType(val) {
     this._options.projectType = Number(val);
-  }
+  } // 设置视场角度
+
 
-  // 设置视场角度
   setFov(val) {
     this._options.fov = Number(val);
     if (this._projectVideo) this._projectVideo.fov = Cesium.Math.toRadians(this._options.fov);
-  }
+  } // 设置纵横比
+
 
-  // 设置纵横比
   setAspectRatio(val) {
     this._options.aspectRatio = Number(val);
     if (this._projectVideo) this._projectVideo.aspectRatio = this._options.aspectRatio;
-  }
+  } // 设置投放距离
+
 
-  // 设置投放距离
   setFar(val) {
     this._options.far = Number(val);
     if (this._projectVideo) this._projectVideo.far = this._options.far;
-  }
+  } // 设置朝向角
+
 
-  // 设置朝向角
   setHeading(val) {
     this._options.heading = Number(val);
     if (this._projectVideo) this._projectVideo.heading = Cesium.Math.toRadians(this._options.heading);
-  }
+  } // 设置俯仰角
+
 
-  // 设置俯仰角
   setPitch(val) {
     this._options.pitch = Number(val);
     if (this._projectVideo) this._projectVideo.pitch = Cesium.Math.toRadians(this._options.pitch);
-  }
+  } // 设置翻转角
+
 
-  // 设置翻转角
   setRoll(val) {
     this._options.roll = Number(val);
     if (this._projectVideo) this._projectVideo.roll = Cesium.Math.toRadians(this._options.roll);
-  }
+  } // 显隐线框
+
 
-  // 显隐线框
   showHideLine(val) {
     this._options.showHideLine = val;
+
     if (this._projectVideo) {
       if (this._options.projectType == 1) {
         this._projectVideo.outline = val;
@@ -215,6 +225,7 @@ class VideoProjectViewModel {
       }
     }
   }
+
 }
 
 /***/ }),
@@ -226,27 +237,6 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 4360:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/web.url-search-params.delete.js");
-
-/***/ }),
-
-/***/ 8824:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/web.url-search-params.has.js");
-
-/***/ }),
-
-/***/ 2936:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/web.url-search-params.size.js");
-
-/***/ }),
-
 /***/ 9389:
 /***/ (function(module) {
 
@@ -289,59 +279,27 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
 
 /***/ }),
 
-/***/ 5301:
+/***/ 8270:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": function() { return /* binding */ _defineProperty; }
-});
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
-  return ("string" === r ? String : Number)(t);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
+  return obj;
 }
 
-
 /***/ })
 
 /******/ 	});
@@ -424,12 +382,6 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* reexport */ VideoProject; }
 });
 
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.delete.js"
-var web_url_search_params_delete_js_ = __webpack_require__(4360);
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.has.js"
-var web_url_search_params_has_js_ = __webpack_require__(8824);
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.size.js"
-var web_url_search_params_size_js_ = __webpack_require__(2936);
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
 var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(1895);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
@@ -444,10 +396,7 @@ var util_ = __webpack_require__(3458);
 var vue_i18n_cjs_js_ = __webpack_require__(7080);
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
 var message = __webpack_require__(1349);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/videoproject/VideoProject.vue?vue&type=script&setup=true&lang=js
-
-
-
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/videoproject/VideoProject.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-video-project-box"
@@ -482,6 +431,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -511,6 +461,7 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
@@ -518,9 +469,7 @@ const __default__ = {
     const {
       proxy
     } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
-    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
-
-    // 获取组件传参
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]); // 获取组件传参
 
     const lonlatOffset = 0.000010;
     const heightOffset = 10.0;
@@ -545,22 +494,18 @@ const __default__ = {
       aspectRatio: props.settingParams && props.settingParams.aspectRatio || 1.6,
       far: props.settingParams && props.settingParams.far || 50,
       showHideLine: props.settingParams && props.settingParams.showHideLine !== undefined || true
-    });
+    }); // 显示坐标
+
+    let showCoordinate = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 显示朝向角俯仰角翻转角
 
-    // 显示坐标
-    let showCoordinate = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
-    // 显示朝向角俯仰角翻转角
     let showHpr = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
 
-    // 组件容器Ref
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
-    // 生成组件默认header
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
 
-    // 国际化
     let {
       locale,
       messages
@@ -581,9 +526,8 @@ const __default__ = {
         (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
           watchCreateHeaderTemp();
         });
-      });
+      }); //父组 件ScenceView初始化完成后执行
 
-      //父组 件ScenceView初始化完成后执行
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           let options = {
@@ -598,63 +542,74 @@ const __default__ = {
         }
       });
     });
-
     /**
      * @description 监听header生成
      */
+
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
         headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     };
+
     function selectVideo(file) {
       formItem.videoPath = file.name;
       let url = URL.createObjectURL(file.raw);
       viewModel.setVideoPath(url);
-    }
+    } // 参数改变
+
 
-    // 参数改变
     function paramsChanged(key) {
       switch (key) {
         case "videoPath":
           viewModel.setVideoPath(formItem.videoPath);
           break;
+
         case "projectType":
           viewModel.setProjectType(formItem.projectType);
           break;
+
         case "fov":
           viewModel.setFov(formItem.fov);
           break;
+
         case "aspectRatio":
           viewModel.setAspectRatio(formItem.aspectRatio);
           break;
+
         case "far":
           viewModel.setFar(formItem.far);
           break;
+
         case "heading":
           viewModel.setHeading(formItem.heading);
           break;
+
         case "pitch":
           viewModel.setPitch(formItem.pitch);
           break;
+
         case "roll":
           viewModel.setRoll(formItem.roll);
           break;
+
         case "showHideLine":
           viewModel.showHideLine(formItem.showHideLine);
           break;
+
         case "longitude":
         case "latitude":
         case "height":
           viewModel.setPosition(formItem.longitude, formItem.latitude, formItem.height);
           break;
+
         default:
           break;
       }
-    }
+    } // 投放
+
 
-    // 投放
     function project() {
       if (formItem.videoPath === "") {
         (0,message/* default */.Z)({
@@ -668,11 +623,12 @@ const __default__ = {
           serHpr();
         }
       }
-    }
+    } // 设置坐标
+
 
-    // 设置坐标
     function setCoordinate() {
       let coordinate = viewModel.getProjectCoordinate();
+
       if (coordinate) {
         formItem.longitude = Number(coordinate.longitude.toFixed(6));
         formItem.minLongitude = Number((formItem.longitude - lonlatOffset).toFixed(6));
@@ -685,57 +641,75 @@ const __default__ = {
         formItem.maxHeight = formItem.height + heightOffset;
         showCoordinate.value = true;
       }
-    }
+    } // 设置朝向角俯仰角翻转角
+
 
-    // 设置朝向角俯仰角翻转角
     function serHpr() {
       let hpr = viewModel.getHeadingPitchRoll();
+
       if (hpr) {
         formItem.heading = hpr.heading;
         formItem.pitch = hpr.pitch;
         formItem.roll = hpr.roll;
         showHpr.value = true;
       }
-    }
+    } // 飞入
+
 
-    // 飞入
     function flyTo() {
       viewModel && viewModel.flyTo();
-    }
+    } // 清除
+
 
-    // 清除
     function clearResult() {
       showCoordinate.value = false;
       showHpr.value = false;
       viewModel && viewModel.clear();
-    }
+    } // 销毁
+
 
-    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
+
     __expose({
       paramsChanged,
       project,
       flyTo,
       clearResult
     });
+
     return (_ctx, _cache) => {
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
       const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon");
+
       const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
+
       const _component_kq_upload = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-upload");
+
       const _component_kq_input = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input");
+
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
       const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio");
+
       const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-group");
+
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
+
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
       const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
+
       const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-switch");
+
       const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
+
       const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item");
+
       const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
+
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-video-project", {
           'kq-box-shadow': __props.showShadow
@@ -746,7 +720,9 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         gutter: 20,
         class: "rowClass"
       }, {
@@ -754,8 +730,12 @@ const __default__ = {
           span: 6,
           class: "colClass"
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).videoPath), 1 /* TEXT */)]),
-          _: 1 /* STABLE */
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).videoPath), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 18
         }, {
@@ -776,17 +756,31 @@ const __default__ = {
                   size: 16
                 }, {
                   default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconFolder2))]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
               })]),
-              _: 1 /* STABLE */
+              _: 1
+              /* STABLE */
+
             })]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["modelValue", "placeholder"])]),
-          _: 1 /* STABLE */
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue", "placeholder"])]),
+          _: 1
+          /* STABLE */
+
         })]),
-        _: 1 /* STABLE */
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         gutter: 20,
         class: "rowClass"
@@ -795,8 +789,12 @@ const __default__ = {
           span: 6,
           class: "colClass"
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).projectTo), 1 /* TEXT */)]),
-          _: 1 /* STABLE */
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).projectTo), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 18
         }, {
@@ -808,25 +806,45 @@ const __default__ = {
               label: 1,
               onChange: _cache[2] || (_cache[2] = $event => paramsChanged('projectType'))
             }, {
-              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).onPlane), 1 /* TEXT */)]),
-              _: 1 /* STABLE */
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).onPlane), 1
+              /* TEXT */
+              )]),
+              _: 1
+              /* STABLE */
+
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
               label: 2,
               onChange: _cache[3] || (_cache[3] = $event => paramsChanged('projectType'))
             }, {
-              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).onModel), 1 /* TEXT */)]),
-              _: 1 /* STABLE */
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).onModel), 1
+              /* TEXT */
+              )]),
+              _: 1
+              /* STABLE */
+
             })]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["modelValue"])]),
-          _: 1 /* STABLE */
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue"])]),
+          _: 1
+          /* STABLE */
+
         })]),
-        _: 1 /* STABLE */
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         class: "kq3d-video-project-tip"
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).videoProjectTips), 1 /* TEXT */)]),
-        _: 1 /* STABLE */
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).videoProjectTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).collapseValue,
         class: "kq3d-video-project-collapse"
@@ -858,8 +876,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minLongitude,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxLongitude,
                       onChange: _cache[6] || (_cache[6] = $event => paramsChanged('longitude'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8,
                     style: {
@@ -867,15 +889,29 @@ const __default__ = {
                       "padding-left": "8px"
                     }
                   }, {
-                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longitude), 1 /* TEXT */)]),
-                    _: 1 /* STABLE */
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).longitude), 1
+                    /* TEXT */
+                    )]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showCoordinate)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showCoordinate)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).latitude + '(°)'
               }, {
@@ -894,8 +930,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minLatitude,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxLatitude,
                       onChange: _cache[8] || (_cache[8] = $event => paramsChanged('latitude'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8,
                     style: {
@@ -903,15 +943,29 @@ const __default__ = {
                       "padding-left": "8px"
                     }
                   }, {
-                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latitude), 1 /* TEXT */)]),
-                    _: 1 /* STABLE */
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).latitude), 1
+                    /* TEXT */
+                    )]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showCoordinate)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showCoordinate)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).height + '(m)'
               }, {
@@ -930,8 +984,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeight,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeight,
                       onChange: _cache[10] || (_cache[10] = $event => paramsChanged('height'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8,
                     style: {
@@ -939,15 +997,29 @@ const __default__ = {
                       "padding-left": "8px"
                     }
                   }, {
-                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height), 1 /* TEXT */)]),
-                    _: 1 /* STABLE */
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height), 1
+                    /* TEXT */
+                    )]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showCoordinate)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showCoordinate)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).videoFov
               }, {
@@ -966,8 +1038,12 @@ const __default__ = {
                       min: 10,
                       max: 120,
                       onChange: _cache[12] || (_cache[12] = $event => paramsChanged('fov'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -979,14 +1055,26 @@ const __default__ = {
                       max: 120,
                       "controls-position": "right",
                       onChange: _cache[14] || (_cache[14] = $event => paramsChanged('fov'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).aspectRatio
@@ -1006,8 +1094,12 @@ const __default__ = {
                       min: 0.5,
                       max: 2,
                       onChange: _cache[16] || (_cache[16] = $event => paramsChanged('aspectRatio'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1019,14 +1111,26 @@ const __default__ = {
                       max: 2,
                       "controls-position": "right",
                       onChange: _cache[18] || (_cache[18] = $event => paramsChanged('aspectRatio'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).farDistance
@@ -1046,8 +1150,12 @@ const __default__ = {
                       min: 10,
                       max: 200,
                       onChange: _cache[20] || (_cache[20] = $event => paramsChanged('far'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1059,14 +1167,26 @@ const __default__ = {
                       max: 200,
                       "controls-position": "right",
                       onChange: _cache[22] || (_cache[22] = $event => paramsChanged('far'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heading
@@ -1086,8 +1206,12 @@ const __default__ = {
                       min: 0,
                       max: 360,
                       onChange: _cache[24] || (_cache[24] = $event => paramsChanged('heading'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1099,15 +1223,29 @@ const __default__ = {
                       max: 360,
                       "controls-position": "right",
                       onChange: _cache[26] || (_cache[26] = $event => paramsChanged('heading'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).pitch
               }, {
@@ -1126,8 +1264,12 @@ const __default__ = {
                       min: -90,
                       max: 90,
                       onChange: _cache[28] || (_cache[28] = $event => paramsChanged('pitch'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1139,15 +1281,29 @@ const __default__ = {
                       max: 90,
                       "controls-position": "right",
                       onChange: _cache[30] || (_cache[30] = $event => paramsChanged('pitch'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).roll
               }, {
@@ -1166,8 +1322,12 @@ const __default__ = {
                       min: 0,
                       max: 360,
                       onChange: _cache[32] || (_cache[32] = $event => paramsChanged('roll'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1179,15 +1339,29 @@ const __default__ = {
                       max: 360,
                       "controls-position": "right",
                       onChange: _cache[34] || (_cache[34] = $event => paramsChanged('roll'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               style: {
                 "margin-bottom": "8px"
               }
@@ -1210,43 +1384,86 @@ const __default__ = {
                       "onUpdate:modelValue": _cache[35] || (_cache[35] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).showHideLine = $event),
                       "controls-position": "left",
                       onChange: _cache[36] || (_cache[36] = $event => paramsChanged('showHideLine'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             })]),
-            _: 1 /* STABLE */
+            _: 1
+            /* STABLE */
+
           })]),
-          _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["title"])]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[37] || (_cache[37] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => project(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).project,
         type: "primary"
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).project), 1 /* TEXT */)]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).project), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[38] || (_cache[38] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => flyTo(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).flyTo,
         type: "primary"
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).flyTo), 1 /* TEXT */)]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).flyTo), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[39] || (_cache[39] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clearResult(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear), 1 /* TEXT */)]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])])])], 2
+      /* CLASS */
+      );
     };
   }
+
 }));
 ;// CONCATENATED MODULE: ./src/webgl/videoproject/VideoProject.vue?vue&type=script&setup=true&lang=js
  
@@ -1268,11 +1485,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 VideoProject.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(VideoProject.name, VideoProject);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()