sctj-components 1.0.59 → 1.0.61

package/lib/sctj-components.es.js

@@ -5031,7 +5031,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const index_vue_vue_type_style_index_0_scoped_8c2ed7f7_lang = "";
+const index_vue_vue_type_style_index_0_scoped_ae15bc12_lang = "";
 const _hoisted_1$4 = { class: "action-container" };
 const _hoisted_2$3 = {
   key: 0,
@@ -5108,15 +5108,33 @@ const _sfc_main$5 = {
     showMapType: {
       type: Boolean,
       default: true
+    },
+    controlsPosition: {
+      type: Object,
+      default: () => {
+        return {
+          bottom: "10px",
+          right: "10px"
+        };
+      }
     }
   },
   emits: ["loaded", "overlay-click", "overlay-mouseover", "overlay-mouseout"],
   setup(__props, { expose, emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "abb75a64": __props.width,
-      "fed1e5c2": __props.height
+      "3fd21866": __props.width,
+      "bebc0af2": __props.height
     }));
+    const controlsPositionVars = computed$1(() => {
+      const position = props.controlsPosition || {};
+      const cssVars = {};
+      Object.entries(position).forEach(([key, value]) => {
+        const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+        cssVars[`--controls-${cssKey}`] = value;
+      });
+      return cssVars;
+    });
     const mapContainer = ref$1(null);
     const map = shallowRef(null);
     const legend = ref$1([]);
@@ -5960,7 +5978,8 @@ const _sfc_main$5 = {
         class: "mapViewContainer",
         id: "mapContainer",
         ref_key: "mapContainer",
-        ref: mapContainer
+        ref: mapContainer,
+        style: normalizeStyle(unref(controlsPositionVars))
       }, [
         createElementVNode("div", _hoisted_1$4, [
           __props.legendConfig.length ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
@@ -5986,11 +6005,11 @@ const _sfc_main$5 = {
             }, 8, ["modelValue"])
           ])) : createCommentVNode("", true)
         ])
-      ], 512);
+      ], 4);
     };
   }
 };
-const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8c2ed7f7"]]);
+const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ae15bc12"]]);
 const index_vue_vue_type_style_index_0_scoped_761d2ab4_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-761d2ab4"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = {
@@ -9417,7 +9436,7 @@ const _sfc_main$3 = {
   }
 };
 const SCTJBusinessMapDrawingDialog = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d0bea808"]]);
-const index_vue_vue_type_style_index_0_scoped_c14c0c1e_lang = "";
+const index_vue_vue_type_style_index_0_scoped_b9b51543_lang = "";
 const _hoisted_1$1 = { class: "controls" };
 const _sfc_main$2 = {
   __name: "index",
@@ -9694,21 +9713,21 @@ const _sfc_main$2 = {
           }, {
             default: withCtx(() => [
               createVNode(_component_el_option, {
-                value: 1e3,
+                value: 100,
                 label: "1x"
               }),
               createVNode(_component_el_option, {
-                value: 500,
+                value: 50,
                 label: "2x"
               }),
               createVNode(_component_el_option, {
-                value: 250,
+                value: 25,
                 label: "4x"
               }),
               createVNode(_component_el_option, {
-                value: 125,
+                value: 12.5,
                 label: "8x"
-              })
+              }, null, 8, ["value"])
             ]),
             _: 1
           }, 8, ["modelValue"])
@@ -9717,7 +9736,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const SCTJTrackPlayback = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c14c0c1e"]]);
+const SCTJTrackPlayback = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b9b51543"]]);
 const BimViewer_vue_vue_type_style_index_0_scoped_89f55b38_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-89f55b38"), n = n(), popScopeId(), n);
 const _hoisted_1 = {