@orca-pt/orca-components 1.0.6 → 1.0.7

package/dist/orca-components.es.js

@@ -1,11 +1,10 @@
-import { computed, unref, ref, watch, onMounted, nextTick, defineComponent, createElementBlock, openBlock, createElementVNode, createStaticVNode, createVNode, Fragment, renderList, toDisplayString, createTextVNode, onUnmounted, createBlock, withCtx, createCommentVNode, normalizeStyle, normalizeClass, createSlots, useCssVars, Transition, isRef, withModifiers } from "vue";
+import { computed, unref, ref, watch, onMounted, nextTick, defineComponent, createElementBlock, openBlock, createElementVNode, createStaticVNode, createVNode, Fragment, renderList, toDisplayString, createTextVNode, createBlock, withCtx, createCommentVNode, normalizeStyle, normalizeClass, createSlots, useCssVars, onUnmounted, Transition, isRef, withModifiers } from "vue";
 import { VCard, VImg, VCardItem, VCardTitle, VBtn, VIcon, VExpandTransition, VProgressCircular, VDialog } from "vuetify/components";
 import MarkdownIt from "markdown-it";
 import hljs from "highlight.js";
 import markdownItLinkAttributes from "markdown-it-link-attributes";
 import markdownItKatex from "markdown-it-katex";
 import { VideoPlayer } from "@videojs-player/vue";
-import mapboxgl from "mapbox-gl";
 import { components } from "vuetify/dist/vuetify-labs.esm.js";
 function isImageFile(url) {
   const imageExtensions = [
@@ -2029,7 +2028,7 @@ const OrcaYouTube = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "dat
 const _hoisted_1$c = { class: "orca-audio-container" };
 const _hoisted_2$8 = { class: "audio-list" };
 const _hoisted_3$6 = { class: "audio-content" };
-const _hoisted_4$4 = { class: "audio-label" };
+const _hoisted_4$3 = { class: "audio-label" };
 const _hoisted_5 = ["type"];
 const _hoisted_6 = ["src", "type"];
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
@@ -2062,7 +2061,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 ])
               ], -1)),
               createElementVNode("div", _hoisted_3$6, [
-                createElementVNode("p", _hoisted_4$4, toDisplayString(audio.label), 1),
+                createElementVNode("p", _hoisted_4$3, toDisplayString(audio.label), 1),
                 createElementVNode("audio", {
                   controls: "",
                   class: "audio-player",
@@ -2084,9 +2083,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 });
 const OrcaAudio = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ade9342b"]]);
 const _hoisted_1$b = { class: "orca-location-container" };
-const _hoisted_2$7 = { class: "map-wrapper" };
-const _hoisted_3$5 = { class: "location-info" };
-const _hoisted_4$3 = { class: "location-text" };
+const _hoisted_2$7 = { class: "location-info" };
+const _hoisted_3$5 = { class: "location-text" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "OrcaLocation",
   props: {
@@ -2095,70 +2093,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     mapboxToken: {}
   },
   setup(__props) {
-    const props = __props;
-    const mapInstance = ref(null);
-    const mapLoading = ref(false);
-    const onMapContainerReady = (el) => {
-      const htmlEl = el && "tagName" in el ? el : null;
-      if (!htmlEl) return;
-      if (!el) return;
-      mapLoading.value = true;
-      nextTick(() => {
-        try {
-          mapboxgl.accessToken = props.mapboxToken || "pk.eyJ1IjoicG91cnlhYnpwIiwiYSI6ImNsZ3Vuanl4YzF2NXkzZW1tcnR0MTlxNXEifQ.I3RdtfiL0ObnXbWVKxW1gQ";
-          if (mapInstance.value) {
-            mapInstance.value.remove();
-            mapInstance.value = null;
-          }
-          const containerId = `map-${props.latitude}-${props.longitude}`;
-          htmlEl.id = containerId;
-          const newMap = new mapboxgl.Map({
-            container: htmlEl,
-            style: "mapbox://styles/mapbox/streets-v11",
-            center: [props.longitude, props.latitude],
-            zoom: 12,
-            attributionControl: false
-          });
-          mapInstance.value = newMap;
-          newMap.on("load", () => {
-            new mapboxgl.Marker({
-              color: "#0D5FD6"
-            }).setLngLat([props.longitude, props.latitude]).addTo(newMap);
-            newMap.addControl(new mapboxgl.NavigationControl());
-            setTimeout(() => {
-              newMap.resize();
-            }, 100);
-            mapLoading.value = false;
-          });
-          newMap.on("error", (e) => {
-            console.error("Mapbox error:", e);
-            mapLoading.value = false;
-          });
-          newMap.on("render", () => {
-            newMap.resize();
-          });
-        } catch (error) {
-          console.error("Error initializing map:", error);
-          mapLoading.value = false;
-        }
-      });
-    };
-    onUnmounted(() => {
-      if (mapInstance.value) {
-        mapInstance.value.remove();
-        mapInstance.value = null;
-      }
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        _cache[1] || (_cache[1] = createStaticVNode('<div class="map-placeholder" data-v-2d752e0f><svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" data-v-2d752e0f><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" data-v-2d752e0f></path><circle cx="12" cy="10" r="3" data-v-2d752e0f></circle></svg><span class="placeholder-text" data-v-2d752e0f>Map view temporarily unavailable</span></div>', 1)),
         createElementVNode("div", _hoisted_2$7, [
-          (openBlock(), createElementBlock("div", {
-            ref: (el) => onMapContainerReady(el),
-            class: "map-container",
-            key: `map-${__props.latitude}-${__props.longitude}`
-          }))
-        ]),
-        createElementVNode("div", _hoisted_3$5, [
           _cache[0] || (_cache[0] = createElementVNode("div", { class: "location-icon" }, [
             createElementVNode("svg", {
               width: "16",
@@ -2176,13 +2114,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               })
             ])
           ], -1)),
-          createElementVNode("span", _hoisted_4$3, toDisplayString(__props.latitude.toFixed(6)) + ", " + toDisplayString(__props.longitude.toFixed(6)), 1)
+          createElementVNode("span", _hoisted_3$5, toDisplayString(__props.latitude.toFixed(6)) + ", " + toDisplayString(__props.longitude.toFixed(6)), 1)
         ])
       ]);
     };
   }
 });
-const OrcaLocation = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-99a42606"]]);
+const OrcaLocation = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-2d752e0f"]]);
 const _hoisted_1$a = { class: "orca-card-container" };
 const _hoisted_2$6 = {
   key: 0,