sctj-components 1.0.59 → 1.0.60

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 = {