@useupup/vue 3.3.0

package/dist/ScreenCaptureUploader-TZ74W7WQ.cjs

@@ -0,0 +1,334 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGG4ABGXBcjs = require('./chunk-GG4ABGXB.cjs');
+
+
+
+
+
+var _chunkGVB7IFRPcjs = require('./chunk-GVB7IFRP.cjs');
+
+// src/components/ScreenCaptureUploader.vue
+var _vue = require('vue');
+
+var _internal = require('@useupup/core/internal');
+
+var _sfc_main = /* @__PURE__ */ _vue.defineComponent.call(void 0, {
+  __name: "ScreenCaptureUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { setFiles } = _chunkGVB7IFRPcjs.useUploaderFiles.call(void 0, );
+    const { setActiveSource } = _chunkGVB7IFRPcjs.useUploaderSource.call(void 0, );
+    const { isDark: dark } = _chunkGVB7IFRPcjs.useUploaderTheme.call(void 0, );
+    const state = _vue.ref.call(void 0, "idle");
+    const duration = _vue.ref.call(void 0, 0);
+    const videoUrl = _vue.ref.call(void 0, null);
+    const error = _vue.ref.call(void 0, null);
+    const mediaRecorder = _vue.ref.call(void 0, null);
+    const chunks = [];
+    const timerRef = _vue.ref.call(void 0, null);
+    const streamRef = _vue.ref.call(void 0, null);
+    const videoRef = _vue.ref.call(void 0, null);
+    let previewRef = null;
+    _vue.onUnmounted.call(void 0, () => {
+      var _a;
+      if (timerRef.value) clearInterval(timerRef.value);
+      if (videoUrl.value) URL.revokeObjectURL(videoUrl.value);
+      (_a = streamRef.value) == null ? void 0 : _a.getTracks().forEach((t) => t.stop());
+    });
+    function bindPreview(el) {
+      var _a;
+      const video = el instanceof HTMLVideoElement ? el : null;
+      previewRef = video;
+      if (video && streamRef.value && video.srcObject !== streamRef.value) {
+        video.srcObject = streamRef.value;
+        void ((_a = video.play()) == null ? void 0 : _a.catch(() => {
+        }));
+      }
+    }
+    async function startRecording() {
+      try {
+        const stream = await navigator.mediaDevices.getDisplayMedia({
+          video: true,
+          audio: true
+        });
+        streamRef.value = stream;
+        chunks.length = 0;
+        const [videoTrack] = stream.getVideoTracks();
+        if (videoTrack) {
+          videoTrack.onended = () => {
+            if (mediaRecorder.value && mediaRecorder.value.state !== "inactive") {
+              mediaRecorder.value.stop();
+            }
+            if (timerRef.value) clearInterval(timerRef.value);
+            state.value = "recorded";
+          };
+        }
+        const recorder = new MediaRecorder(stream);
+        mediaRecorder.value = recorder;
+        recorder.ondataavailable = (e) => {
+          if (e.data.size > 0) chunks.push(e.data);
+        };
+        recorder.onstop = () => {
+          const blob = new Blob(chunks, { type: recorder.mimeType || "video/webm" });
+          videoUrl.value = URL.createObjectURL(blob);
+          stream.getTracks().forEach((t) => t.stop());
+          if (previewRef) previewRef.srcObject = null;
+        };
+        recorder.start();
+        state.value = "recording";
+        duration.value = 0;
+        timerRef.value = setInterval(() => {
+          duration.value++;
+        }, 1e3);
+      } catch (e2) {
+        error.value = "Screen sharing was cancelled or denied. Please try again.";
+      }
+    }
+    function stopRecording() {
+      var _a;
+      (_a = mediaRecorder.value) == null ? void 0 : _a.stop();
+      if (timerRef.value) clearInterval(timerRef.value);
+      state.value = "recorded";
+    }
+    function discardRecording() {
+      if (videoUrl.value) URL.revokeObjectURL(videoUrl.value);
+      videoUrl.value = null;
+      duration.value = 0;
+      state.value = "idle";
+    }
+    function addRecording() {
+      if (!videoUrl.value) return;
+      fetch(videoUrl.value).then((r) => r.blob()).then((blob) => {
+        const file = new File([blob], `screen-recording-${Date.now()}.webm`, { type: blob.type });
+        setFiles([file]);
+        setActiveSource(void 0);
+      }).catch(() => {
+      });
+    }
+    function retryRecording() {
+      error.value = null;
+      startRecording();
+    }
+    function formatTime(s) {
+      const m = Math.floor(s / 60);
+      const sec = s % 60;
+      return `${m}:${sec.toString().padStart(2, "0")}`;
+    }
+    const __returned__ = {
+      setFiles,
+      setActiveSource,
+      dark,
+      state,
+      duration,
+      videoUrl,
+      error,
+      mediaRecorder,
+      chunks,
+      timerRef,
+      streamRef,
+      videoRef,
+      get previewRef() {
+        return previewRef;
+      },
+      set previewRef(v) {
+        previewRef = v;
+      },
+      bindPreview,
+      startRecording,
+      stopRecording,
+      discardRecording,
+      addRecording,
+      retryRecording,
+      formatTime,
+      get cn() {
+        return _internal.cn;
+      },
+      SourceViewContainer: _chunkGG4ABGXBcjs.SourceViewContainer_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_1 = { class: "upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center" };
+var _hoisted_2 = { class: "upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-4" };
+var _hoisted_3 = {
+  key: 0,
+  class: "upup-flex upup-flex-col upup-items-center upup-gap-4"
+};
+var _hoisted_4 = { class: "upup-flex upup-h-20 upup-w-20 upup-items-center upup-justify-center upup-rounded-full upup-bg-[#0ea5e9]/20" };
+var _hoisted_5 = ["stroke"];
+var _hoisted_6 = { class: "upup-relative upup-flex upup-min-h-0 upup-w-full upup-max-w-md upup-flex-1" };
+var _hoisted_7 = {
+  "data-upup-slot": "screen-rec-chip",
+  class: "upup-absolute upup-left-2.5 upup-top-2.5 upup-flex upup-items-center upup-gap-1.5 upup-rounded-md upup-bg-[#04080f]/60 upup-px-2 upup-py-1 upup-font-mono upup-text-[11px] upup-tabular-nums upup-text-[#fecdd3]"
+};
+var _hoisted_8 = ["src"];
+var _hoisted_9 = { class: "upup-flex upup-gap-3" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, 
+    _vue.Fragment,
+    null,
+    [_vue.createCommentVNode.call(void 0, " Error state "), $setup.error ? (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["SourceViewContainer"], {
+      key: 0,
+      "data-upup-slot": "screen-capture-uploader"
+    }, {
+      default: _vue.withCtx.call(void 0, () => [_vue.createElementVNode.call(void 0, "div", _hoisted_1, [_vue.createElementVNode.call(void 0, 
+        "p",
+        { class: _vue.normalizeClass.call(void 0, $setup.cn("upup-text-sm upup-text-red-500", { "upup-text-red-400": $setup.dark })) },
+        _vue.toDisplayString.call(void 0, $setup.error),
+        3
+        /* TEXT, CLASS */
+      ), _vue.createElementVNode.call(void 0, 
+        "button",
+        {
+          type: "button",
+          class: _vue.normalizeClass.call(void 0, $setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white", { "upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": $setup.dark })),
+          onClick: $setup.retryRecording
+        },
+        " Try Again ",
+        2
+        /* CLASS */
+      )])]),
+      _: 1
+    })) : (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, 
+      _vue.Fragment,
+      { key: 1 },
+      [_vue.createCommentVNode.call(void 0, " Normal state "), _vue.createVNode.call(void 0, $setup["SourceViewContainer"], { "data-upup-slot": "screen-capture-uploader" }, {
+        default: _vue.withCtx.call(void 0, () => [_vue.createElementVNode.call(void 0, "div", _hoisted_2, [
+          _vue.createCommentVNode.call(void 0, " Idle "),
+          $setup.state === "idle" ? (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, "div", _hoisted_3, [_vue.createElementVNode.call(void 0, "div", _hoisted_4, [(_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, "svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "32",
+            height: "32",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: $setup.dark ? "#38bdf8" : "#0284c7",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [..._cache[0] || (_cache[0] = [
+            _vue.createElementVNode.call(void 0, 
+              "rect",
+              {
+                width: "20",
+                height: "15",
+                x: "2",
+                y: "3",
+                rx: "2"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            _vue.createElementVNode.call(void 0, 
+              "polyline",
+              { points: "8 21 16 21" },
+              null,
+              -1
+              /* CACHED */
+            ),
+            _vue.createElementVNode.call(void 0, 
+              "line",
+              {
+                x1: "12",
+                x2: "12",
+                y1: "18",
+                y2: "21"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])], 8, _hoisted_5))]), _vue.createElementVNode.call(void 0, 
+            "button",
+            {
+              type: "button",
+              class: _vue.normalizeClass.call(void 0, $setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]", { "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": $setup.dark })),
+              onClick: $setup.startRecording
+            },
+            " Share Screen ",
+            2
+            /* CLASS */
+          )])) : _vue.createCommentVNode.call(void 0, "v-if", true),
+          _vue.createCommentVNode.call(void 0, " Recording "),
+          $setup.state === "recording" ? (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, 
+            _vue.Fragment,
+            { key: 1 },
+            [_vue.createElementVNode.call(void 0, "div", _hoisted_6, [
+              _vue.createElementVNode.call(void 0, 
+                "video",
+                {
+                  ref: $setup.bindPreview,
+                  muted: "",
+                  class: "upup-min-h-0 upup-w-full upup-flex-1 upup-rounded-lg upup-object-contain"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ),
+              _vue.createCommentVNode.call(void 0, " REC chip (states-tour-3 state E): red dot + label + timer.\r\n                         The dot's pulse is fx-gated \u2014 under motion-off the dot\r\n                         stays static so the recording status remains visible. "),
+              _vue.createElementVNode.call(void 0, "div", _hoisted_7, [_cache[1] || (_cache[1] = _vue.createElementVNode.call(void 0, 
+                "span",
+                { class: "upup-animate-fx-rec-pulse upup-h-2 upup-w-2 upup-rounded-full upup-bg-red-500" },
+                null,
+                -1
+                /* CACHED */
+              )), _vue.createTextVNode.call(void 0, 
+                " REC " + _vue.toDisplayString.call(void 0, $setup.formatTime($setup.duration)),
+                1
+                /* TEXT */
+              )])
+            ]), _vue.createElementVNode.call(void 0, "button", {
+              type: "button",
+              class: "upup-fx-press upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600",
+              onClick: $setup.stopRecording
+            }, " Stop Recording ")],
+            64
+            /* STABLE_FRAGMENT */
+          )) : _vue.createCommentVNode.call(void 0, "v-if", true),
+          _vue.createCommentVNode.call(void 0, " Recorded "),
+          $setup.state === "recorded" && $setup.videoUrl ? (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, 
+            _vue.Fragment,
+            { key: 2 },
+            [_vue.createElementVNode.call(void 0, "video", {
+              ref: "videoRef",
+              controls: "",
+              src: $setup.videoUrl,
+              class: "upup-w-full upup-max-w-md upup-min-h-0 upup-flex-1 upup-rounded-lg upup-object-contain"
+            }, null, 8, _hoisted_8), _vue.createElementVNode.call(void 0, "div", _hoisted_9, [_vue.createElementVNode.call(void 0, "button", {
+              type: "button",
+              class: "upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600",
+              onClick: $setup.discardRecording
+            }, " Discard "), _vue.createElementVNode.call(void 0, 
+              "button",
+              {
+                type: "button",
+                class: _vue.normalizeClass.call(void 0, $setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]", { "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": $setup.dark })),
+                onClick: $setup.addRecording
+              },
+              " Add Recording ",
+              2
+              /* CLASS */
+            )])],
+            64
+            /* STABLE_FRAGMENT */
+          )) : _vue.createCommentVNode.call(void 0, "v-if", true)
+        ])]),
+        _: 1
+      })],
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+    ))],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+var ScreenCaptureUploader_default = /* @__PURE__ */ _chunkGVB7IFRPcjs.export_helper_default.call(void 0, _sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\ScreenCaptureUploader.vue"]]);
+
+
+exports.default = ScreenCaptureUploader_default;
+//# sourceMappingURL=ScreenCaptureUploader-TZ74W7WQ.cjs.map

package/dist/ScreenCaptureUploader-TZ74W7WQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["c:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\ScreenCaptureUploader-TZ74W7WQ.cjs"],"names":[],"mappings":"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;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA;AACA,YAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA;AACA,cAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA;AACA,YAAA;AACA,YAAA;AACA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA;AACA,IAAA;AACA,IAAA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA","file":"C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\ScreenCaptureUploader-TZ74W7WQ.cjs","sourcesContent":[null]}

package/dist/UrlUploader-PXEGUBQ4.js

@@ -0,0 +1,143 @@
+import {
+  SourceViewContainer_default
+} from "./chunk-M6AHIQ3M.js";
+import {
+  export_helper_default,
+  useUploaderFiles,
+  useUploaderI18n,
+  useUploaderOptions,
+  useUploaderRuntime,
+  useUploaderSource,
+  useUploaderTheme
+} from "./chunk-X6FZTCNT.js";
+
+// src/components/UrlUploader.vue
+import { defineComponent as _defineComponent } from "vue";
+import { ref as ref2 } from "vue";
+
+// src/composables/useFetchFileByUrl.ts
+import { ref } from "vue";
+import { deriveFetchedFileName } from "@useupup/core/internal";
+function useFetchFileByUrl() {
+  const { core } = useUploaderRuntime();
+  const { onError } = useUploaderOptions();
+  const loading = ref(false);
+  async function fetchImage(url) {
+    if (loading.value) return;
+    try {
+      loading.value = true;
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch URL: ${response.status}`);
+      }
+      const blob = await response.blob();
+      const fileName = deriveFetchedFileName(url, response, blob);
+      const file = new File([blob], fileName, { type: blob.type });
+      core == null ? void 0 : core.emit("url-fetch", { file });
+      return file;
+    } catch (error) {
+      onError(error.message);
+      return void 0;
+    } finally {
+      loading.value = false;
+    }
+  }
+  return { loading, fetchImage };
+}
+
+// src/components/UrlUploader.vue
+import { cn } from "@useupup/core/internal";
+import { vModelText as _vModelText, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, resolveDynamicComponent as _resolveDynamicComponent, openBlock as _openBlock, createBlock as _createBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, withModifiers as _withModifiers, withCtx as _withCtx } from "vue";
+var _sfc_main = /* @__PURE__ */ _defineComponent({
+  __name: "UrlUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { core } = useUploaderRuntime();
+    const { setFiles } = useUploaderFiles();
+    const { setActiveSource } = useUploaderSource();
+    const { translations: tr } = useUploaderI18n();
+    const { icons: { LoaderIcon } } = useUploaderOptions();
+    const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+    const url = ref2("");
+    const { loading, fetchImage } = useFetchFileByUrl();
+    async function handleFormSubmit(e) {
+      e.preventDefault();
+      core == null ? void 0 : core.emit("url-submit", { url: url.value });
+      const file = await fetchImage(url.value);
+      if (file) {
+        Object.assign(file, { url: url.value });
+        setFiles([file]);
+        url.value = "";
+        setActiveSource(void 0);
+      }
+    }
+    const __returned__ = {
+      core,
+      setFiles,
+      setActiveSource,
+      tr,
+      LoaderIcon,
+      dark,
+      slotClasses,
+      url,
+      loading,
+      fetchImage,
+      handleFormSubmit,
+      get cn() {
+        return cn;
+      },
+      SourceViewContainer: SourceViewContainer_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_1 = ["aria-label", "placeholder"];
+var _hoisted_2 = ["disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createBlock($setup["SourceViewContainer"], {
+    "data-testid": "upup-url-uploader",
+    "data-upup-slot": "url-uploader"
+  }, {
+    default: _withCtx(() => [_createElementVNode(
+      "form",
+      {
+        onSubmit: _withModifiers($setup.handleFormSubmit, ["prevent"]),
+        class: "upup-px-3 upup-py-2"
+      },
+      [_withDirectives(_createElementVNode("input", {
+        type: "url",
+        name: "upup-url",
+        "aria-label": $setup.tr.enterFileUrl,
+        placeholder: $setup.tr.enterFileUrl,
+        class: _normalizeClass($setup.cn("upup-w-full upup-rounded-md upup-border-2 upup-border-[#e0e0e0] upup-bg-transparent upup-px-3 upup-py-2 upup-outline-none", { "upup-border-[#6D6D6D] upup-text-[#6D6D6D] dark:upup-border-[#6D6D6D] dark:upup-text-[#6D6D6D]": $setup.dark }, $setup.slotClasses.urlInput)),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.url = $event)
+      }, null, 10, _hoisted_1), [[_vModelText, $setup.url]]), _createElementVNode("button", {
+        class: _normalizeClass($setup.cn("upup-disabled:bg-[#e0e0e0] upup-mt-2 upup-w-full upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300", { "upup-disabled:bg-[#6D6D6D] dark:upup-disabled:bg-[#6D6D6D] upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": $setup.dark }, $setup.slotClasses.urlFetchButton)),
+        type: "submit",
+        disabled: !$setup.url
+      }, [$setup.loading ? (_openBlock(), _createBlock(_resolveDynamicComponent($setup.LoaderIcon), { key: 0 })) : (_openBlock(), _createElementBlock(
+        _Fragment,
+        { key: 1 },
+        [_createTextVNode(
+          _toDisplayString($setup.tr.fetch),
+          1
+          /* TEXT */
+        )],
+        64
+        /* STABLE_FRAGMENT */
+      ))], 10, _hoisted_2)],
+      32
+      /* NEED_HYDRATION */
+    )]),
+    _: 1
+  });
+}
+var UrlUploader_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\UrlUploader.vue"]]);
+export {
+  UrlUploader_default as default
+};
+//# sourceMappingURL=UrlUploader-PXEGUBQ4.js.map

package/dist/UrlUploader-PXEGUBQ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UrlUploader.vue","../src/components/UrlUploader.vue","../src/composables/useFetchFileByUrl.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport {\r\n    useUploaderFiles,\r\n    useUploaderI18n,\r\n    useUploaderOptions,\r\n    useUploaderRuntime,\r\n    useUploaderSource,\r\n    useUploaderTheme,\r\n} from '../context/uploader-context'\r\nimport useFetchFileByUrl from '../composables/useFetchFileByUrl'\r\nimport { cn } from '@useupup/core/internal'\r\nimport SourceViewContainer from './shared/SourceViewContainer.vue'\r\n\r\nconst { core } = useUploaderRuntime()\r\nconst { setFiles } = useUploaderFiles()\r\nconst { setActiveSource } = useUploaderSource()\r\nconst { translations: tr } = useUploaderI18n()\r\nconst { icons: { LoaderIcon } } = useUploaderOptions()\r\nconst { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme()\r\n\r\nconst url = ref('')\r\nconst { loading, fetchImage } = useFetchFileByUrl()\r\n\r\nasync function handleFormSubmit(e: Event) {\r\n    e.preventDefault()\r\n    core?.emit('url-submit', { url: url.value })\r\n    const file = await fetchImage(url.value)\r\n    if (file) {\r\n        Object.assign(file, { url: url.value })\r\n        setFiles([file])\r\n        url.value = ''\r\n        setActiveSource(undefined)\r\n    }\r\n}\r\n</script>\r\n\r\n<template>\r\n    <SourceViewContainer data-testid=\"upup-url-uploader\" data-upup-slot=\"url-uploader\">\r\n        <form @submit.prevent=\"handleFormSubmit\" class=\"upup-px-3 upup-py-2\">\r\n            <input\r\n                type=\"url\"\r\n                name=\"upup-url\"\r\n                :aria-label=\"tr.enterFileUrl\"\r\n                :placeholder=\"tr.enterFileUrl\"\r\n                :class=\"cn(\r\n                    'upup-w-full upup-rounded-md upup-border-2 upup-border-[#e0e0e0] upup-bg-transparent upup-px-3 upup-py-2 upup-outline-none',\r\n                    {\r\n                        'upup-border-[#6D6D6D] upup-text-[#6D6D6D] dark:upup-border-[#6D6D6D] dark:upup-text-[#6D6D6D]': dark,\r\n                    },\r\n                    slotClasses.urlInput,\r\n                )\"\r\n                v-model=\"url\"\r\n            />\r\n            <button\r\n                :class=\"cn(\r\n                    'upup-disabled:bg-[#e0e0e0] upup-mt-2 upup-w-full upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300',\r\n                    {\r\n                        'upup-disabled:bg-[#6D6D6D] dark:upup-disabled:bg-[#6D6D6D] upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                    },\r\n                    slotClasses.urlFetchButton,\r\n                )\"\r\n                type=\"submit\"\r\n                :disabled=\"!url\"\r\n            >\r\n                <component :is=\"LoaderIcon\" v-if=\"loading\" />\r\n                <template v-else>{{ tr.fetch }}</template>\r\n            </button>\r\n        </form>\r\n    </SourceViewContainer>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport {\r\n    useUploaderFiles,\r\n    useUploaderI18n,\r\n    useUploaderOptions,\r\n    useUploaderRuntime,\r\n    useUploaderSource,\r\n    useUploaderTheme,\r\n} from '../context/uploader-context'\r\nimport useFetchFileByUrl from '../composables/useFetchFileByUrl'\r\nimport { cn } from '@useupup/core/internal'\r\nimport SourceViewContainer from './shared/SourceViewContainer.vue'\r\n\r\nconst { core } = useUploaderRuntime()\r\nconst { setFiles } = useUploaderFiles()\r\nconst { setActiveSource } = useUploaderSource()\r\nconst { translations: tr } = useUploaderI18n()\r\nconst { icons: { LoaderIcon } } = useUploaderOptions()\r\nconst { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme()\r\n\r\nconst url = ref('')\r\nconst { loading, fetchImage } = useFetchFileByUrl()\r\n\r\nasync function handleFormSubmit(e: Event) {\r\n    e.preventDefault()\r\n    core?.emit('url-submit', { url: url.value })\r\n    const file = await fetchImage(url.value)\r\n    if (file) {\r\n        Object.assign(file, { url: url.value })\r\n        setFiles([file])\r\n        url.value = ''\r\n        setActiveSource(undefined)\r\n    }\r\n}\r\n</script>\r\n\r\n<template>\r\n    <SourceViewContainer data-testid=\"upup-url-uploader\" data-upup-slot=\"url-uploader\">\r\n        <form @submit.prevent=\"handleFormSubmit\" class=\"upup-px-3 upup-py-2\">\r\n            <input\r\n                type=\"url\"\r\n                name=\"upup-url\"\r\n                :aria-label=\"tr.enterFileUrl\"\r\n                :placeholder=\"tr.enterFileUrl\"\r\n                :class=\"cn(\r\n                    'upup-w-full upup-rounded-md upup-border-2 upup-border-[#e0e0e0] upup-bg-transparent upup-px-3 upup-py-2 upup-outline-none',\r\n                    {\r\n                        'upup-border-[#6D6D6D] upup-text-[#6D6D6D] dark:upup-border-[#6D6D6D] dark:upup-text-[#6D6D6D]': dark,\r\n                    },\r\n                    slotClasses.urlInput,\r\n                )\"\r\n                v-model=\"url\"\r\n            />\r\n            <button\r\n                :class=\"cn(\r\n                    'upup-disabled:bg-[#e0e0e0] upup-mt-2 upup-w-full upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300',\r\n                    {\r\n                        'upup-disabled:bg-[#6D6D6D] dark:upup-disabled:bg-[#6D6D6D] upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': dark,\r\n                    },\r\n                    slotClasses.urlFetchButton,\r\n                )\"\r\n                type=\"submit\"\r\n                :disabled=\"!url\"\r\n            >\r\n                <component :is=\"LoaderIcon\" v-if=\"loading\" />\r\n                <template v-else>{{ tr.fetch }}</template>\r\n            </button>\r\n        </form>\r\n    </SourceViewContainer>\r\n</template>\r\n","import { ref, type Ref } from 'vue'\r\nimport { deriveFetchedFileName } from '@useupup/core/internal'\r\nimport {\r\n    useUploaderOptions,\r\n    useUploaderRuntime,\r\n} from '../context/uploader-context'\r\n\r\nexport { deriveFetchedFileName }\r\n\r\nexport default function useFetchFileByUrl(): {\r\n    loading: Ref<boolean>\r\n    fetchImage: (url: string) => Promise<File | undefined>\r\n} {\r\n    const { core } = useUploaderRuntime()\r\n    const { onError } = useUploaderOptions()\r\n    const loading = ref(false)\r\n\r\n    async function fetchImage(url: string) {\r\n        if (loading.value) return\r\n\r\n        try {\r\n            loading.value = true\r\n            const response = await fetch(url)\r\n            if (!response.ok) {\r\n                throw new Error(`Failed to fetch URL: ${response.status}`)\r\n            }\r\n            const blob = await response.blob()\r\n            const fileName = deriveFetchedFileName(url, response, blob)\r\n\r\n            const file = new File([blob], fileName, { type: blob.type })\r\n\r\n            core?.emit('url-fetch', { file })\r\n            return file\r\n        } catch (error) {\r\n            onError((error as Error).message)\r\n            return undefined\r\n        } finally {\r\n            loading.value = false\r\n        }\r\n    }\r\n\r\n    return { loading, fetchImage }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;AACA,SAAS,OAAAA,YAAW;;;AEDpB,SAAS,WAAqB;AAC9B,SAAS,6BAA6B;AAQvB,SAAR,oBAGL;AACE,QAAM,EAAE,KAAK,IAAI,mBAAmB;AACpC,QAAM,EAAE,QAAQ,IAAI,mBAAmB;AACvC,QAAM,UAAU,IAAI,KAAK;AAEzB,iBAAe,WAAW,KAAa;AACnC,QAAI,QAAQ,MAAO;AAEnB,QAAI;AACA,cAAQ,QAAQ;AAChB,YAAM,WAAW,MAAM,MAAM,GAAG;AAChC,UAAI,CAAC,SAAS,IAAI;AACd,cAAM,IAAI,MAAM,wBAAwB,SAAS,MAAM,EAAE;AAAA,MAC7D;AACA,YAAM,OAAO,MAAM,SAAS,KAAK;AACjC,YAAM,WAAW,sBAAsB,KAAK,UAAU,IAAI;AAE1D,YAAM,OAAO,IAAI,KAAK,CAAC,IAAI,GAAG,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC;AAE3D,mCAAM,KAAK,aAAa,EAAE,KAAK;AAC/B,aAAO;AAAA,IACX,SAAS,OAAO;AACZ,cAAS,MAAgB,OAAO;AAChC,aAAO;AAAA,IACX,UAAE;AACE,cAAQ,QAAQ;AAAA,IACpB;AAAA,EACJ;AAEA,SAAO,EAAE,SAAS,WAAW;AACjC;;;AF/BA,SAAS,UAAU;A;;;;;AAGnB,UAAM,EAAE,KAAA,IAAS,mBAAmB;AACpC,UAAM,EAAE,SAAA,IAAa,iBAAiB;AACtC,UAAM,EAAE,gBAAA,IAAoB,kBAAkB;AAC9C,UAAM,EAAE,cAAc,GAAA,IAAO,gBAAgB;AAC7C,UAAM,EAAE,OAAO,EAAE,WAAA,EAAA,IAAiB,mBAAmB;AACrD,UAAM,EAAE,QAAQ,MAAM,eAAe,YAAA,IAAgB,iBAAiB;AAEtE,UAAM,MAAMC,KAAI,EAAE;AAClB,UAAM,EAAE,SAAS,WAAA,IAAe,kBAAkB;AAElD,mBAAe,iBAAiB,GAAU;AACtC,QAAE,eAAe;AACjB,mCAAM,KAAK,cAAc,EAAE,KAAK,IAAI,MAAM;AAC1C,YAAM,OAAO,MAAM,WAAW,IAAI,KAAK;AACvC,UAAI,MAAM;AACN,eAAO,OAAO,MAAM,EAAE,KAAK,IAAI,MAAM,CAAC;AACtC,iBAAS,CAAC,IAAI,CAAC;AACf,YAAI,QAAQ;AACZ,wBAAgB,MAAS;MAC7B;IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACII,SAAA,WAAA,GAAA,aA+BsB,OAAA,qBAAA,GAAA;IA/BD,eAAY;IAAoB,kBAAe;;IAChE,SAAA,SAAA,MA6BO,CA7BP;MA6BO;MAAA;QA7BA,UAAM,eAAU,OAAA,kBAAgB,CAAA,SAAA,CAAA;QAAE,OAAM;;OAC3C,gBAAA,oBAaE,SAAA;QAZE,MAAK;QACL,MAAK;QACJ,cAAY,OAAA,GAAG;QACf,aAAa,OAAA,GAAG;QAChB,OAAK,gBAAE,OAAA,GAAA,6HAAA,EAAuS,iGAAA,OAAA,KAAA,GAAmD,OAAA,YAAY,QAAA,CAAA;QAOrW,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,OAAA,MAAG;iCAAH,CAAA,aAAA,OAAA,GAAG,CAAA,CAAA,GAEhB,oBAaS,UAAA;QAZJ,OAAK,gBAAE,OAAA,GAAA,qJAAA,EAAqU,uGAAA,OAAA,KAAA,GAAmD,OAAA,YAAY,cAAA,CAAA;QAO5Y,MAAK;QACJ,UAAQ,CAAG,OAAA;UAEsB,OAAA,WAAlC,WAAA,GAAA,aAA6C,yBAA7B,OAAA,UAAU,GAAA,EAAA,KAAA,EAAA,CAAA,MAC1B,WAAA,GAAA;QAA0C;QAAA,EAAA,KAAA,EAAA;QAAA,CAAtB;UAAA,iBAAA,OAAA,GAAG,KAAK;UAAA;;QAAA,CAAA;;;;;;;;;;;","names":["ref","ref"]}

package/dist/UrlUploader-TLYGV433.cjs

@@ -0,0 +1,143 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGG4ABGXBcjs = require('./chunk-GG4ABGXB.cjs');
+
+
+
+
+
+
+
+
+var _chunkGVB7IFRPcjs = require('./chunk-GVB7IFRP.cjs');
+
+// src/components/UrlUploader.vue
+var _vue = require('vue');
+
+
+// src/composables/useFetchFileByUrl.ts
+
+var _internal = require('@useupup/core/internal');
+function useFetchFileByUrl() {
+  const { core } = _chunkGVB7IFRPcjs.useUploaderRuntime.call(void 0, );
+  const { onError } = _chunkGVB7IFRPcjs.useUploaderOptions.call(void 0, );
+  const loading = _vue.ref.call(void 0, false);
+  async function fetchImage(url) {
+    if (loading.value) return;
+    try {
+      loading.value = true;
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch URL: ${response.status}`);
+      }
+      const blob = await response.blob();
+      const fileName = _internal.deriveFetchedFileName.call(void 0, url, response, blob);
+      const file = new File([blob], fileName, { type: blob.type });
+      core == null ? void 0 : core.emit("url-fetch", { file });
+      return file;
+    } catch (error) {
+      onError(error.message);
+      return void 0;
+    } finally {
+      loading.value = false;
+    }
+  }
+  return { loading, fetchImage };
+}
+
+// src/components/UrlUploader.vue
+
+
+var _sfc_main = /* @__PURE__ */ _vue.defineComponent.call(void 0, {
+  __name: "UrlUploader",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { core } = _chunkGVB7IFRPcjs.useUploaderRuntime.call(void 0, );
+    const { setFiles } = _chunkGVB7IFRPcjs.useUploaderFiles.call(void 0, );
+    const { setActiveSource } = _chunkGVB7IFRPcjs.useUploaderSource.call(void 0, );
+    const { translations: tr } = _chunkGVB7IFRPcjs.useUploaderI18n.call(void 0, );
+    const { icons: { LoaderIcon } } = _chunkGVB7IFRPcjs.useUploaderOptions.call(void 0, );
+    const { isDark: dark, slotOverrides: slotClasses } = _chunkGVB7IFRPcjs.useUploaderTheme.call(void 0, );
+    const url = _vue.ref.call(void 0, "");
+    const { loading, fetchImage } = useFetchFileByUrl();
+    async function handleFormSubmit(e) {
+      e.preventDefault();
+      core == null ? void 0 : core.emit("url-submit", { url: url.value });
+      const file = await fetchImage(url.value);
+      if (file) {
+        Object.assign(file, { url: url.value });
+        setFiles([file]);
+        url.value = "";
+        setActiveSource(void 0);
+      }
+    }
+    const __returned__ = {
+      core,
+      setFiles,
+      setActiveSource,
+      tr,
+      LoaderIcon,
+      dark,
+      slotClasses,
+      url,
+      loading,
+      fetchImage,
+      handleFormSubmit,
+      get cn() {
+        return _internal.cn;
+      },
+      SourceViewContainer: _chunkGG4ABGXBcjs.SourceViewContainer_default
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+var _hoisted_1 = ["aria-label", "placeholder"];
+var _hoisted_2 = ["disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["SourceViewContainer"], {
+    "data-testid": "upup-url-uploader",
+    "data-upup-slot": "url-uploader"
+  }, {
+    default: _vue.withCtx.call(void 0, () => [_vue.createElementVNode.call(void 0, 
+      "form",
+      {
+        onSubmit: _vue.withModifiers.call(void 0, $setup.handleFormSubmit, ["prevent"]),
+        class: "upup-px-3 upup-py-2"
+      },
+      [_vue.withDirectives.call(void 0, _vue.createElementVNode.call(void 0, "input", {
+        type: "url",
+        name: "upup-url",
+        "aria-label": $setup.tr.enterFileUrl,
+        placeholder: $setup.tr.enterFileUrl,
+        class: _vue.normalizeClass.call(void 0, $setup.cn("upup-w-full upup-rounded-md upup-border-2 upup-border-[#e0e0e0] upup-bg-transparent upup-px-3 upup-py-2 upup-outline-none", { "upup-border-[#6D6D6D] upup-text-[#6D6D6D] dark:upup-border-[#6D6D6D] dark:upup-text-[#6D6D6D]": $setup.dark }, $setup.slotClasses.urlInput)),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.url = $event)
+      }, null, 10, _hoisted_1), [[_vue.vModelText, $setup.url]]), _vue.createElementVNode.call(void 0, "button", {
+        class: _vue.normalizeClass.call(void 0, $setup.cn("upup-disabled:bg-[#e0e0e0] upup-mt-2 upup-w-full upup-rounded-md upup-bg-[#0ea5e9] upup-p-2 upup-text-white upup-transition-all upup-duration-300", { "upup-disabled:bg-[#6D6D6D] dark:upup-disabled:bg-[#6D6D6D] upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": $setup.dark }, $setup.slotClasses.urlFetchButton)),
+        type: "submit",
+        disabled: !$setup.url
+      }, [$setup.loading ? (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, _vue.resolveDynamicComponent.call(void 0, $setup.LoaderIcon), { key: 0 })) : (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, 
+        _vue.Fragment,
+        { key: 1 },
+        [_vue.createTextVNode.call(void 0, 
+          _vue.toDisplayString.call(void 0, $setup.tr.fetch),
+          1
+          /* TEXT */
+        )],
+        64
+        /* STABLE_FRAGMENT */
+      ))], 10, _hoisted_2)],
+      32
+      /* NEED_HYDRATION */
+    )]),
+    _: 1
+  });
+}
+var UrlUploader_default = /* @__PURE__ */ _chunkGVB7IFRPcjs.export_helper_default.call(void 0, _sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\UrlUploader.vue"]]);
+
+
+exports.default = UrlUploader_default;
+//# sourceMappingURL=UrlUploader-TLYGV433.cjs.map

package/dist/UrlUploader-TLYGV433.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["c:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\UrlUploader-TLYGV433.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;AACA,0BAAyD;AACzD;AACA;AACA;AACA;AACA,kDAA8D;AAC9D,SAAS,iBAAiB,CAAC,EAAE;AAC7B,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,kDAAkB,CAAE;AACvC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kDAAkB,CAAE;AAC1C,EAAE,MAAM,QAAQ,EAAE,sBAAG,KAAM,CAAC;AAC5B,EAAE,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE;AACjC,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM;AAC7B,IAAI,IAAI;AACR,MAAM,OAAO,CAAC,MAAM,EAAE,IAAI;AAC1B,MAAM,MAAM,SAAS,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC;AACvC,MAAM,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE;AACxB,QAAQ,MAAM,IAAI,KAAK,CAAC,CAAC,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA;AACA,QAAA;AACA,QAAA;AACA;AACA,MAAA;AACA,MAAA;AACA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA","file":"C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\UrlUploader-TLYGV433.cjs","sourcesContent":[null]}