@dp_unity/dpu-gis-viewer/dist/index.js

DPU GIS Viewer version Beta

/*! For license information please see index.js.LICENSE.txt */
var e={7288:e=>{e.exports=function(e,i){i||(i={});var o,r,a,s,c,l,u,h,d,p,f,m=null==i.cutoff?.25:i.cutoff,g=null==i.radius?8:i.radius,y=i.channel||0;if(ArrayBuffer.isView(e)||Array.isArray(e)){if(!i.width||!i.height)throw Error("For raw data width and height should be provided by options");o=i.width,r=i.height,s=e,l=i.stride?i.stride:Math.floor(e.length/o/r)}else window.HTMLCanvasElement&&e instanceof window.HTMLCanvasElement?(u=(h=e).getContext("2d"),o=h.width,r=h.height,s=(d=u.getImageData(0,0,o,r)).data,l=4):window.CanvasRenderingContext2D&&e instanceof window.CanvasRenderingContext2D?(u=e,o=(h=e.canvas).width,r=h.height,s=(d=u.getImageData(0,0,o,r)).data,l=4):window.ImageData&&e instanceof window.ImageData&&(d=e,o=e.width,r=e.height,s=d.data,l=4);if(a=Math.max(o,r),window.Uint8ClampedArray&&s instanceof window.Uint8ClampedArray||window.Uint8Array&&s instanceof window.Uint8Array)for(c=s,s=Array(o*r),p=0,f=Math.floor(c.length/l);p<f;p++)s[p]=c[p*l+y]/255;else if(1!==l)throw Error("Raw data can have only 1 value per pixel");var b=Array(o*r),A=Array(o*r),v=Array(a),w=Array(a),C=Array(a+1),E=Array(a);for(p=0,f=o*r;p<f;p++){var x=s[p];b[p]=1===x?0:0===x?t:Math.pow(Math.max(0,.5-x),2),A[p]=1===x?t:0===x?0:Math.pow(Math.max(0,x-.5),2)}n(b,o,r,v,w,E,C),n(A,o,r,v,w,E,C);var T=window.Float32Array?new Float32Array(o*r):new Array(o*r);for(p=0,f=o*r;p<f;p++)T[p]=Math.min(Math.max(1-((b[p]-A[p])/g+m),0),1);return T};var t=1e20;function n(e,t,n,o,r,a,s){for(var c=0;c<t;c++){for(var l=0;l<n;l++)o[l]=e[l*t+c];for(i(o,r,a,s,n),l=0;l<n;l++)e[l*t+c]=r[l]}for(l=0;l<n;l++){for(c=0;c<t;c++)o[c]=e[l*t+c];for(i(o,r,a,s,t),c=0;c<t;c++)e[l*t+c]=Math.sqrt(r[c])}}function i(e,n,i,o,r){i[0]=0,o[0]=-t,o[1]=+t;for(var a=1,s=0;a<r;a++){for(var c=(e[a]+a*a-(e[i[s]]+i[s]*i[s]))/(2*a-2*i[s]);c<=o[s];)s--,c=(e[a]+a*a-(e[i[s]]+i[s]*i[s]))/(2*a-2*i[s]);i[++s]=a,o[s]=c,o[s+1]=+t}for(a=0,s=0;a<r;a++){for(;o[s+1]<a;)s++;n[a]=(a-i[s])*(a-i[s])+e[i[s]]}}},6523:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(1354),o=n.n(i),r=n(6314),a=n.n(r)()(o());a.push([e.id,':root {\n  --accent-base-color: #85be40;\n  --accent-fill-hover: #488100;\n\n  --primary-color-1: #00ab55;\n\n  --primary-color-hover-1: #007b55;\n  --primary-color-hover-2: #ebf9f2;\n\n  --color-text-1: #212529;\n  --color-text-2: #fff;\n  --color-text-3: #71717a;\n  --color-text-4: #515151;\n\n  --color-icon-1: #919eab;\n  --color-icon-2: #414141;\n\n  --color-hover-1: #e2e8f0;\n\n  --border-color-1: #919eab3d;\n\n  --background-color-1: #ffffff;\n  --background-color-2: #edeff1;\n  --background-color-3: #f2f3f5;\n  --background-color-4: #fbfbfc;\n\n  --scroll-color-track-1: transparent;\n  --scroll-color-thumb-1: #cbd0d6;\n  --scroll-color-thumb-hover-1: #b6bbc0;\n\n  --dropdown-background-color-1: #ebebeb;\n  --dropdown-background-color-2: #d7d7d7;\n}\n.darkmode {\n  --color-text-1: #fff;\n  --color-text-3: #e4e4e7;\n  --color-text-4: #c9c9c9;\n\n  --color-hover-1: #475569;\n\n  --color-icon-2: #fff;\n\n  --primary-color-hover-2: #1c3f3b;\n\n  --color-icon-1: #e2e8f0;\n\n  --background-color-1: #161c24;\n  --background-color-2: #333d48;\n  --background-color-3: #29333c;\n  --background-color-4: #212b36;\n\n  --scroll-color-thumb-1: #46525f;\n  --scroll-color-thumb-hover-1: #37424d;\n\n  --dropdown-background-color-1: #3b4957;\n  --dropdown-background-color-2: #283543;\n}\nhtml,\nbody {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n.darkmode .cesium-viewer {\n  overflow: hidden;\n  color: var(--color-text-1);\n}\n.DPU-container-view {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  background-color: var(--background-color-1);\n}\n\n.DPU-container-view > * {\n  box-sizing: border-box;\n}\n\n.DPU-container-view *::-webkit-scrollbar {\n  width: 5px;\n  height: 5px; /* Scroll ngang */\n}\n\n.DPU-container-view *::-webkit-scrollbar-track {\n  background: var(--scroll-color-track-1);\n}\n\n.DPU-container-view *::-webkit-scrollbar-thumb {\n  background: var(--scroll-color-thumb-1);\n}\n\n.DPU-container-view *::-webkit-scrollbar-thumb:hover {\n  background: var(--scroll-color-thumb-hover-1);\n}\n\n/* mặc định của cesium */\n.cesium-viewer-bottom {\n  display: none;\n}\n\n.custom-toolbar-dpu {\n  position: absolute;\n  right: 5px;\n  top: 100px;\n  z-index: 5;\n  color: white;\n  display: flex;\n  flex-direction: column;\n}\n.custom-toolbar-dpu.resp-h400 {\n  flex-direction: row;\n  right: unset;\n  top: unset;\n  bottom: 25px;\n  left: 50%;\n  flex-direction: row;\n  transform: translateX(-50%);\n}\n.custom-toolbar-dpu.resp-h400 .container-tool-cesium {\n  flex-direction: row;\n  margin-right: 5px;\n}\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium {\n  flex-direction: row;\n}\n.container-tool-cesium {\n  display: flex;\n  flex-direction: column;\n  padding: 2px;\n  border-radius: 4px;\n  background-color: var(--background-color-1);\n  box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.5);\n  opacity: 0.85;\n  border: none;\n  margin-top: 5px;\n}\n\n.custom-toolbar-dpu.resp-h400 .container-tool-cesium > * {\n  margin-top: 0px;\n  margin-left: 0px;\n}\n/* .container-tool-cesium > * {\n  margin-top: 2px;\n} */\n\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  .container-tool-cesium\n  > * {\n  margin-left: 0px;\n}\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > *:first-child {\n  margin-left: 0;\n}\n\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > * {\n  margin-top: 0px;\n  margin-left: 3px;\n}\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > *:first-child,\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > *:nth-child(2) {\n  margin-left: 0px;\n}\n\n.container-tool-cesium > *:first-child {\n  margin-top: 0;\n}\n.container-btn-tool-cesium {\n  display: flex;\n  flex-direction: column;\n}\n.container-btn-tool-cesium > * {\n  margin-top: 3px;\n}\n.container-btn-tool-cesium > *:first-child,\n.container-btn-tool-cesium > *:nth-child(2) {\n  margin-top: 0;\n}\n\n.dynamic-tooltip {\n  position: absolute;\n  background-color: var(--background-color-1);\n\n  color: var(--color-icon-2);\n  padding: 5px;\n  border-radius: 4px;\n  white-space: nowrap;\n  font-size: 12px;\n  z-index: 999;\n  opacity: 0.85;\n  transition: opacity 0.3s ease;\n  text-align: right;\n  direction: rtl;\n}\n.dynamic-tooltip-arrow-right,\n.dynamic-tooltip-arrow-bottom {\n  position: absolute;\n}\n\n.dynamic-tooltip-arrow-right::after {\n  content: "";\n  position: absolute;\n  top: 50%; /* Chính giữa theo chiều dọc */\n  right: -5px; /* Xuất hiện ngoài cạnh phải */\n  transform: translateY(-50%);\n  border-top: 7px solid transparent;\n  border-left: 10px solid var(--background-color-1);\n  border-bottom: 7px solid transparent;\n}\n.tooltip-arrow-bottom::before {\n  content: "";\n  position: absolute;\n  bottom: -5px; /* Xuất hiện ngoài cạnh dưới */\n  left: 50%; /* Chính giữa theo chiều ngang */\n  transform: translateX(-50%);\n  border-left: 7px solid transparent;\n  border-right: 7px solid transparent;\n  border-top: 10px solid var(--background-color-1); /* Màu khớp với tooltip */\n}\n/* .dynamic-tooltip::after {\n  content: "";\n  position: absolute;\n  top: 50%;\n  right: -5px;\n\n  transform: translateY(-50%);\n  border-top: 7px solid transparent;\n  border-left: 10px solid var(--background-color-1);\n  border-bottom: 7px solid transparent;\n\n} */\n\n.btn-tool-cesium {\n  border: 1px solid rgba(34, 34, 34, 0);\n  border-radius: 4px;\n  cursor: pointer;\n  float: left;\n  height: 28px;\n  text-align: center;\n  position: relative;\n  width: 28px;\n  padding: 2px 2px;\n  background-color: transparent;\n  line-height: 1px;\n}\n\n.btn-tool-cesium svg {\n  width: 100%;\n  height: 100%;\n  stroke: var(--color-icon-2);\n  fill: var(--color-icon-2);\n}\n\n.btn-tool-cesium:hover svg {\n  stroke: var(--primary-color-1);\n  fill: var(--primary-color-1);\n}\n\n.btn-tool-cesium.done {\n  background-color: var(--primary-color-1);\n  font-size: unset;\n  width: 28px;\n  height: 28px;\n}\n\n.btn-tool-cesium.done:hover {\n  background-color: var(--primary-color-hover-1);\n  border: 1px solid var(--primary-color-hover-1);\n  color: #fff;\n}\n.btn-tool-cesium.done:hover svg {\n  stroke: #fff;\n  fill: #fff;\n}\n\n.btn-tool-cesium:hover {\n  background-color: transparent;\n  border: 1px solid var(--primary-color-1);\n  color: var(--primary-color-1);\n}\n\n.btn-tool-cesium:focus {\n  background-color: transparent;\n  border-radius: 3px;\n  box-shadow: inset 0 2px 2px 0 transparent;\n  outline: none;\n  border-color: transparent;\n}\n\n.btn-tool-cesium:focus:hover {\n  border: 1px solid var(--primary-color-1);\n}\n\n.btn-tool-cesium:focus:hover svg {\n  stroke: var(--primary-color-1);\n  fill: var(--primary-color-1);\n}\n\n.btn-tool-cesium.active {\n  background-color: transparent;\n  border-radius: 3px;\n\n  color: var(--primary-color-1);\n  border: 1px solid var(--primary-color-1);\n  outline: none;\n}\n\n.btn-tool-cesium.active svg {\n  stroke: var(--primary-color-1);\n  fill: var(--primary-color-1);\n}\n\n.zoom-earth {\n  position: absolute;\n  right: 5px;\n  z-index: 5;\n  color: white;\n}\n\n.zoom-earth.in {\n  bottom: 105px;\n}\n\n.zoom-earth.out {\n  bottom: 65px;\n}\n.zoom-earth.in.resp-zoom-earth-in-h550 {\n  top: 50px;\n  left: 5px;\n  right: unset;\n  bottom: unset;\n}\n\n.zoom-earth.out.resp-zoom-earth-out-h550 {\n  top: 87px;\n  left: 5px;\n  right: unset;\n  bottom: unset;\n}\n\n.body-dialog-valid-token {\n  width: 100%;\n  height: 100%;\n  padding: 10px;\n  display: flex;\n}\n.icon-dialog-error {\n  background-color: #fff;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.icon-dialog-error svg {\n  width: 100%;\n  height: 100%;\n  fill: #d75a4a;\n  stroke: #d75a4a;\n}\ninput.dpu-input-check-box + label {\n  display: block;\n  cursor: pointer;\n}\n\n/* Ẩn checkbox thực tế */\ninput.dpu-input-check-box[type="checkbox"] {\n  display: none;\n}\n\n/* Tạo kiểu cho phần tử label:before */\ninput.dpu-input-check-box[type="checkbox"] + label:before {\n  content: "\\2713"; /* Biểu tượng checkmark */\n  border: 1px solid #ced4da;\n  border-radius: 0.2em;\n  display: inline-block;\n  font-size: 14px;\n  width: 16px;\n  height: 16px;\n  margin-right: 10px;\n  color: transparent; /* Màu chữ khi chưa được chọn */\n  text-align: center;\n  line-height: 14px;\n}\n\n/* Khi checkbox được chọn, thay đổi màu nền và màu chữ của label:before */\ninput.dpu-input-check-box[type="checkbox"]:checked + label:before {\n  background-color: var(--primary-color-1);\n  color: #fff;\n}\ninput.dpu-input-text[type="number"]:focus,\ninput.dpu-input-text[type="number"]:focus-visible,\ninput.dpu-input-text[type="text"]:focus,\ninput.dpu-input-text[type="text"]:focus-visible {\n  border: 1px solid var(--primary-color-1);\n}\n\ninput.dpu-input-text[type="number"],\ninput.dpu-input-text[type="text"] {\n  color: var(--color-text-1);\n  width: 100%;\n  height: 30px;\n  border: 1px solid #ced4da;\n  background: none;\n  box-sizing: border-box;\n  border-radius: 4px;\n  padding-block: 0px;\n  padding-inline: 0;\n\n  padding-left: 8px;\n  outline: none;\n  box-shadow: none;\n}\ninput.dpu-input-text[type="number"]::placeholder,\ninput.dpu-input-text[type="text"]::placeholder {\n  color: var(--color-text-4);\n}\ninput.dpu-inpu-color[type="color"] {\n  background: var(--background-color-3);\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  padding: 0px 2px;\n}\n\ninput.dpu-input-text[type="number"]::-webkit-outer-spin-button,\ninput.dpu-input-text[type="number"]::-webkit-inner-spin-button {\n  width: 25px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  color: red;\n}\n\n/*********** Baseline, reset styles ***********/\ninput.dpu-input-range[type="range"] {\n  width: 100%;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n/* Removes default focus */\ninput.dpu-input-range[type="range"]:focus {\n  outline: none;\n}\n\n/******** Chrome, Safari, Opera and Edge Chromium styles ********/\n/* slider track */\ninput.dpu-input-range[type="range"]::-webkit-slider-runnable-track {\n  background-color: var(--background-color-3);\n  border-radius: 5px;\n  height: 5px;\n}\n\n/* slider thumb */\ninput.dpu-input-range[type="range"]::-webkit-slider-thumb {\n  -webkit-appearance: none; /* Override default look */\n  appearance: none;\n  margin-top: -5.5px; /* Centers thumb on the track */\n  background-color: var(--primary-color-1);\n  border-radius: 50%;\n  height: 12px;\n  width: 12px;\n}\n\ninput.dpu-input-range[type="range"]:focus::-webkit-slider-thumb {\n  outline: 2px solid var(--primary-color-1);\n  outline-offset: 2px;\n}\n\n/*********** Firefox styles ***********/\n/* slider track */\ninput.dpu-input-range[type="range"]::-moz-range-track {\n  background-color: var(--background-color-3);\n  border-radius: 5px;\n  height: 5px;\n}\n\n/* slider thumb */\ninput.dpu-input-range[type="range"]::-moz-range-thumb {\n  background-color: var(--primary-color-1);\n  border: none; /*Removes extra border that FF applies*/\n  border-radius: 50%;\n  height: 12px;\n  width: 12px;\n}\n\ninput.dpu-input-range[type="range"]:focus::-moz-range-thumb {\n  outline: 2px solid var(--primary-color-1);\n  outline-offset: 2px;\n}\n\n\n\n\n.dpu-select-box {\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 0 auto;\n  font-size: 12px;\n  color: #60666d;\n}\n\n.dpu-select-box__current {\n  position: relative;\n  cursor: pointer;\n  outline: none;\n  border-radius: 5px;\n}\n\n.dpu-select-box__current:focus + .dpu-select-box__list {\n  opacity: 1;\n  animation-name: none;\n}\n\n.dpu-select-box__current:focus .dpu-select-box__option {\n  cursor: pointer;\n}\n\n.dpu-select-box__icon {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  width: 10px;\n  opacity: 0.3;\n  transition: 0.2s ease;\n}\n\n.dpu-select-box__value {\n  display: flex;\n}\n\n.dpu-select-box__input {\n  display: none;\n}\n\n.dpu-select-box__input:checked + .dpu-select-box__input-text {\n  display: block;\n}\n\n.dpu-select-box__input-text {\n  display: none;\n  width: 100%;\n  margin: 0;\n  padding: 0 5px;\n  height: 30px;\n  background-color: #fff;\n  line-height: 30px;\n  border-radius: 5px;\n  border: 1px solid #ccc;\n}\n\n.dpu-select-box__list {\n  position: absolute;\n  width: 100%;\n  padding: 0;\n  list-style: none;\n  opacity: 0;\n  animation-name: dpuHideList;\n  animation-duration: 0.5s;\n  animation-delay: 0.5s;\n  animation-fill-mode: forwards;\n  animation-timing-function: step-start;\n  background-color: #fff;\n  max-height: 300px;\n  overflow: auto;\n  border-radius: 5px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n\n}\n\n.dpu-select-box__option {\n  display: block;\n  padding: 10px;\n  /* background-color: #fff; */\n}\n\n.dpu-container-title {\n  display: flex;\n  align-items: center;\n}\n\n.dpu-container-title div:first-child {\n  width: 3px;\n  height: 15px;\n  \n  margin-right: 5px;\n}\n\n\n.dpu-select-box__option:hover,\n.dpu-select-box__option:focus {\n  color: #546c84;\n  background-color: #fbfbfb;\n}\n\n@keyframes dpuHideList {\n  from {\n    transform: scaleY(1);\n  }\n  to {\n    transform: scaleY(0);\n  }\n}',"",{version:3,sources:["webpack://./src/index.css"],names:[],mappings:"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",sourcesContent:[':root {\n  --accent-base-color: #85be40;\n  --accent-fill-hover: #488100;\n\n  --primary-color-1: #00ab55;\n\n  --primary-color-hover-1: #007b55;\n  --primary-color-hover-2: #ebf9f2;\n\n  --color-text-1: #212529;\n  --color-text-2: #fff;\n  --color-text-3: #71717a;\n  --color-text-4: #515151;\n\n  --color-icon-1: #919eab;\n  --color-icon-2: #414141;\n\n  --color-hover-1: #e2e8f0;\n\n  --border-color-1: #919eab3d;\n\n  --background-color-1: #ffffff;\n  --background-color-2: #edeff1;\n  --background-color-3: #f2f3f5;\n  --background-color-4: #fbfbfc;\n\n  --scroll-color-track-1: transparent;\n  --scroll-color-thumb-1: #cbd0d6;\n  --scroll-color-thumb-hover-1: #b6bbc0;\n\n  --dropdown-background-color-1: #ebebeb;\n  --dropdown-background-color-2: #d7d7d7;\n}\n.darkmode {\n  --color-text-1: #fff;\n  --color-text-3: #e4e4e7;\n  --color-text-4: #c9c9c9;\n\n  --color-hover-1: #475569;\n\n  --color-icon-2: #fff;\n\n  --primary-color-hover-2: #1c3f3b;\n\n  --color-icon-1: #e2e8f0;\n\n  --background-color-1: #161c24;\n  --background-color-2: #333d48;\n  --background-color-3: #29333c;\n  --background-color-4: #212b36;\n\n  --scroll-color-thumb-1: #46525f;\n  --scroll-color-thumb-hover-1: #37424d;\n\n  --dropdown-background-color-1: #3b4957;\n  --dropdown-background-color-2: #283543;\n}\nhtml,\nbody {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n.darkmode .cesium-viewer {\n  overflow: hidden;\n  color: var(--color-text-1);\n}\n.DPU-container-view {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  background-color: var(--background-color-1);\n}\n\n.DPU-container-view > * {\n  box-sizing: border-box;\n}\n\n.DPU-container-view *::-webkit-scrollbar {\n  width: 5px;\n  height: 5px; /* Scroll ngang */\n}\n\n.DPU-container-view *::-webkit-scrollbar-track {\n  background: var(--scroll-color-track-1);\n}\n\n.DPU-container-view *::-webkit-scrollbar-thumb {\n  background: var(--scroll-color-thumb-1);\n}\n\n.DPU-container-view *::-webkit-scrollbar-thumb:hover {\n  background: var(--scroll-color-thumb-hover-1);\n}\n\n/* mặc định của cesium */\n.cesium-viewer-bottom {\n  display: none;\n}\n\n.custom-toolbar-dpu {\n  position: absolute;\n  right: 5px;\n  top: 100px;\n  z-index: 5;\n  color: white;\n  display: flex;\n  flex-direction: column;\n}\n.custom-toolbar-dpu.resp-h400 {\n  flex-direction: row;\n  right: unset;\n  top: unset;\n  bottom: 25px;\n  left: 50%;\n  flex-direction: row;\n  transform: translateX(-50%);\n}\n.custom-toolbar-dpu.resp-h400 .container-tool-cesium {\n  flex-direction: row;\n  margin-right: 5px;\n}\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium {\n  flex-direction: row;\n}\n.container-tool-cesium {\n  display: flex;\n  flex-direction: column;\n  padding: 2px;\n  border-radius: 4px;\n  background-color: var(--background-color-1);\n  box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.5);\n  opacity: 0.85;\n  border: none;\n  margin-top: 5px;\n}\n\n.custom-toolbar-dpu.resp-h400 .container-tool-cesium > * {\n  margin-top: 0px;\n  margin-left: 0px;\n}\n/* .container-tool-cesium > * {\n  margin-top: 2px;\n} */\n\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  .container-tool-cesium\n  > * {\n  margin-left: 0px;\n}\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > *:first-child {\n  margin-left: 0;\n}\n\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > * {\n  margin-top: 0px;\n  margin-left: 3px;\n}\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > *:first-child,\n.custom-toolbar-dpu.resp-h400\n  .container-tool-cesium\n  .container-btn-tool-cesium\n  > *:nth-child(2) {\n  margin-left: 0px;\n}\n\n.container-tool-cesium > *:first-child {\n  margin-top: 0;\n}\n.container-btn-tool-cesium {\n  display: flex;\n  flex-direction: column;\n}\n.container-btn-tool-cesium > * {\n  margin-top: 3px;\n}\n.container-btn-tool-cesium > *:first-child,\n.container-btn-tool-cesium > *:nth-child(2) {\n  margin-top: 0;\n}\n\n.dynamic-tooltip {\n  position: absolute;\n  background-color: var(--background-color-1);\n\n  color: var(--color-icon-2);\n  padding: 5px;\n  border-radius: 4px;\n  white-space: nowrap;\n  font-size: 12px;\n  z-index: 999;\n  opacity: 0.85;\n  transition: opacity 0.3s ease;\n  text-align: right;\n  direction: rtl;\n}\n.dynamic-tooltip-arrow-right,\n.dynamic-tooltip-arrow-bottom {\n  position: absolute;\n}\n\n.dynamic-tooltip-arrow-right::after {\n  content: "";\n  position: absolute;\n  top: 50%; /* Chính giữa theo chiều dọc */\n  right: -5px; /* Xuất hiện ngoài cạnh phải */\n  transform: translateY(-50%);\n  border-top: 7px solid transparent;\n  border-left: 10px solid var(--background-color-1);\n  border-bottom: 7px solid transparent;\n}\n.tooltip-arrow-bottom::before {\n  content: "";\n  position: absolute;\n  bottom: -5px; /* Xuất hiện ngoài cạnh dưới */\n  left: 50%; /* Chính giữa theo chiều ngang */\n  transform: translateX(-50%);\n  border-left: 7px solid transparent;\n  border-right: 7px solid transparent;\n  border-top: 10px solid var(--background-color-1); /* Màu khớp với tooltip */\n}\n/* .dynamic-tooltip::after {\n  content: "";\n  position: absolute;\n  top: 50%;\n  right: -5px;\n\n  transform: translateY(-50%);\n  border-top: 7px solid transparent;\n  border-left: 10px solid var(--background-color-1);\n  border-bottom: 7px solid transparent;\n\n} */\n\n.btn-tool-cesium {\n  border: 1px solid rgba(34, 34, 34, 0);\n  border-radius: 4px;\n  cursor: pointer;\n  float: left;\n  height: 28px;\n  text-align: center;\n  position: relative;\n  width: 28px;\n  padding: 2px 2px;\n  background-color: transparent;\n  line-height: 1px;\n}\n\n.btn-tool-cesium svg {\n  width: 100%;\n  height: 100%;\n  stroke: var(--color-icon-2);\n  fill: var(--color-icon-2);\n}\n\n.btn-tool-cesium:hover svg {\n  stroke: var(--primary-color-1);\n  fill: var(--primary-color-1);\n}\n\n.btn-tool-cesium.done {\n  background-color: var(--primary-color-1);\n  font-size: unset;\n  width: 28px;\n  height: 28px;\n}\n\n.btn-tool-cesium.done:hover {\n  background-color: var(--primary-color-hover-1);\n  border: 1px solid var(--primary-color-hover-1);\n  color: #fff;\n}\n.btn-tool-cesium.done:hover svg {\n  stroke: #fff;\n  fill: #fff;\n}\n\n.btn-tool-cesium:hover {\n  background-color: transparent;\n  border: 1px solid var(--primary-color-1);\n  color: var(--primary-color-1);\n}\n\n.btn-tool-cesium:focus {\n  background-color: transparent;\n  border-radius: 3px;\n  box-shadow: inset 0 2px 2px 0 transparent;\n  outline: none;\n  border-color: transparent;\n}\n\n.btn-tool-cesium:focus:hover {\n  border: 1px solid var(--primary-color-1);\n}\n\n.btn-tool-cesium:focus:hover svg {\n  stroke: var(--primary-color-1);\n  fill: var(--primary-color-1);\n}\n\n.btn-tool-cesium.active {\n  background-color: transparent;\n  border-radius: 3px;\n\n  color: var(--primary-color-1);\n  border: 1px solid var(--primary-color-1);\n  outline: none;\n}\n\n.btn-tool-cesium.active svg {\n  stroke: var(--primary-color-1);\n  fill: var(--primary-color-1);\n}\n\n.zoom-earth {\n  position: absolute;\n  right: 5px;\n  z-index: 5;\n  color: white;\n}\n\n.zoom-earth.in {\n  bottom: 105px;\n}\n\n.zoom-earth.out {\n  bottom: 65px;\n}\n.zoom-earth.in.resp-zoom-earth-in-h550 {\n  top: 50px;\n  left: 5px;\n  right: unset;\n  bottom: unset;\n}\n\n.zoom-earth.out.resp-zoom-earth-out-h550 {\n  top: 87px;\n  left: 5px;\n  right: unset;\n  bottom: unset;\n}\n\n.body-dialog-valid-token {\n  width: 100%;\n  height: 100%;\n  padding: 10px;\n  display: flex;\n}\n.icon-dialog-error {\n  background-color: #fff;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.icon-dialog-error svg {\n  width: 100%;\n  height: 100%;\n  fill: #d75a4a;\n  stroke: #d75a4a;\n}\ninput.dpu-input-check-box + label {\n  display: block;\n  cursor: pointer;\n}\n\n/* Ẩn checkbox thực tế */\ninput.dpu-input-check-box[type="checkbox"] {\n  display: none;\n}\n\n/* Tạo kiểu cho phần tử label:before */\ninput.dpu-input-check-box[type="checkbox"] + label:before {\n  content: "\\2713"; /* Biểu tượng checkmark */\n  border: 1px solid #ced4da;\n  border-radius: 0.2em;\n  display: inline-block;\n  font-size: 14px;\n  width: 16px;\n  height: 16px;\n  margin-right: 10px;\n  color: transparent; /* Màu chữ khi chưa được chọn */\n  text-align: center;\n  line-height: 14px;\n}\n\n/* Khi checkbox được chọn, thay đổi màu nền và màu chữ của label:before */\ninput.dpu-input-check-box[type="checkbox"]:checked + label:before {\n  background-color: var(--primary-color-1);\n  color: #fff;\n}\ninput.dpu-input-text[type="number"]:focus,\ninput.dpu-input-text[type="number"]:focus-visible,\ninput.dpu-input-text[type="text"]:focus,\ninput.dpu-input-text[type="text"]:focus-visible {\n  border: 1px solid var(--primary-color-1);\n}\n\ninput.dpu-input-text[type="number"],\ninput.dpu-input-text[type="text"] {\n  color: var(--color-text-1);\n  width: 100%;\n  height: 30px;\n  border: 1px solid #ced4da;\n  background: none;\n  box-sizing: border-box;\n  border-radius: 4px;\n  padding-block: 0px;\n  padding-inline: 0;\n\n  padding-left: 8px;\n  outline: none;\n  box-shadow: none;\n}\ninput.dpu-input-text[type="number"]::placeholder,\ninput.dpu-input-text[type="text"]::placeholder {\n  color: var(--color-text-4);\n}\ninput.dpu-inpu-color[type="color"] {\n  background: var(--background-color-3);\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  padding: 0px 2px;\n}\n\ninput.dpu-input-text[type="number"]::-webkit-outer-spin-button,\ninput.dpu-input-text[type="number"]::-webkit-inner-spin-button {\n  width: 25px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  color: red;\n}\n\n/*********** Baseline, reset styles ***********/\ninput.dpu-input-range[type="range"] {\n  width: 100%;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n/* Removes default focus */\ninput.dpu-input-range[type="range"]:focus {\n  outline: none;\n}\n\n/******** Chrome, Safari, Opera and Edge Chromium styles ********/\n/* slider track */\ninput.dpu-input-range[type="range"]::-webkit-slider-runnable-track {\n  background-color: var(--background-color-3);\n  border-radius: 5px;\n  height: 5px;\n}\n\n/* slider thumb */\ninput.dpu-input-range[type="range"]::-webkit-slider-thumb {\n  -webkit-appearance: none; /* Override default look */\n  appearance: none;\n  margin-top: -5.5px; /* Centers thumb on the track */\n  background-color: var(--primary-color-1);\n  border-radius: 50%;\n  height: 12px;\n  width: 12px;\n}\n\ninput.dpu-input-range[type="range"]:focus::-webkit-slider-thumb {\n  outline: 2px solid var(--primary-color-1);\n  outline-offset: 2px;\n}\n\n/*********** Firefox styles ***********/\n/* slider track */\ninput.dpu-input-range[type="range"]::-moz-range-track {\n  background-color: var(--background-color-3);\n  border-radius: 5px;\n  height: 5px;\n}\n\n/* slider thumb */\ninput.dpu-input-range[type="range"]::-moz-range-thumb {\n  background-color: var(--primary-color-1);\n  border: none; /*Removes extra border that FF applies*/\n  border-radius: 50%;\n  height: 12px;\n  width: 12px;\n}\n\ninput.dpu-input-range[type="range"]:focus::-moz-range-thumb {\n  outline: 2px solid var(--primary-color-1);\n  outline-offset: 2px;\n}\n\n\n\n\n.dpu-select-box {\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 0 auto;\n  font-size: 12px;\n  color: #60666d;\n}\n\n.dpu-select-box__current {\n  position: relative;\n  cursor: pointer;\n  outline: none;\n  border-radius: 5px;\n}\n\n.dpu-select-box__current:focus + .dpu-select-box__list {\n  opacity: 1;\n  animation-name: none;\n}\n\n.dpu-select-box__current:focus .dpu-select-box__option {\n  cursor: pointer;\n}\n\n.dpu-select-box__icon {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  width: 10px;\n  opacity: 0.3;\n  transition: 0.2s ease;\n}\n\n.dpu-select-box__value {\n  display: flex;\n}\n\n.dpu-select-box__input {\n  display: none;\n}\n\n.dpu-select-box__input:checked + .dpu-select-box__input-text {\n  display: block;\n}\n\n.dpu-select-box__input-text {\n  display: none;\n  width: 100%;\n  margin: 0;\n  padding: 0 5px;\n  height: 30px;\n  background-color: #fff;\n  line-height: 30px;\n  border-radius: 5px;\n  border: 1px solid #ccc;\n}\n\n.dpu-select-box__list {\n  position: absolute;\n  width: 100%;\n  padding: 0;\n  list-style: none;\n  opacity: 0;\n  animation-name: dpuHideList;\n  animation-duration: 0.5s;\n  animation-delay: 0.5s;\n  animation-fill-mode: forwards;\n  animation-timing-function: step-start;\n  background-color: #fff;\n  max-height: 300px;\n  overflow: auto;\n  border-radius: 5px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n\n}\n\n.dpu-select-box__option {\n  display: block;\n  padding: 10px;\n  /* background-color: #fff; */\n}\n\n.dpu-container-title {\n  display: flex;\n  align-items: center;\n}\n\n.dpu-container-title div:first-child {\n  width: 3px;\n  height: 15px;\n  \n  margin-right: 5px;\n}\n\n\n.dpu-select-box__option:hover,\n.dpu-select-box__option:focus {\n  color: #546c84;\n  background-color: #fbfbfb;\n}\n\n@keyframes dpuHideList {\n  from {\n    transform: scaleY(1);\n  }\n  to {\n    transform: scaleY(0);\n  }\n}'],sourceRoot:""}]);const s=a},6715:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(1354),o=n.n(i),r=n(6314),a=n.n(r)()(o());a.push([e.id,".dialog-popup-setting {\n  /* display: none; Hidden by default */\n  display: block;\n  /* Hidden by default */\n  position: absolute;\n  /* Stay in place */\n\n  /* Location of the box */\n  left: 0;\n  top: 0;\n  width: 100%;\n  /* Full width */\n  height: 100%;\n  /* Full height */\n  overflow: hidden;\n  /* Enable scroll if needed */\n  background-color: rgb(0, 0, 0);\n  /* Fallback color */\n  background-color: rgba(0, 0, 0, 0.4);\n\n  /* Black w/ opacity */\n}\n\n.dialog-popup-setting.not-modal {\n  background-color: unset;\n  /* position: unset; */\n  pointer-events: none;\n}\n/* Modal Content */\n.dialog-content-popup {\n  font-size: 14px;\n  position: absolute;\n  pointer-events: auto;\n  /* top: 50%; */\n  /* left: 50%; */\n  \n  background-color: var(--background-color-1);\n  /* margin: auto; */\n  padding: 0;\n color:var(--color-text-1) ;\n  width: 400px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n  user-select: none;\n  border-radius: 4px;\n}\n\n/* The Close Button */\n.dialog-close {\n  font-size: 16px;\n  font-weight: bold;\n  color: var(--color-icon-1);\n  cursor: pointer;\n}\n\n.dialog-header {\n  padding: 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--border-color-1);\n}\n\n.dialog-header.with-cursor {\n  cursor: all-scroll;\n}\n\n.dialog-body {\n  height: calc(100% - 55px);\n  overflow: auto;\n}\n.dialog-footer {\n\n  padding: 0px 5px 0px 5px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid var(--border-color-1);\n}\n\n.dialog-resize {\n  height: 12px;\n  width: 12px;\n  float: right;\n  cursor: nw-resize;\n  margin: 0px 2px 2px 0;\n}\n.dialog-resize svg {\n  fill: var(--color-icon-1);\n}\n","",{version:3,sources:["webpack://./src/styles/Dialog/dialog.css"],names:[],mappings:"AAAA;EACE,qCAAqC;EACrC,cAAc;EACd,sBAAsB;EACtB,kBAAkB;EAClB,kBAAkB;;EAElB,wBAAwB;EACxB,OAAO;EACP,MAAM;EACN,WAAW;EACX,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,gBAAgB;EAChB,4BAA4B;EAC5B,8BAA8B;EAC9B,mBAAmB;EACnB,oCAAoC;;EAEpC,qBAAqB;AACvB;;AAEA;EACE,uBAAuB;EACvB,qBAAqB;EACrB,oBAAoB;AACtB;AACA,kBAAkB;AAClB;EACE,eAAe;EACf,kBAAkB;EAClB,oBAAoB;EACpB,cAAc;EACd,eAAe;;EAEf,2CAA2C;EAC3C,kBAAkB;EAClB,UAAU;CACX,0BAA0B;EACzB,YAAY;EACZ,4EAA4E;EAC5E,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA,qBAAqB;AACrB;EACE,eAAe;EACf,iBAAiB;EACjB,0BAA0B;EAC1B,eAAe;AACjB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,8CAA8C;AAChD;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,yBAAyB;EACzB,cAAc;AAChB;AACA;;EAEE,wBAAwB;EACxB,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,2CAA2C;AAC7C;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,yBAAyB;AAC3B",sourcesContent:[".dialog-popup-setting {\n  /* display: none; Hidden by default */\n  display: block;\n  /* Hidden by default */\n  position: absolute;\n  /* Stay in place */\n\n  /* Location of the box */\n  left: 0;\n  top: 0;\n  width: 100%;\n  /* Full width */\n  height: 100%;\n  /* Full height */\n  overflow: hidden;\n  /* Enable scroll if needed */\n  background-color: rgb(0, 0, 0);\n  /* Fallback color */\n  background-color: rgba(0, 0, 0, 0.4);\n\n  /* Black w/ opacity */\n}\n\n.dialog-popup-setting.not-modal {\n  background-color: unset;\n  /* position: unset; */\n  pointer-events: none;\n}\n/* Modal Content */\n.dialog-content-popup {\n  font-size: 14px;\n  position: absolute;\n  pointer-events: auto;\n  /* top: 50%; */\n  /* left: 50%; */\n  \n  background-color: var(--background-color-1);\n  /* margin: auto; */\n  padding: 0;\n color:var(--color-text-1) ;\n  width: 400px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n  user-select: none;\n  border-radius: 4px;\n}\n\n/* The Close Button */\n.dialog-close {\n  font-size: 16px;\n  font-weight: bold;\n  color: var(--color-icon-1);\n  cursor: pointer;\n}\n\n.dialog-header {\n  padding: 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--border-color-1);\n}\n\n.dialog-header.with-cursor {\n  cursor: all-scroll;\n}\n\n.dialog-body {\n  height: calc(100% - 55px);\n  overflow: auto;\n}\n.dialog-footer {\n\n  padding: 0px 5px 0px 5px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid var(--border-color-1);\n}\n\n.dialog-resize {\n  height: 12px;\n  width: 12px;\n  float: right;\n  cursor: nw-resize;\n  margin: 0px 2px 2px 0;\n}\n.dialog-resize svg {\n  fill: var(--color-icon-1);\n}\n"],sourceRoot:""}]);const s=a},9985:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(1354),o=n.n(i),r=n(6314),a=n.n(r)()(o());a.push([e.id,".container-form-label-point {\n  width: 100%;\n  height: 100%;\n  padding: 10px;\n  background-color: var(--background-color-4);\n}\n\n.container-footer-lable-point{\n    width: 100%;\n    padding: 5px 5px 0 5px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n}\n.input-form-label{\n  margin: 2px 0 5px 0;\n}","",{version:3,sources:["webpack://./src/styles/Dialog/formLabelPoint.css"],names:[],mappings:"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,2CAA2C;AAC7C;;AAEA;IACI,WAAW;IACX,sBAAsB;IACtB,aAAa;IACb,mBAAmB;IACnB,yBAAyB;AAC7B;AACA;EACE,mBAAmB;AACrB",sourcesContent:[".container-form-label-point {\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 10px;\r\n  background-color: var(--background-color-4);\r\n}\r\n\r\n.container-footer-lable-point{\r\n    width: 100%;\r\n    padding: 5px 5px 0 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n}\r\n.input-form-label{\r\n  margin: 2px 0 5px 0;\r\n}"],sourceRoot:""}]);const s=a},1954:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(1354),o=n.n(i),r=n(6314),a=n.n(r)()(o());a.push([e.id,".service-dialog-body-dialog {\n  width: 100%;\n  height: 100%;\n\n  padding: 10px 10px 5px 10px;\n  background-color: var(--background-color-4);\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n\n.service-dialog-body-dialog .container-icon-type-dialog {\n  display: flex;\n  justify-content: center;\n  margin-top: 5px;\n}\n\n.service-dialog-body-dialog .container-icon-type-dialog .icon {\n  width: 35px;\n  height: 35px;\n}\n\n.service-dialog-body-dialog .container-content-type-dialog .content-header {\n  font-weight: bold;\n}\n","",{version:3,sources:["webpack://./src/styles/Dialog/serviceDialog.css"],names:[],mappings:"AAAA;EACE,WAAW;EACX,YAAY;;EAEZ,2BAA2B;EAC3B,2CAA2C;EAC3C,8BAA8B;EAC9B,+BAA+B;AACjC;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,iBAAiB;AACnB",sourcesContent:[".service-dialog-body-dialog {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  padding: 10px 10px 5px 10px;\r\n  background-color: var(--background-color-4);\r\n  border-bottom-left-radius: 5px;\r\n  border-bottom-right-radius: 5px;\r\n}\r\n\r\n.service-dialog-body-dialog .container-icon-type-dialog {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 5px;\r\n}\r\n\r\n.service-dialog-body-dialog .container-icon-type-dialog .icon {\r\n  width: 35px;\r\n  height: 35px;\r\n}\r\n\r\n.service-dialog-body-dialog .container-content-type-dialog .content-header {\r\n  font-weight: bold;\r\n}\r\n"],sourceRoot:""}]);const s=a},4465:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(1354),o=n.n(i),r=n(6314),a=n.n(r)()(o());a.push([e.id,'.dpu-loader {\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  z-index: 100;\n  transform: translate(-50%, -50%);\n  top: 50%;\n  left: 50%;\n}\n.dpu-loader::after,\n.dpu-loader::before {\n  content: "";\n  box-sizing: border-box;\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  opacity: 0.25;\n  left: 0;\n  top: 0;\n}\n.dpu-loader::before {\n  border: 3px solid rgba(0, 123, 85, 0.24);\n  animation: rotation 3.2s ease-in-out infinite alternate;\n}\n.dpu-loader::after {\n  border: 8px solid rgba(0, 123, 85, 0.24);\n  animation-direction: alternate-reverse;\n  animation: rotationAfter 3.2s ease-in-out infinite alternate;\n}\n\n.dpu-logo {\n  width: 50px;\n  height: 50px;\n  animation: scaleOpacityAnimation 3.2s linear infinite;\n}\n\n@keyframes rotation {\n  0% {\n    transform: scale(1.6) rotate(270deg);\n    opacity: 0.25;\n    border-radius: 25%;\n  }\n\n  25% {\n    transform: scale(1) rotate(0deg);\n    opacity: 1;\n    border-radius: 25%;\n  }\n\n  50% {\n    transform: scale(1) rotate(0deg);\n    opacity: 1;\n    border-radius: 50%;\n  }\n\n  75% {\n    transform: scale(1.6) rotate(270deg);\n    opacity: 1;\n    border-radius: 50%;\n  }\n\n  100% {\n    transform: scale(1.6) rotate(270deg);\n    opacity: 0.25;\n    border-radius: 25%;\n  }\n}\n\n@keyframes rotationAfter {\n  0% {\n    transform: scale(1.2) rotate(0deg);\n    opacity: 0.25;\n    border-radius: 25%;\n  }\n\n  25% {\n    transform: scale(1) rotate(270deg);\n    opacity: 1;\n    border-radius: 25%;\n  }\n\n  50% {\n    transform: scale(1) rotate(270deg);\n    opacity: 1;\n    border-radius: 50%;\n  }\n\n  75% {\n    transform: scale(1.2) rotate(0deg);\n    opacity: 1;\n    border-radius: 50%;\n  }\n\n  100% {\n    transform: scale(1.2) rotate(0deg);\n    opacity: 0.25;\n    border-radius: 25%;\n  }\n}\n\n@keyframes scaleOpacityAnimation {\n  0% {\n    transform: scale(0.78);\n    opacity: 1;\n  }\n\n  25% {\n    transform: scale(0.7);\n    opacity: 0.48;\n  }\n\n  50% {\n    transform: scale(0.7);\n    opacity: 0.48;\n  }\n\n  75% {\n    transform: scale(0.78);\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(0.78);\n    opacity: 1;\n  }\n}\n',"",{version:3,sources:["webpack://./src/styles/Loading/loading.css"],names:[],mappings:"AAAA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,YAAY;EACZ,gCAAgC;EAChC,QAAQ;EACR,SAAS;AACX;AACA;;EAEE,WAAW;EACX,sBAAsB;EACtB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;EACb,OAAO;EACP,MAAM;AACR;AACA;EACE,wCAAwC;EACxC,uDAAuD;AACzD;AACA;EACE,wCAAwC;EACxC,sCAAsC;EACtC,4DAA4D;AAC9D;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,qDAAqD;AACvD;;AAEA;EACE;IACE,oCAAoC;IACpC,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,gCAAgC;IAChC,UAAU;IACV,kBAAkB;EACpB;;EAEA;IACE,gCAAgC;IAChC,UAAU;IACV,kBAAkB;EACpB;;EAEA;IACE,oCAAoC;IACpC,UAAU;IACV,kBAAkB;EACpB;;EAEA;IACE,oCAAoC;IACpC,aAAa;IACb,kBAAkB;EACpB;AACF;;AAEA;EACE;IACE,kCAAkC;IAClC,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,kCAAkC;IAClC,UAAU;IACV,kBAAkB;EACpB;;EAEA;IACE,kCAAkC;IAClC,UAAU;IACV,kBAAkB;EACpB;;EAEA;IACE,kCAAkC;IAClC,UAAU;IACV,kBAAkB;EACpB;;EAEA;IACE,kCAAkC;IAClC,aAAa;IACb,kBAAkB;EACpB;AACF;;AAEA;EACE;IACE,sBAAsB;IACtB,UAAU;EACZ;;EAEA;IACE,qBAAqB;IACrB,aAAa;EACf;;EAEA;IACE,qBAAqB;IACrB,aAAa;EACf;;EAEA;IACE,sBAAsB;IACtB,UAAU;EACZ;;EAEA;IACE,sBAAsB;IACtB,UAAU;EACZ;AACF",sourcesContent:['.dpu-loader {\r\n  width: 50px;\r\n  height: 50px;\r\n  position: absolute;\r\n  z-index: 100;\r\n  transform: translate(-50%, -50%);\r\n  top: 50%;\r\n  left: 50%;\r\n}\r\n.dpu-loader::after,\r\n.dpu-loader::before {\r\n  content: "";\r\n  box-sizing: border-box;\r\n  width: 50px;\r\n  height: 50px;\r\n  position: absolute;\r\n  opacity: 0.25;\r\n  left: 0;\r\n  top: 0;\r\n}\r\n.dpu-loader::before {\r\n  border: 3px solid rgba(0, 123, 85, 0.24);\r\n  animation: rotation 3.2s ease-in-out infinite alternate;\r\n}\r\n.dpu-loader::after {\r\n  border: 8px solid rgba(0, 123, 85, 0.24);\r\n  animation-direction: alternate-reverse;\r\n  animation: rotationAfter 3.2s ease-in-out infinite alternate;\r\n}\r\n\r\n.dpu-logo {\r\n  width: 50px;\r\n  height: 50px;\r\n  animation: scaleOpacityAnimation 3.2s linear infinite;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: scale(1.6) rotate(270deg);\r\n    opacity: 0.25;\r\n    border-radius: 25%;\r\n  }\r\n\r\n  25% {\r\n    transform: scale(1) rotate(0deg);\r\n    opacity: 1;\r\n    border-radius: 25%;\r\n  }\r\n\r\n  50% {\r\n    transform: scale(1) rotate(0deg);\r\n    opacity: 1;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  75% {\r\n    transform: scale(1.6) rotate(270deg);\r\n    opacity: 1;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  100% {\r\n    transform: scale(1.6) rotate(270deg);\r\n    opacity: 0.25;\r\n    border-radius: 25%;\r\n  }\r\n}\r\n\r\n@keyframes rotationAfter {\r\n  0% {\r\n    transform: scale(1.2) rotate(0deg);\r\n    opacity: 0.25;\r\n    border-radius: 25%;\r\n  }\r\n\r\n  25% {\r\n    transform: scale(1) rotate(270deg);\r\n    opacity: 1;\r\n    border-radius: 25%;\r\n  }\r\n\r\n  50% {\r\n    transform: scale(1) rotate(270deg);\r\n    opacity: 1;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  75% {\r\n    transform: scale(1.2) rotate(0deg);\r\n    opacity: 1;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  100% {\r\n    transform: scale(1.2) rotate(0deg);\r\n    opacity: 0.25;\r\n    border-radius: 25%;\r\n  }\r\n}\r\n\r\n@keyframes scaleOpacityAnimation {\r\n  0% {\r\n    transform: scale(0.78);\r\n    opacity: 1;\r\n  }\r\n\r\n  25% {\r\n    transform: scale(0.7);\r\n    opacity: 0.48;\r\n  }\r\n\r\n  50% {\r\n    transform: scale(0.7);\r\n    opacity: 0.48;\r\n  }\r\n\r\n  75% {\r\n    transform: scale(0.78);\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    transform: scale(0.78);\r\n    opacity: 1;\r\n  }\r\n}\r\n'],sourceRoot:""}]);const s=a},9388:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(1354),o=n.n(i),r=n(6314),a=n.n(r)()(o());a.push([e.id,".cesium-context-menu {\n  font-size: 14px;\n  position: absolute;\n  display: none;\n  z-index: 9999;\n  background-color: var(--background-color-1);\n  padding: 4px;\n  border-radius: 5px;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--color-text-1);\n}\n\n.cesium-context-menu ul {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.cesium-context-menu li {\n  padding: 8px 10px;\n  cursor: pointer;\n}\n\n.cesium-context-menu li:hover {\n  background-color: var(--color-hover-1);\n}\n\n.box-drag-element {\n  position: absolute;\n  border: 0.5px dashed rgba(21, 101, 175, 0.8);\n  background-color: rgba(21, 101, 175, 0.2);\n  pointer-events: none;\n}\n","",{version:3,sources:["webpack://./src/styles/contextMenu.css"],names:[],mappings:"AAAA;EACE,eAAe;EACf,kBAAkB;EAClB,aAAa;EACb,aAAa;EACb,2CAA2C;EAC3C,YAAY;EACZ,kBAAkB;EAClB,2CAA2C;EAC3C,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;EACvB,0BAA0B;AAC5B;;AAEA;EACE,SAAS;EACT,UAAU;EACV,qBAAqB;AACvB;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;EAC5C,yCAAyC;EACzC,oBAAoB;AACtB",sourcesContent:[".cesium-context-menu {\r\n  font-size: 14px;\r\n  position: absolute;\r\n  display: none;\r\n  z-index: 9999;\r\n  background-color: var(--background-color-1);\r\n  padding: 4px;\r\n  border-radius: 5px;\r\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  color: var(--color-text-1);\r\n}\r\n\r\n.cesium-context-menu ul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style-type: none;\r\n}\r\n\r\n.cesium-context-menu li {\r\n  padding: 8px 10px;\r\n  cursor: pointer;\r\n}\r\n\r\n.cesium-context-menu li:hover {\r\n  background-color: var(--color-hover-1);\r\n}\r\n\r\n.box-drag-element {\r\n  position: absolute;\r\n  border: 0.5px dashed rgba(21, 101, 175, 0.8);\r\n  background-color: rgba(21, 101, 175, 0.2);\r\n  pointer-events: none;\r\n}\r\n"],sourceRoot:""}]);const s=a},3009:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(1354),o=n.n(i),r=n(6314),a=n.n(r)()(o());a.push([e.id,".table-container {\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background-color: var(--background-color-4);\n}\n.table-container .no-data {\n  width: 100%;\n  height: 100%;\n  color: var(--color-text-3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.info-table {\n  width: