@bagelink/vue 0.0.1048 → 0.0.1056

package/dist/index.mjs

@@ -59,7 +59,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$U = ["aria-expanded", "aria-controls"];
+const _hoisted_1$V = ["aria-expanded", "aria-controls"];
 const _hoisted_2$B = { class: "accordion-label" };
 const _hoisted_3$s = ["id", "aria-hidden"];
 const _sfc_main$16 = /* @__PURE__ */ defineComponent({
@@ -136,7 +136,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$d), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true)
-        ], 8, _hoisted_1$U),
+        ], 8, _hoisted_1$V),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -162,7 +162,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-1e73ca3e"]]);
-const _hoisted_1$T = { class: "relative" };
+const _hoisted_1$U = { class: "relative" };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
@@ -185,7 +185,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$T, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
         createVNode(unref(_sfc_main$W), {
           ref_key: "suggestion",
           ref: suggestion,
@@ -221,7 +221,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$T = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -290,7 +290,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           _ctx.loading ? (openBlock(), createBlock(unref(Loading), {
             key: 0,
             size: "15"
-          })) : (openBlock(), createElementBlock("div", _hoisted_1$S, [
+          })) : (openBlock(), createElementBlock("div", _hoisted_1$T, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$d), {
               key: 0,
               icon: _ctx.icon
@@ -313,7 +313,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-c23a3626"]]);
-const _hoisted_1$R = ["dismissable"];
+const _hoisted_1$S = ["dismissable"];
 const _hoisted_2$A = { class: "m-0" };
 const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -351,12 +351,12 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$R)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$S)) : createCommentVNode("", true);
     };
   }
 });
 const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$Q = ["src", "alt"];
+const _hoisted_1$R = ["src", "alt"];
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -375,7 +375,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$Q)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$R)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString((_ctx.fallback || unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -414,6 +414,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-2f3caf93"]]);
+const _hoisted_1$Q = { key: 1 };
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "BglComponent",
   props: {
@@ -503,6 +504,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         updateField(props2.id, val);
       }
     });
+    const computedFieldData = computed(
+      () => {
+        var _a2, _b;
+        return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, props2.modelValue)) ?? fieldData.value;
+      }
+    );
     const vIf = computed(() => {
       if (props2.field["v-if"] === void 0 && props2.field.vIf === void 0) return true;
       if (typeof props2.field["v-if"] === "boolean" || typeof props2.field.vIf === "boolean") return props2.field["v-if"];
@@ -516,7 +523,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     );
     const computedAttrs = computed(() => {
       const attrs = { ...customAttrs.value, ...props2.field.attrs };
-      return bindAttrs(attrs, fieldData.value, props2.modelValue);
+      const boundAttrs = bindAttrs(attrs, fieldData.value, props2.modelValue);
+      return Object.fromEntries(
+        Object.entries(boundAttrs).filter(([_2, value]) => value !== void 0)
+      );
     });
     const computedClass = computed(
       () => {
@@ -543,14 +553,16 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }), {
         default: withCtx(() => [
           _ctx.field.$el === "form" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(fieldData.value) + " ", 1),
+            createTextVNode(toDisplayString(computedFieldData.value) + " ", 1),
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.field.children, (child, ii) => {
-              return openBlock(), createBlock(_component_BglComponent, {
-                id: [props2.id, child.id].filter(Boolean).join("."),
-                key: child.id || ii,
-                field: child,
-                "parent-path": props2.id
-              }, null, 8, ["id", "field", "parent-path"]);
+              return openBlock(), createElementBlock(Fragment, { key: ii }, [
+                typeof child !== "string" ? (openBlock(), createBlock(_component_BglComponent, {
+                  key: 0,
+                  id: [props2.id, child.id].filter(Boolean).join("."),
+                  field: child,
+                  "parent-path": props2.id
+                }, null, 8, ["id", "field", "parent-path"])) : (openBlock(), createElementBlock("span", _hoisted_1$Q, toDisplayString(child), 1))
+              ], 64);
             }), 128))
           ], 64))
         ]),
@@ -10009,7 +10021,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formState == null ? void 0 : formState.data.value);
       return true;
     });
