@bagelink/vue 0.0.1037 → 0.0.1043

package/dist/index.cjs

@@ -20284,7 +20284,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$u = ["for"];
-const _hoisted_2$k = ["id", "name", "value"];
+const _hoisted_2$k = ["id", "name", "value", "required"];
 const _hoisted_3$g = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$b = ["src", "alt"];
 const _hoisted_5$b = { class: "" };
@@ -20301,7 +20301,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeModels({
     groupName: {},
     options: {},
-    deletable: { type: Boolean }
+    deletable: { type: Boolean },
+    required: { type: Boolean }
   }, {
     "modelValue": {},
     "modelModifiers": {}
@@ -20323,7 +20324,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
               class: "radio-input-list",
               type: "radio",
               name: _ctx.groupName,
-              value: opt.value
+              value: opt.value,
+              required: _ctx.required
             }, null, 8, _hoisted_2$k), [
               [vue.vModelRadio, selectedOption.value]
             ]),
@@ -20355,7 +20357,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3e9e030f"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3c77be46"]]);
 const _hoisted_1$t = { class: "bagel-input" };
 const _hoisted_2$j = { class: "pb-025" };
 const _hoisted_3$f = { class: "flex gap-05 flex-wrap" };
@@ -20429,125 +20431,138 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$s = { class: "label" };
+const _hoisted_1$s = {
+  key: 0,
+  class: "label"
+};
 const _hoisted_2$i = ["dir"];
-const _hoisted_3$e = ["id", "min", "max", "step", "required", "disabled"];
-const _hoisted_4$9 = ["min", "max", "step", "required", "disabled"];
+const _hoisted_3$e = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
+const _hoisted_4$9 = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_5$9 = { class: "track absolute pointer-events-none overflow-hidden round" };
-const _hoisted_6$8 = { class: "txt-center txt-14 range-slider-txt flex space-between opacity-4 mx-05" };
+const _hoisted_6$8 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
 const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "RangeInput",
   props: {
     modelValue: {},
-    min: { default: 0 },
-    max: { default: 100 },
-    step: { default: 1 },
+    min: {},
+    max: {},
+    step: {},
     required: { type: Boolean },
     label: {},
     disabled: { type: Boolean },
     id: {},
-    rtl: { type: Boolean }
+    rtl: { type: Boolean },
+    multiRange: { type: Boolean },
+    formatValue: { type: Function }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const props2 = __props;
     const emit2 = __emit;
-    const isRange = vue.computed(() => Array.isArray(__props.modelValue));
-    let from = vue.ref(__props.min);
-    let to2 = vue.ref(__props.max);
-    const validFrom = vue.computed(() => Math.min(Math.max(from.value, __props.min), to2.value));
-    const validTo = vue.computed(() => Math.max(Math.min(to2.value, __props.max), from.value));
-    function emitValue() {
-      emit2("update:modelValue", isRange.value ? [validFrom.value, validTo.value] : validFrom.value);
-    }
-    vue.watch(() => validFrom.value, (newVal) => {
-      if (from.value !== newVal) from.value = newVal;
-    });
-    vue.watch(() => validTo.value, (newVal) => {
-      if (to2.value !== newVal) to2.value = newVal;
-    });
-    const fromPercentage = vue.computed(() => (validFrom.value - __props.min) / (__props.max - __props.min) * 100);
-    const toPercentage = vue.computed(() => (validTo.value - __props.min) / (__props.max - __props.min) * 100);
-    const rangeStyle = vue.computed(() => {
-      const width = (validTo.value - validFrom.value) / (__props.max - __props.min) * 100;
-      if (isRange.value) return { left: `${fromPercentage.value}%`, width: `${width}%` };
-      if (__props.rtl) return { left: `${width}%`, width: `${fromPercentage.value}%` };
-      return { right: `${width}%`, width: `${fromPercentage.value}%` };
-    });
-    vue.watch(() => __props.modelValue, (newVal) => {
-      if (Array.isArray(newVal)) {
+    const {
+      min: min2 = 0,
+      max: max2 = 100,
+      step = 1,
+      label,
+      disabled,
+      id,
+      rtl,
+      multiRange = false,
+      formatValue = (value) => value.toString()
+    } = props2;
+    let from = vue.ref(Array.isArray(props2.modelValue) ? props2.modelValue[0] : props2.modelValue ?? min2);
+    let to2 = vue.ref(Array.isArray(props2.modelValue) ? props2.modelValue[1] : max2);
+    const validFrom = vue.computed(() => Math.min(Math.max(from.value, min2), multiRange ? to2.value : max2));
+    const validTo = vue.computed(() => Math.max(Math.min(to2.value, max2), from.value));
+    const fromPercentage = vue.computed(() => (validFrom.value - min2) / (max2 - min2) * 100);
+    const toPercentage = vue.computed(() => (validTo.value - min2) / (max2 - min2) * 100);
+    vue.watch(() => props2.modelValue, (newVal) => {
+      if (Array.isArray(newVal) && multiRange) {
         from.value = newVal[0];
         to2.value = newVal[1];
-      } else {
-        from.value = newVal;
+      } else if (!Array.isArray(newVal)) {
+        from.value = newVal ?? min2;
+        to2.value = max2;
       }
     }, { immediate: true });
+    function handleInput(value, isFromInput) {
+      if (isFromInput) {
+        from.value = value;
+      } else {
+        to2.value = value;
+      }
+      emit2("update:modelValue", multiRange ? [validFrom.value, validTo.value] : validFrom.value);
+    }
+    const rangeStyle = vue.computed(() => {
+      if (multiRange) {
+        return {
+          left: `${fromPercentage.value}%`,
+          width: `${toPercentage.value - fromPercentage.value}%`
+        };
+      }
+      return rtl ? { left: `${100 - fromPercentage.value}%`, width: `${fromPercentage.value}%` } : { left: "0", width: `${fromPercentage.value}%` };
+    });
+    const displayFrom = vue.computed(() => formatValue(validFrom.value));
+    const displayTo = vue.computed(() => formatValue(validTo.value));
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createElementVNode("label", _hoisted_1$s, vue.toDisplayString(_ctx.label), 1),
+        vue.unref(label) ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$s, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: "range-slider relative w-100",
-          dir: _ctx.rtl ? "rtl" : "ltr"
+          dir: vue.unref(rtl) ? "rtl" : "ltr"
         }, [
-          vue.withDirectives(vue.createElementVNode("input", {
-            id: _ctx.id,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(from) ? from.value = $event : from = $event),
+          vue.createElementVNode("input", {
+            id: vue.unref(id),
+            value: validFrom.value,
             class: "from",
             type: "range",
-            min: _ctx.min,
-            max: _ctx.max,
-            step: _ctx.step,
+            min: vue.unref(min2),
+            max: vue.unref(multiRange) ? validTo.value : vue.unref(max2),
+            step: vue.unref(step),
             required: _ctx.required,
-            disabled: _ctx.disabled,
-            "aria-label": "Minimum value",
-            onChange: emitValue
-          }, null, 40, _hoisted_3$e), [
-            [vue.vModelText, vue.unref(from)]
-          ]),
-          isRange.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+            disabled: vue.unref(disabled),
+            "aria-label": vue.unref(multiRange) ? "Minimum value" : "Value",
+            onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
+          }, null, 40, _hoisted_3$e),
+          vue.unref(multiRange) ? (vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(to2) ? to2.value = $event : to2 = $event),
+            value: validTo.value,
             class: "to",
             type: "range",
-            min: _ctx.min,
-            max: _ctx.max,
-            step: _ctx.step,
+            min: validFrom.value,
+            max: vue.unref(max2),
+            step: vue.unref(step),
             required: _ctx.required,
-            disabled: _ctx.disabled,
+            disabled: vue.unref(disabled),
             "aria-label": "Maximum value",
-            onChange: emitValue
-          }, null, 40, _hoisted_4$9)), [
-            [vue.vModelText, vue.unref(to2)]
-          ]) : vue.createCommentVNode("", true),
+            onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
+          }, null, 40, _hoisted_4$9)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_5$9, [
             vue.createElementVNode("div", {
               class: "active-range absolute h-100 pointer-events-none bg-primary",
               style: vue.normalizeStyle(rangeStyle.value)
             }, null, 4)
           ]),
