(function webpackUniversalModuleDefinition(root, factory) {
	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/const-image"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util"));
	else if(typeof define === 'function' && define.amd)
		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/const-image", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/_utils/util"], 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/const-image"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/const-image"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/_utils/util"]);
		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
	}
})(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__6277__, __WEBPACK_EXTERNAL_MODULE__7997__, __WEBPACK_EXTERNAL_MODULE__3458__) {
return /******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ({

/***/ 1349:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9389);
/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7997);
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_1__);
/*
 * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
 * All rights reserved.
 */


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);

/***/ }),

/***/ 348:
/***/ (function(module) {

module.exports = require("@kq_npm/client_icons_vue");

/***/ }),

/***/ 8470:
/***/ (function(module) {

module.exports = require("core-js/modules/esnext.iterator.constructor.js");

/***/ }),

/***/ 8697:
/***/ (function(module) {

module.exports = require("core-js/modules/esnext.iterator.find.js");

/***/ }),

/***/ 2170:
/***/ (function(module) {

module.exports = require("core-js/modules/esnext.iterator.map.js");

/***/ }),

/***/ 9389:
/***/ (function(module) {

module.exports = require("element-plus/dist/index.full.js");

/***/ }),

/***/ 7080:
/***/ (function(module) {

module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");

/***/ }),

/***/ 6277:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__6277__;

/***/ }),

/***/ 7135:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__7135__;

/***/ }),

/***/ 3458:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__3458__;

/***/ }),

/***/ 7997:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__7997__;

/***/ }),

/***/ 1895:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;

/***/ }),

/***/ 5301:
/***/ (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.");
  }
  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;
}


/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	!function() {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = function(module) {
/******/ 			var getter = module && module.__esModule ?
/******/ 				function() { return module['default']; } :
/******/ 				function() { return module; };
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	!function() {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = function(exports, definition) {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	!function() {
/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	!function() {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = function(exports) {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	}();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
!function() {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "SlopeAnalysisViewModel": function() { return /* reexport */ SlopeAnalysisViewModel; },
  "default": function() { return /* reexport */ SlopeAnalysis; }
});

// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
var esnext_iterator_constructor_js_ = __webpack_require__(8470);
// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.find.js"
var esnext_iterator_find_js_ = __webpack_require__(8697);
// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.map.js"
var esnext_iterator_map_js_ = __webpack_require__(2170);
// 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"
var gis_utils_ = __webpack_require__(7135);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 3 modules
var defineProperty = __webpack_require__(5301);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/const-image"
var const_image_ = __webpack_require__(6277);
// EXTERNAL MODULE: ./src/common/_ui/message/index.js
var message = __webpack_require__(1349);
;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysisViewModel.js



/*
 * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
 * All rights reserved.
 */

// 分析逻辑类

class SlopeAnalysisViewModel {
  constructor(scenceView, viewModel) {
    (0,defineProperty/* default */.Z)(this, "_slopeAnalysis", null);
    // 坡度坡向三维对象
    (0,defineProperty/* default */.Z)(this, "_globaOptions", {
      //全局参数
      viewer: null,
      _drawManager: null
    });
    (0,defineProperty/* default */.Z)(this, "_colorImages", [
    //渐变图片集合
    {
      value: "0",
      src: const_image_.RED_TO_PURPLE_URL
    }, {
      value: "1",
      src: const_image_.PURPLE_TO_YELLOW_URL
    }, {
      value: "2",
      src: const_image_.GREEN_TO_BLUE_URL
    }]);
    (0,defineProperty/* default */.Z)(this, "_language", {});
    this._language = scenceView._language;
    this._globaOptions.viewer = scenceView._viewer;
    this._globaOptions.viewModel = {
      fillStyle: viewModel.fillStyle,
      viewer: this._globaOptions.viewer,
      isFilter: false,
      // 自定义颜色
      colorTableDegree: viewModel.colorTableDegree,
      colorTable: viewModel.colorTable,
      // 渐变纹理
      imageSrc: this.getColorLine(viewModel.colorImage),
      // 坡度过滤
      minSlope: viewModel.minSlope,
      maxSlope: viewModel.maxSlope,
      slopeColorText: viewModel.slopeColorText,
      slopeColorAlpha: viewModel.slopeColorAlpha,
      colorImage: this.getImagePath(viewModel.colorImage)
    };
    this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
    // this._globaOptions.viewer.scene.globe.enableLighting = true;
    this._globaOptions._drawManager = scenceView._drawManager;
    var that = this;
    // that._slopeAnalysis = new Cesium.Kq3dSlope({
    //   viewer: that._globaOptions.viewer,
    //   positions: [
    //     new Cesium.Cartesian3(528486.4951355414, 5591866.071664512, 3011848.5874731047),
    //     new Cesium.Cartesian3(511851.92328430264, 5590161.386242805, 3017839.604729828),
    //     new Cesium.Cartesian3(512863.7934440037, 5579087.150988879, 3037957.9974059854),
    //     new Cesium.Cartesian3(526764.7827270611, 5574253.865524863, 3044401.4321003747),
    //     new Cesium.Cartesian3(544782.217496756, 5578126.194618411, 3034189.5478781504),
    //     new Cesium.Cartesian3(546626.3798432688, 5588179.698741777, 3015426.663665117)
    //   ],
    //   isFilter: false,
    //   colorTableDegree: that._globaOptions.viewModel.colorTableDegree,
    //   colorTable: that._globaOptions.viewModel.colorTable
    // });
    // that._slopeAnalysis.destroy();
    // that._slopeAnalysis = null;

    this._globaOptions._drawFinishedEventListener = this._globaOptions._drawManager.drawFinishedEvent.addEventListener(shape => {
      if (shape) {
        that._globaOptions.viewModel.positions = shape._controlPoints;
        // 实例化分析对象
        if (!that._slopeAnalysis) {
          switch (that._globaOptions.viewModel.fillStyle) {
            case "tableColor":
              that._slopeAnalysis = new Cesium.Kq3dSlope({
                viewer: that._globaOptions.viewer,
                positions: that._globaOptions.viewModel.positions,
                isFilter: false,
                colorTableDegree: that._globaOptions.viewModel.colorTableDegree,
                colorTable: that._globaOptions.viewModel.colorTable
              });
              break;
            case "colorImage":
              that._slopeAnalysis = new Cesium.Kq3dSlope({
                viewer: that._globaOptions.viewer,
                positions: that._globaOptions.viewModel.positions,
                isFilter: false,
                colorImage: that._globaOptions.viewModel.imageSrc
              });
              break;
            case "slopeFilter":
              that._slopeAnalysis = new Cesium.Kq3dSlope({
                viewer: that._globaOptions.viewer,
                positions: that._globaOptions.viewModel.positions,
                isFilter: true,
                minSlope: that._globaOptions.viewModel.minSlope,
                maxSlope: that._globaOptions.viewModel.maxSlope,
                color: Cesium.Color.fromCssColorString(that._globaOptions.viewModel.slopeColorText).withAlpha(Number(that._globaOptions.viewModel.slopeColorAlpha))
              });
              break;
          }
        } else {
          that._slopeAnalysis.positions = that._globaOptions.viewModel.positions;
        }
        that._globaOptions._drawManager.clear();
      }
    });
  }
  //获取图片路径
  getImagePath(value) {
    var imagePath = '';
    var image = this._colorImages.find(item => item.value === value);
    if (image) {
      imagePath = image.src;
    }
    return imagePath;
  }
  // 开始分析
  start() {
    // 判断是否添加了地形
    if (this._globaOptions.viewModel.viewer.terrainProvider.availability) {
      if (this._globaOptions.viewModel.viewer.terrainProvider instanceof Cesium.CesiumTerrainProvider) {
        if (this._globaOptions.viewModel.fillStyle === "slopeFilter") {
          // 坡度过滤不需要进行绘制
          this._slopeAnalysis = new Cesium.Kq3dSlope({
            viewer: this._globaOptions.viewer,
            positions: [],
            isFilter: true,
            minSlope: this._globaOptions.viewModel.minSlope,
            maxSlope: this._globaOptions.viewModel.maxSlope,
            color: Cesium.Color.fromCssColorString(this._globaOptions.viewModel.slopeColorText).withAlpha(Number(this._globaOptions.viewModel.slopeColorAlpha))
          });
        } else {
          // this.clear();
          if (this._globaOptions._drawManager) {
            this._globaOptions._drawManager.startDraw("polygon", {
              clampToGround: true
            });
          }
        }
      } else {
        (0,message/* default */.Z)({
          message: this._language["stkTerrainAnalysisTips"],
          type: "warning"
        });
      }
    } else {
      (0,message/* default */.Z)({
        message: this._language["terrainAnalysisTips"],
        type: "warning"
      });
    }
  }
  //修改填充样式
  changeFilltyle(key) {
    this._globaOptions.viewModel.fillStyle = key;
    if (!this._slopeAnalysis) return;
    switch (key) {
      case "tableColor":
        if (this._slopeAnalysis.isFilter) this._slopeAnalysis.isFilter = false;
        this._slopeAnalysis.colorImage = null;
        this._slopeAnalysis.color = null;
        this._slopeAnalysis.colorTableDegree = this._globaOptions.viewModel.colorTableDegree;
        this._slopeAnalysis.colorTable = this._globaOptions.viewModel.colorTable;
        break;
      case "colorImage":
        if (this._slopeAnalysis.isFilter) this._slopeAnalysis.isFilter = false;
        this._slopeAnalysis.colorTableDegree = [];
        this._slopeAnalysis.colorTable = [];
        this._slopeAnalysis.color = null;
        this._slopeAnalysis.colorImage = this._globaOptions.viewModel.imageSrc;
        break;
      case "slopeFilter":
        this._slopeAnalysis.colorImage = null;
        this._slopeAnalysis.isFilter = true;
        this._slopeAnalysis.minSlope = this._globaOptions.viewModel.minSlope, this._slopeAnalysis.maxSlope = this._globaOptions.viewModel.maxSlope, this._slopeAnalysis.color = Cesium.Color.fromCssColorString(this._globaOptions.viewModel.slopeColorText).withAlpha(Number(this._globaOptions.viewModel.slopeColorAlpha));
        break;
    }
  }
  // 设置填充纹理值
  setColorTableDegree(newValue) {
    this._globaOptions.viewModel.colorTableDegree = newValue;
    if (this._slopeAnalysis) this._slopeAnalysis.colorTableDegree = this._globaOptions.viewModel.colorTableDegree;
  }
  // 设置填充纹理颜色
  setColorTable(newValue) {
    this._globaOptions.viewModel.colorTable = newValue;
    if (this._slopeAnalysis) this._slopeAnalysis.colorTable = this._globaOptions.viewModel.colorTable;
  }
  // 设置填充纹理
  setColorImage(newValue) {
    this._globaOptions.viewModel.imageSrc = newValue;
    if (this._slopeAnalysis) this._slopeAnalysis.colorImage = this._globaOptions.viewModel.imageSrc;
  }
  // 设置渐变纹理
  getColorLine(key) {
    var path = "";
    switch (key) {
      case 0:
        path = const_image_.RED_TO_PURPLE_URL;
        break;
      case 1:
        path = const_image_.PURPLE_TO_YELLOW_URL;
        break;
      case 2:
        path = const_image_.GREEN_TO_BLUE_URL;
        break;
      default:
        path = const_image_.RED_TO_PURPLE_URL;
        break;
    }
    return path;
  }
  // 设置坡度过滤样式
  setSlopeFilterColor(slopeColorText, slopeColorAlpha) {
    this._globaOptions.viewModel.slopeColorText = slopeColorText;
    this._globaOptions.viewModel.slopeColorAlpha = Number(slopeColorAlpha);
    if (this._slopeAnalysis) this._slopeAnalysis.color = Cesium.Color.fromCssColorString(slopeColorText).withAlpha(Number(slopeColorAlpha));
  }
  // 设置最小坡度值
  setSlopeFilterMin(newValue) {
    this._globaOptions.viewModel.minSlope = Number(newValue);
    if (this._slopeAnalysis) this._slopeAnalysis.minSlope = this._globaOptions.viewModel.minSlope;
  }
  // 设置最大坡度值
  setSlopeFilterMax(newValue) {
    this._globaOptions.viewModel.maxSlope = Number(newValue);
    if (this._slopeAnalysis) this._slopeAnalysis.maxSlope = this._globaOptions.viewModel.maxSlope;
  }
  // 清除全部结果
  clear() {
    this._globaOptions._drawManager && this._globaOptions._drawManager.stopDraw();
    this._slopeAnalysis && this._slopeAnalysis.destroy();
    this._slopeAnalysis = null;
  }
  // 销毁
  destroy() {
    // 移除监听事件
    this._globaOptions._drawFinishedEventListener && this._globaOptions._drawFinishedEventListener();
    this._globaOptions._drawFinishedEventListener = null;
    this._slopeAnalysis && this._slopeAnalysis.destroy();
    this._slopeAnalysis = null;
  }
}
// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
var client_icons_vue_ = __webpack_require__(348);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
var util_ = __webpack_require__(3458);
// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
var vue_i18n_cjs_js_ = __webpack_require__(7080);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js




const _hoisted_1 = {
  class: "kq3d-slope-analysis-box"
};
const _hoisted_2 = {
  key: 0
};
const _hoisted_3 = {
  class: "kq3d-slope-analysis-span"
};
const _hoisted_4 = {
  key: 1
};
const _hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "0°", -1 /* HOISTED */);
const _hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
  class: "kq3d-slope-analysis-line"
}, null, -1 /* HOISTED */);
const _hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "90°", -1 /* HOISTED */);
const _hoisted_8 = ["src"];
const _hoisted_9 = {
  key: 2
};
const _hoisted_10 = {
  class: "kq3d-slope-analysis-footer"
};







const __default__ = {
  name: "Kq3dSlopeAnalysis"
};
/* harmony default export */ var SlopeAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
  props: {
    // 设置参数
    settingParams: {
      type: Object
    },
    // 是否显示阴影效果
    showShadow: {
      type: Boolean,
      default: true
    },
    /**
     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
     */
    position: [String, Object],
    // 是否生成HeaderTemp
    showHeaderTemp: {
      type: Boolean,
      default: false
    },
    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
    isCollapseHeaderTemp: {
      type: Boolean,
      default: false
    },
    // HeaderTemp标题
    headerTempTitle: {
      type: String
    },
    // HeaderTemp图标
    headerTempIcon: {
      type: [Object, String],
      default: client_icons_vue_.IconSlopeAnalysis
    },
    // HeaderTemp Title&Icon的位置
    isRight: {
      type: Boolean,
      default: true
    }
  },
  setup(__props, {
    expose: __expose
  }) {
    const props = __props;
    const {
      proxy
    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
    let dataList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)([{
      colorTableDegree: 0,
      colorTable: null
    }, {
      colorTableDegree: 10,
      colorTable: "#00FF00"
    }, {
      colorTableDegree: 20,
      colorTable: "#0000FF"
    }, {
      colorTableDegree: 30,
      colorTable: "#FFFF00"
    }, {
      colorTableDegree: 40,
      colorTable: "#FF7F00"
    }, {
      colorTableDegree: 90,
      colorTable: "#FF0000"
    }]);
    const colorImages = [{
      value: 0,
      src: const_image_.RED_TO_PURPLE_URL
    }, {
      value: 1,
      src: const_image_.PURPLE_TO_YELLOW_URL
    }, {
      value: 2,
      src: const_image_.GREEN_TO_BLUE_URL
    }];

    //计算属性

    // 获取组件传参

    // 分析类
    let viewModel = null;
    // 默认参数
    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
      fillStyle: props.settingParams && props.settingParams.fillStyle || "tableColor",
      colorTableDegree: props.settingParams && props.settingParams.colorTableDegree || [10, 20, 30, 40, 90],
      colorTable: props.settingParams && props.settingParams.colorTable || ["#00FF00", "#0000FF", "#FFFF00", "#FF7F00", "#FF0000"],
      colorImage: props.settingParams && props.settingParams.colorImage || 0,
      minSlope: props.settingParams && props.settingParams.minSlope || 10,
      maxSlope: props.settingParams && props.settingParams.maxSlope || 60,
      slopeColorAlpha: props.settingParams && props.settingParams.slopeColorAlpha || 0.3,
      slopeColorText: props.settingParams && props.settingParams.slopeColorText || "#FF0000"
    });

    // 组件容器Ref
    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);

    // 生成组件默认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 {
      locale,
      messages
    } = (0,vue_i18n_cjs_js_.useI18n)();
    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
      language.value = messages.value[newVal]["webgl"];
      headerTempTitle.value = language.value.slopeAnalysis;
    });
    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
      (0,util_.updatePosition)(boxRef.value, props);
      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
        (0,util_.updatePosition)(boxRef.value, props);
      });
      watchCreateHeaderTemp();
      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
          watchCreateHeaderTemp();
        });
      });
      currentLang.value = proxy.$i18n.locale; // 获取当前语言
      gis_utils_.utils.getWebMap(null, scenceView => {
        if (scenceView) {
          refactorArr();
          viewModel = new SlopeAnalysisViewModel(scenceView, formItem);
          // var imageUrl = getImagePath(formItem.colorImage);
          // viewModel.setColorImage(imageUrl);
        }
      });
    });

    /**
     * @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 refactorArr(type) {
      if (!dataList || !dataList.length) return;
      if (type == "degree") {
        formItem.colorTableDegree = dataList.map(item => {
          return item.colorTableDegree;
        });
        formItem.colorTableDegree.shift();
      } else if (type == "color") {
        formItem.colorTable = dataList.map(item => {
          return item.colorTable;
        });
        formItem.colorTable.shift();
      }
    }

    //获取图片路径
    function getImagePath(value) {
      var imagePath = "";
      var image = colorImages.find(item => item.value === value);
      if (image) {
        imagePath = image.src;
      }
      return imagePath;
    }

    // 参数改变
    function paramsChanged(key) {
      switch (key) {
        case "fillStyle":
          // 填充样式
          viewModel.changeFilltyle(formItem.fillStyle);
          break;
        case "colorTableDegree":
          // 自定义填充样式区间
          refactorArr("degree");
          viewModel.setColorTableDegree(formItem.colorTableDegree);
          break;
        case "colorTable":
          // 自定义填充样式颜色
          refactorArr("color");
          viewModel.setColorTable(formItem.colorTable);
          break;
        case "colorImage":
          // 填充样式
          var imageUrl = getImagePath(formItem.colorImage);
          viewModel.setColorImage(imageUrl);
          break;
        case "minSlope":
          // 填充样式
          viewModel.setSlopeFilterMin(formItem.minSlope);
          break;
        case "maxSlope":
          // 填充样式
          viewModel.setSlopeFilterMax(formItem.maxSlope);
          break;
        case "slopeColorAlpha":
          // 填充样式
          viewModel.setSlopeFilterColor(formItem.slopeColorText, formItem.slopeColorAlpha);
          break;
        case "slopeColorText":
          // 填充样式
          viewModel.setSlopeFilterColor(formItem.slopeColorText, formItem.slopeColorAlpha);
          break;
        default:
          break;
      }
    }
    // 开始分析
    function startAnalysis() {
      clearResult();
      viewModel && viewModel.start();
    }
    //清除结果
    function clearResult() {
      viewModel && viewModel.clear();
    }
    // 销毁
    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
      viewModel && viewModel.destroy();
    });
    __expose({
      refactorArr,
      getImagePath,
      paramsChanged,
      startAnalysis,
      clearResult
    });
    return (_ctx, _cache) => {
      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
      const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
      const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
      const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
      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 = (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");
      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
      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-slope-analysis", {
          'kq-box-shadow': __props.showShadow
        }]),
        ref_key: "boxRef",
        ref: boxRef
      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
        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_.unref)(formItem).fillStyle !== 'slopeFilter' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
        key: 0,
        class: "kq3d-slope-analysis-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).skylineTips), 1 /* TEXT */)]),
        _: 1 /* STABLE */
      })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (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)(collapseValue)
      }, {
        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_collapse_item, {
          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).analysisSettings,
          name: "setting"
        }, {
          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, {
            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '90px' : '120px',
            "label-position": "left"
          }, {
            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_row, {
              style: {
                "display": "block"
              }
            }, {
              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).fillStyle
              }, {
                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_select, {
                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle,
                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle = $event),
                  onChange: _cache[1] || (_cache[1] = $event => paramsChanged('fillStyle'))
                }, {
                  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_option, {
                    label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).customColorScheme,
                    value: "tableColor"
                  }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
                    label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).gradientTexture,
                    value: "colorImage"
                  }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
                    label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).slopeFilter,
                    value: "slopeFilter"
                  }, null, 8 /* PROPS */, ["label"])]),
                  _: 1 /* STABLE */
                }, 8 /* PROPS */, ["modelValue"])]),
                _: 1 /* STABLE */
              }, 8 /* PROPS */, ["label"])]),
              _: 1 /* STABLE */
            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle === 'tableColor' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
              style: {
                "display": "flex"
              }
            }, {
              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_col, {
                span: 18
              }, {
                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).setSlopeRange), 1 /* TEXT */)]),
                _: 1 /* STABLE */
              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                span: 6
              }, {
                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).setColor), 1 /* TEXT */)]),
                _: 1 /* STABLE */
              })]),
              _: 1 /* STABLE */
            }), ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList), (item, index) => {
              return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
                key: index,
                style: {
                  "display": "flex",
                  "padding-bottom": "8px"
                }
              }, {
                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [index > 0 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, {
                  key: 0
                }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                  span: 18
                }, {
                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [index === 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
                    key: 0,
                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree,
                    "onUpdate:modelValue": $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree = $event,
                    disabled: true,
                    onInput: _cache[2] || (_cache[2] = $event => paramsChanged('colorTableDegree')),
                    "controls-position": "right"
                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), index > 1 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
                    key: 1,
                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree,
                    "onUpdate:modelValue": $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree = $event,
                    disabled: true,
                    step: 1,
                    onInput: _cache[3] || (_cache[3] = $event => paramsChanged('colorTableDegree')),
                    "controls-position": "right"
                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])) : (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)("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).to), 1 /* TEXT */), index > 0 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
                    key: 2,
                    modelValue: item.colorTableDegree,
                    "onUpdate:modelValue": $event => item.colorTableDegree = $event,
                    min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree,
                    max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index + 1].colorTableDegree,
                    step: 1,
                    onInput: _cache[4] || (_cache[4] = $event => paramsChanged('colorTableDegree')),
                    "controls-position": "right"
                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "min", "max"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), index === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
                    key: 3,
                    modelValue: item.colorTableDegree,
                    "onUpdate:modelValue": $event => item.colorTableDegree = $event,
                    step: 1,
                    disabled: true,
                    onInput: _cache[5] || (_cache[5] = $event => paramsChanged('colorTableDegree')),
                    "controls-position": "right"
                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
                  _: 2 /* DYNAMIC */
                }, 1024 /* DYNAMIC_SLOTS */), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                  span: 6
                }, {
                  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_color_picker, {
                    modelValue: item.colorTable,
                    "onUpdate:modelValue": $event => item.colorTable = $event,
                    onChange: _cache[6] || (_cache[6] = $event => paramsChanged('colorTable'))
                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])]),
                  _: 2 /* DYNAMIC */
                }, 1024 /* DYNAMIC_SLOTS */)], 64 /* STABLE_FRAGMENT */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
                _: 2 /* DYNAMIC */
              }, 1024 /* DYNAMIC_SLOTS */);
            }), 128 /* KEYED_FRAGMENT */))])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle === 'colorImage' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_4, [(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).gradientColor
              }, {
                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_row, {
                  style: {
                    "display": "flex"
                  }
                }, {
                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_5, _hoisted_6, _hoisted_7]),
                  _: 1 /* STABLE */
                }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_group, {
                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorImage,
                  "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorImage = $event),
                  onChange: _cache[8] || (_cache[8] = $event => paramsChanged('colorImage'))
                }, {
                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)(colorImages, (item, index) => {
                    return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
                      key: index,
                      label: index
                    }, {
                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("img", {
                        class: "kq3d-slope-analysis-legend",
                        src: item.src,
                        alt: ""
                      }, null, 8 /* PROPS */, _hoisted_8)]),
                      _: 2 /* DYNAMIC */
                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
                  }), 64 /* STABLE_FRAGMENT */))]),
                  _: 1 /* STABLE */
                }, 8 /* PROPS */, ["modelValue"])]),
                _: 1 /* STABLE */
              }, 8 /* PROPS */, ["label"])]),
              _: 1 /* STABLE */
            })])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle === 'slopeFilter' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_9, [(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).minSlope
              }, {
                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_row, {
                  style: {
                    "display": "flex"
                  }
                }, {
                  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_col, {
                    span: 16
                  }, {
                    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_slider, {
                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope,
                      "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope = $event),
                      step: 1,
                      min: 0,
                      max: 90,
                      onInput: _cache[10] || (_cache[10] = $event => paramsChanged('minSlope'))
                    }, null, 8 /* PROPS */, ["modelValue"])]),
                    _: 1 /* STABLE */
                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                    span: 8
                  }, {
                    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_input_number, {
                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope,
                      "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope = $event),
                      step: 1,
                      min: 0,
                      max: 90,
                      "controls-position": "right",
                      onInput: _cache[12] || (_cache[12] = $event => paramsChanged('minSlope'))
                    }, null, 8 /* PROPS */, ["modelValue"])]),
                    _: 1 /* STABLE */
                  })]),
                  _: 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).maxSlope
              }, {
                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_row, {
                  style: {
                    "display": "flex"
                  }
                }, {
                  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_col, {
                    span: 16
                  }, {
                    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_slider, {
                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope,
                      "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope = $event),
                      step: 1,
                      min: 0,
                      max: 90,
                      onInput: _cache[14] || (_cache[14] = $event => paramsChanged('maxSlope'))
                    }, null, 8 /* PROPS */, ["modelValue"])]),
                    _: 1 /* STABLE */
                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                    span: 8
                  }, {
                    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_input_number, {
                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope,
                      "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope = $event),
                      step: 1,
                      min: 0,
                      max: 90,
                      "controls-position": "right",
                      onInput: _cache[16] || (_cache[16] = $event => paramsChanged('maxSlope'))
                    }, null, 8 /* PROPS */, ["modelValue"])]),
                    _: 1 /* STABLE */
                  })]),
                  _: 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).transparents
              }, {
                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_row, {
                  style: {
                    "display": "flex"
                  }
                }, {
                  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_col, {
                    span: 16
                  }, {
                    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_slider, {
                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha,
                      "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha = $event),
                      min: 0,
                      max: 1,
                      step: 0.01,
                      onInput: _cache[18] || (_cache[18] = $event => paramsChanged('slopeColorAlpha'))
                    }, null, 8 /* PROPS */, ["modelValue", "step"])]),
                    _: 1 /* STABLE */
                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                    span: 8
                  }, {
                    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_input_number, {
                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha,
                      "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha = $event),
                      min: 0,
                      max: 1,
                      step: 0.01,
                      "controls-position": "right",
                      onInput: _cache[20] || (_cache[20] = $event => paramsChanged('slopeColorAlpha'))
                    }, null, 8 /* PROPS */, ["modelValue", "step"])]),
                    _: 1 /* STABLE */
                  })]),
                  _: 1 /* STABLE */
                })]),
                _: 1 /* STABLE */
              }, 8 /* PROPS */, ["label"])]),
              _: 1 /* STABLE */
            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
              style: {
                "padding-bottom": "8px"
              }
            }, {
              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).color
              }, {
                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_color_picker, {
                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorText,
                  "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorText = $event),
                  onChange: _cache[22] || (_cache[22] = $event => paramsChanged('slopeColorText'))
                }, null, 8 /* PROPS */, ["modelValue"])]),
                _: 1 /* STABLE */
              }, 8 /* PROPS */, ["label"])]),
              _: 1 /* STABLE */
            })])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
            _: 1 /* STABLE */
          }, 8 /* PROPS */, ["label-width"])]),
          _: 1 /* STABLE */
        }, 8 /* PROPS */, ["title"])]),
        _: 1 /* STABLE */
      }, 8 /* PROPS */, ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
        onClick: _cache[23] || (_cache[23] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => startAnalysis(), ["stop"])),
        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).startAnalysis,
        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).startAnalysis), 1 /* TEXT */)]),
        _: 1 /* STABLE */
      }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
        onClick: _cache[24] || (_cache[24] = (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).clearResult
      }, {
        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).clearResult), 1 /* TEXT */)]),
        _: 1 /* STABLE */
      }, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
    };
  }
}));
;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js
 
;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue



const __exports__ = SlopeAnalysisvue_type_script_setup_true_lang_js;

/* harmony default export */ var SlopeAnalysis = (__exports__);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
var init_js_ = __webpack_require__(7997);
var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/index.js
/*
 * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
 * All rights reserved.
 */



SlopeAnalysis.install = (Vue, opts) => {
  init_js_default()(Vue, opts);
  Vue.component(SlopeAnalysis.name, SlopeAnalysis);
};

}();
/******/ 	return __webpack_exports__;
/******/ })()
;
});