-    computed(
+    const computedFieldData = computed(
       () => {
         var _a2, _b;
         return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, formState == null ? void 0 : formState.data.value)) ?? fieldData.value;
@@ -10021,7 +10033,10 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     const computedAttrs = computed(() => {
       const attrs = { ...customAttrs.value, ...props2.field.attrs };
       delete attrs.schema;
-      return bindAttrs(attrs, fieldData.value, formState == null ? void 0 : formState.data.value);
+      const boundAttrs = bindAttrs(attrs, fieldData.value, formState == null ? void 0 : formState.data.value);
+      return Object.fromEntries(
+        Object.entries(boundAttrs).filter(([_2, value]) => value !== void 0)
+      );
     });
     const computedClass = computed(
       () => {
@@ -10047,6 +10062,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         schema: ((_a2 = _ctx.field.attrs) == null ? void 0 : _a2.schema) ?? void 0
       }), {
         default: withCtx(() => [
+          createTextVNode(toDisplayString(computedFieldData.value) + " ", 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.field.children, (child, ii) => {
             return openBlock(), createElementBlock(Fragment, { key: ii }, [
               typeof child !== "string" ? (openBlock(), createBlock(_component_BglField, {
@@ -20481,8 +20497,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     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];
+        from.value = newVal[0] ?? min2;
+        to2.value = newVal[1] ?? max2;
       } else if (!Array.isArray(newVal)) {
         from.value = newVal ?? min2;
         to2.value = max2;
@@ -20520,7 +20536,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             class: "from",
             type: "range",
             min: unref(min2),
-            max: unref(multiRange) ? validTo.value : unref(max2),
+            max: unref(max2),
             step: unref(step),
             required: _ctx.required,
             disabled: unref(disabled),
@@ -20532,7 +20548,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             value: validTo.value,
             class: "to",
             type: "range",
-            min: validFrom.value,
+            min: unref(min2),
             max: unref(max2),
             step: unref(step),
             required: _ctx.required,
@@ -20608,7 +20624,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c427a28c"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-36a4519c"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -30435,7 +30451,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     lines: {},
     autocomplete: {},
     autofocus: { type: Boolean },
-    debounceDelay: { default: 300 },
     onFocusout: {}
   },
   emits: ["update:modelValue", "debounce"],
@@ -30450,13 +30465,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       if (props2.multiline || props2.code) return 4;
       return 1;
     });
-    const debounceUpdate = useDebounceFn(() => {
-      emit2("debounce", inputVal.value);
-    }, props2.debounceDelay);
+    function emitValue() {
+      emit2("update:modelValue", inputVal.value);
+    }
     function updateInputVal() {
       if (props2.disabled) return;
-      emit2("update:modelValue", inputVal.value);
-      void debounceUpdate();
+      emitValue();
+      debounce(emitValue, 300);
     }
     watch(
       () => props2.modelValue,
@@ -30551,7 +30566,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0e10a3b5"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3c20ae39"]]);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$a = ["id", "required"];
 const _hoisted_3$8 = ["for"];
@@ -32791,7 +32806,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "19ae1fec": unref(computedItemHeight)
+      "f80ef6d8": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const NON_DIGIT_REGEX = /[^\d.-]/g;
@@ -33018,7 +33033,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-248ceeff"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4c462da5"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
@@ -33281,6 +33296,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       pointerPosX.value = newMousePosX;
       pointerPosY.value = newMousePosY;
     }
+    function onInteractionEnd() {
+      debounce(() => {
+        limit();
+        panLocked.value = scale.value === 1;
+      }, 100);
+    }
     function limit() {
       if (scale.value < __props.minScale) {
         scale.value = __props.minScale;
@@ -33335,6 +33356,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function onMouseWheelDo(wheelDelta) {
       const scaleDelta = 1.25 ** (wheelDelta / 120);
       tryToScale(scaleDelta);
+      onInteractionEnd();
     }
     function onMouseDown(ev) {
       refreshContainerPos();
@@ -33346,6 +33368,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     function onMouseUp() {
       isPointerDown.value = false;
+      onInteractionEnd();
       document.removeEventListener("mouseup", onMouseUp);
       document.removeEventListener("mousemove", onMouseMove);
     }
@@ -33372,6 +33395,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (ev.touches.length === 0) {
         isPointerDown.value = false;
         if (Math.abs(scale.value - 1) < 0.1) scale.value = 1;
+        onInteractionEnd();
       } else if (ev.touches.length === 1) {
         pointerPosX.value = ev.touches[0].clientX;
         pointerPosY.value = ev.touches[0].clientY;
@@ -34369,7 +34393,7 @@ function uploadField(id, label, options) {
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: markRaw(_sfc_main$R),
+      $el: "bagelform",
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -34377,7 +34401,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: markRaw(_sfc_main$R),
+    $el: "bagelform",
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -34463,18 +34487,14 @@ function formatString(str, format2) {
   }
   return str;
 }
-function debounce(callback, wait, immediate) {
-  let timeout;
-  return function(...args) {
-    const later = () => {
-      timeout = void 0;
-      if (!immediate) callback.apply(this, args);
-    };
-    const callNow = immediate && timeout === void 0;
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    if (callNow) callback.apply(this, args);
-  };
+const debouncers = /* @__PURE__ */ new Map();
+function debounce(fn2, wait = 500) {
+  clearTimeout(debouncers.get(fn2));
+  const timeout = setTimeout(() => {
+    fn2();
+    debouncers.delete(fn2);
+  }, wait);
+  debouncers.set(fn2, timeout);
 }
 function keyToLabel(key) {
   if (key === void 0) return key;