-          vue.unref(from) !== _ctx.min ? (vue.openBlock(), vue.createElementBlock("p", {
+          validFrom.value !== vue.unref(min2) ? (vue.openBlock(), vue.createElementBlock("p", {
             key: 1,
             class: "txt-center txt-12 range-slider-position-txt absolute line-height-1 opacity-0",
             style: vue.normalizeStyle({ "--progress": `${fromPercentage.value}` })
-          }, [
-            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(from)), 1)
-          ], 4)) : vue.createCommentVNode("", true),
-          isRange.value && vue.unref(to2) !== _ctx.max ? (vue.openBlock(), vue.createElementBlock("p", {
+          }, vue.toDisplayString(displayFrom.value), 5)) : vue.createCommentVNode("", true),
+          vue.unref(multiRange) && validTo.value !== vue.unref(max2) ? (vue.openBlock(), vue.createElementBlock("p", {
             key: 2,
             class: "txt-center txt-12 range-slider-position-txt opacity-0 line-height-1 absolute",
             style: vue.normalizeStyle({ "--progress": `${toPercentage.value}` })
-          }, [
-            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(to2)), 1)
-          ], 4)) : vue.createCommentVNode("", true)
+          }, vue.toDisplayString(displayTo.value), 5)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$i),
         vue.createElementVNode("p", _hoisted_6$8, [
-          vue.createElementVNode("span", null, vue.toDisplayString(_ctx.min), 1),
-          vue.createElementVNode("span", null, vue.toDisplayString(_ctx.max), 1)
+          vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)(vue.unref(min2))), 1),
+          vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)(vue.unref(max2))), 1)
         ])
       ]);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-67458398"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-3616fbd2"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -33578,12 +33593,14 @@ class BagelAuth {
   }
 }
 class Bagel {
-  constructor({ host, onError }) {
+  constructor({ host, fileBaseUrl, onError }) {
     __publicField(this, "host");
+    __publicField(this, "fileBaseUrl");
     __publicField(this, "onError");
     __publicField(this, "read_table");
     __publicField(this, "auth", new BagelAuth(this));
     this.host = host == null ? void 0 : host.replace(/\/$/, "");
+    this.fileBaseUrl = fileBaseUrl == null ? void 0 : fileBaseUrl.replace(/\/$/, "");
     if (!this.host) {
       return this;
     }

package/dist/index.mjs

@@ -20282,7 +20282,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$u = ["for"];
-const _hoisted_2$k = ["id", "name", "value"];
+const _hoisted_2$k = ["id", "name", "value", "required"];
 const _hoisted_3$g = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$b = ["src", "alt"];
 const _hoisted_5$b = { class: "" };
@@ -20299,7 +20299,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     groupName: {},
     options: {},
-    deletable: { type: Boolean }
+    deletable: { type: Boolean },
+    required: { type: Boolean }
   }, {
     "modelValue": {},
     "modelModifiers": {}
@@ -20321,7 +20322,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               class: "radio-input-list",
               type: "radio",
               name: _ctx.groupName,
-              value: opt.value
+              value: opt.value,
+              required: _ctx.required
             }, null, 8, _hoisted_2$k), [
               [vModelRadio, selectedOption.value]
             ]),
@@ -20353,7 +20355,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3e9e030f"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3c77be46"]]);
 const _hoisted_1$t = { class: "bagel-input" };
 const _hoisted_2$j = { class: "pb-025" };
 const _hoisted_3$f = { class: "flex gap-05 flex-wrap" };
@@ -20427,125 +20429,138 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$s = { class: "label" };
+const _hoisted_1$s = {
+  key: 0,
+  class: "label"
+};
 const _hoisted_2$i = ["dir"];
-const _hoisted_3$e = ["id", "min", "max", "step", "required", "disabled"];
-const _hoisted_4$9 = ["min", "max", "step", "required", "disabled"];
+const _hoisted_3$e = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
+const _hoisted_4$9 = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_5$9 = { class: "track absolute pointer-events-none overflow-hidden round" };
-const _hoisted_6$8 = { class: "txt-center txt-14 range-slider-txt flex space-between opacity-4 mx-05" };
+const _hoisted_6$8 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "RangeInput",
   props: {
     modelValue: {},
-    min: { default: 0 },
-    max: { default: 100 },
-    step: { default: 1 },
+    min: {},
+    max: {},
+    step: {},
     required: { type: Boolean },
     label: {},
     disabled: { type: Boolean },
     id: {},
-    rtl: { type: Boolean }
+    rtl: { type: Boolean },
+    multiRange: { type: Boolean },
+    formatValue: { type: Function }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const props2 = __props;
     const emit2 = __emit;
-    const isRange = computed(() => Array.isArray(__props.modelValue));
-    let from = ref(__props.min);
-    let to2 = ref(__props.max);
-    const validFrom = computed(() => Math.min(Math.max(from.value, __props.min), to2.value));
-    const validTo = computed(() => Math.max(Math.min(to2.value, __props.max), from.value));
-    function emitValue() {
-      emit2("update:modelValue", isRange.value ? [validFrom.value, validTo.value] : validFrom.value);
-    }
-    watch(() => validFrom.value, (newVal) => {
-      if (from.value !== newVal) from.value = newVal;
-    });
-    watch(() => validTo.value, (newVal) => {
-      if (to2.value !== newVal) to2.value = newVal;
-    });
-    const fromPercentage = computed(() => (validFrom.value - __props.min) / (__props.max - __props.min) * 100);
-    const toPercentage = computed(() => (validTo.value - __props.min) / (__props.max - __props.min) * 100);
-    const rangeStyle = computed(() => {
-      const width = (validTo.value - validFrom.value) / (__props.max - __props.min) * 100;
-      if (isRange.value) return { left: `${fromPercentage.value}%`, width: `${width}%` };
-      if (__props.rtl) return { left: `${width}%`, width: `${fromPercentage.value}%` };
-      return { right: `${width}%`, width: `${fromPercentage.value}%` };
-    });
-    watch(() => __props.modelValue, (newVal) => {
-      if (Array.isArray(newVal)) {
+    const {
+      min: min2 = 0,
+      max: max2 = 100,
+      step = 1,
+      label,
+      disabled,
+      id,
+      rtl,
+      multiRange = false,
+      formatValue = (value) => value.toString()
+    } = props2;
+    let from = ref(Array.isArray(props2.modelValue) ? props2.modelValue[0] : props2.modelValue ?? min2);
+    let to2 = ref(Array.isArray(props2.modelValue) ? props2.modelValue[1] : max2);
+    const validFrom = computed(() => Math.min(Math.max(from.value, min2), multiRange ? to2.value : max2));
+    const validTo = computed(() => Math.max(Math.min(to2.value, max2), from.value));
+    const fromPercentage = computed(() => (validFrom.value - min2) / (max2 - min2) * 100);
+    const toPercentage = computed(() => (validTo.value - min2) / (max2 - min2) * 100);
+    watch(() => props2.modelValue, (newVal) => {
+      if (Array.isArray(newVal) && multiRange) {
         from.value = newVal[0];
         to2.value = newVal[1];
-      } else {
-        from.value = newVal;
+      } else if (!Array.isArray(newVal)) {
+        from.value = newVal ?? min2;
+        to2.value = max2;
       }
     }, { immediate: true });
+    function handleInput(value, isFromInput) {
+      if (isFromInput) {
+        from.value = value;
+      } else {
+        to2.value = value;
+      }
+      emit2("update:modelValue", multiRange ? [validFrom.value, validTo.value] : validFrom.value);
+    }
+    const rangeStyle = computed(() => {
+      if (multiRange) {
+        return {
+          left: `${fromPercentage.value}%`,
+          width: `${toPercentage.value - fromPercentage.value}%`
+        };
+      }
+      return rtl ? { left: `${100 - fromPercentage.value}%`, width: `${fromPercentage.value}%` } : { left: "0", width: `${fromPercentage.value}%` };
+    });
+    const displayFrom = computed(() => formatValue(validFrom.value));
+    const displayTo = computed(() => formatValue(validTo.value));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("label", _hoisted_1$s, toDisplayString(_ctx.label), 1),
+        unref(label) ? (openBlock(), createElementBlock("label", _hoisted_1$s, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "range-slider relative w-100",
-          dir: _ctx.rtl ? "rtl" : "ltr"
+          dir: unref(rtl) ? "rtl" : "ltr"
         }, [
-          withDirectives(createElementVNode("input", {
-            id: _ctx.id,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(from) ? from.value = $event : from = $event),
+          createElementVNode("input", {
+            id: unref(id),
+            value: validFrom.value,
             class: "from",
             type: "range",
-            min: _ctx.min,
-            max: _ctx.max,
-            step: _ctx.step,
+            min: unref(min2),
+            max: unref(multiRange) ? validTo.value : unref(max2),
+            step: unref(step),
             required: _ctx.required,
-            disabled: _ctx.disabled,
-            "aria-label": "Minimum value",
-            onChange: emitValue
-          }, null, 40, _hoisted_3$e), [
-            [vModelText, unref(from)]
-          ]),
-          isRange.value ? withDirectives((openBlock(), createElementBlock("input", {
+            disabled: unref(disabled),
+            "aria-label": unref(multiRange) ? "Minimum value" : "Value",
+            onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
+          }, null, 40, _hoisted_3$e),
+          unref(multiRange) ? (openBlock(), createElementBlock("input", {
             key: 0,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(to2) ? to2.value = $event : to2 = $event),
+            value: validTo.value,
             class: "to",
             type: "range",
-            min: _ctx.min,
-            max: _ctx.max,
-            step: _ctx.step,
+            min: validFrom.value,
+            max: unref(max2),
+            step: unref(step),
             required: _ctx.required,
-            disabled: _ctx.disabled,
+            disabled: unref(disabled),
             "aria-label": "Maximum value",
-            onChange: emitValue
-          }, null, 40, _hoisted_4$9)), [
-            [vModelText, unref(to2)]
-          ]) : createCommentVNode("", true),
+            onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
+          }, null, 40, _hoisted_4$9)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_5$9, [
             createElementVNode("div", {
               class: "active-range absolute h-100 pointer-events-none bg-primary",
               style: normalizeStyle(rangeStyle.value)
             }, null, 4)
           ]),
-          unref(from) !== _ctx.min ? (openBlock(), createElementBlock("p", {
+          validFrom.value !== unref(min2) ? (openBlock(), createElementBlock("p", {
             key: 1,
             class: "txt-center txt-12 range-slider-position-txt absolute line-height-1 opacity-0",
             style: normalizeStyle({ "--progress": `${fromPercentage.value}` })
-          }, [
-            createElementVNode("span", null, toDisplayString(unref(from)), 1)
-          ], 4)) : createCommentVNode("", true),
-          isRange.value && unref(to2) !== _ctx.max ? (openBlock(), createElementBlock("p", {
+          }, toDisplayString(displayFrom.value), 5)) : createCommentVNode("", true),
+          unref(multiRange) && validTo.value !== unref(max2) ? (openBlock(), createElementBlock("p", {
             key: 2,
             class: "txt-center txt-12 range-slider-position-txt opacity-0 line-height-1 absolute",
             style: normalizeStyle({ "--progress": `${toPercentage.value}` })
-          }, [
-            createElementVNode("span", null, toDisplayString(unref(to2)), 1)
-          ], 4)) : createCommentVNode("", true)
+          }, toDisplayString(displayTo.value), 5)) : createCommentVNode("", true)
         ], 8, _hoisted_2$i),
         createElementVNode("p", _hoisted_6$8, [
-          createElementVNode("span", null, toDisplayString(_ctx.min), 1),
-          createElementVNode("span", null, toDisplayString(_ctx.max), 1)
+          createElementVNode("span", null, toDisplayString(unref(formatValue)(unref(min2))), 1),
+          createElementVNode("span", null, toDisplayString(unref(formatValue)(unref(max2))), 1)
         ])
       ]);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-67458398"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-3616fbd2"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -33576,12 +33591,14 @@ class BagelAuth {
   }
 }
 class Bagel {
-  constructor({ host, onError }) {
+  constructor({ host, fileBaseUrl, onError }) {
     __publicField(this, "host");
+    __publicField(this, "fileBaseUrl");
     __publicField(this, "onError");
     __publicField(this, "read_table");
     __publicField(this, "auth", new BagelAuth(this));
     this.host = host == null ? void 0 : host.replace(/\/$/, "");
+    this.fileBaseUrl = fileBaseUrl == null ? void 0 : fileBaseUrl.replace(/\/$/, "");
     if (!this.host) {
       return this;
     }

package/dist/plugins/drag-n-drop/draggable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const draggableDirective: ObjectDirective;
+export default draggableDirective;
+//# sourceMappingURL=draggable.d.ts.map

package/dist/plugins/drag-n-drop/draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/draggable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/droppable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const droppableDirective: ObjectDirective;
+export default droppableDirective;
+//# sourceMappingURL=droppable.d.ts.map

package/dist/plugins/drag-n-drop/droppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/droppable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    install(app: any): void;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/drag-n-drop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/index.ts"],"names":[],"mappings":";iBAIc,GAAG;;AADjB,wBAKC"}

package/dist/plugins/drag-n-drop/useDraggable.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+interface DraggableOptions {
+    handle?: string;
+    onGenerateDragPreview?: (args: any) => void;
+}
+export declare function useDraggable(el: Ref<HTMLElement | null>, data: any, options?: DraggableOptions): void;
+export {};
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/plugins/drag-n-drop/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CAE3C;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CA0BN"}

package/dist/plugins/drag-n-drop/useDroppable.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+interface DroppableOptions {
+    canDrop?: (args: any) => boolean;
+}
+export declare function useDroppable(el: Ref<HTMLElement | null>, data: any, onDrop?: (event: any) => void, options?: DroppableOptions): void;
+export {};
+//# sourceMappingURL=useDroppable.d.ts.map

package/dist/plugins/drag-n-drop/useDroppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDroppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDroppable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAA;CAEhC;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,EAC7B,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CAqBN"}