@bagelink/vue 0.0.815 → 0.0.819

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, onMounted, inject, watch, createElementVNode, unref, toDisplayString, normalizeClass, createVNode, Transition, withCtx, createCommentVNode, isRef, Fragment as Fragment$1, renderList, createBlock, useCssVars, useSlots, resolveDynamicComponent, withModifiers, createTextVNode, normalizeStyle, onUnmounted, resolveComponent, mergeProps, mergeModels, useModel, pushScopeId, popScopeId, nextTick, normalizeProps, guardReactiveProps, withScopeId, withKeys, createApp, h as h$2, withDirectives, vModelCheckbox, vModelText, toRef, createSlots, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, resolveDirective, onBeforeUnmount, getCurrentInstance, watchEffect, markRaw, customRef, TransitionGroup, vModelDynamic, shallowRef } from "vue";
+import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, onMounted, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment as Fragment$1, renderList, createBlock, useCssVars, useSlots, resolveDynamicComponent, withModifiers, createTextVNode, normalizeStyle, onUnmounted, resolveComponent, mergeProps, mergeModels, useModel, pushScopeId, popScopeId, nextTick, normalizeProps, guardReactiveProps, withScopeId, withKeys, createApp, h as h$2, withDirectives, vModelCheckbox, vModelText, toRef, createSlots, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, resolveDirective, onBeforeUnmount, getCurrentInstance, watchEffect, markRaw, customRef, TransitionGroup, vModelDynamic, shallowRef } from "vue";
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get bglForm() {
@@ -52,16 +52,19 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "accordion-item" };
-const _hoisted_2$w = ["aria-expanded", "aria-controls"];
-const _hoisted_3$m = { class: "accordion-label" };
-const _hoisted_4$g = ["id", "aria-hidden"];
+const _hoisted_1$M = ["aria-expanded", "aria-controls"];
+const _hoisted_2$w = { class: "accordion-label" };
+const _hoisted_3$m = ["id", "aria-hidden"];
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
     id: {},
-    open: { type: Boolean }
+    open: { type: Boolean },
+    iconType: {},
+    iconPosition: {},
+    flat: { type: Boolean },
+    iconClass: {}
   },
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
@@ -80,6 +83,10 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     });
     const accordionState = inject("accordionState");
     const id = props2.id || Math.random().toString(36).slice(7);
+    const computedIcon = computed(() => {
+      return props2.iconType === "plus_minus" ? isOpen.value ? "remove" : "add" : "expand_more";
+    });
+    const iconPosition = computed(() => props2.iconPosition || "end");
     if (accordionState) {
       watch(
         () => accordionState.openItem,
@@ -100,22 +107,31 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["accordion-item txt-start", [{ flat: _ctx.flat }]])
+      }, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
           "aria-controls": `accordion-body-${unref(id)}`,
           onClick: _cache[0] || (_cache[0] = ($event) => toggle())
         }, [
+          iconPosition.value === "start" ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(["accordion-icon", [_ctx.iconClass, { open: unref(isOpen) && _ctx.iconType === "expand_more" }]])
+          }, [
+            createVNode(unref(_sfc_main$c), { icon: computedIcon.value }, null, 8, ["icon"])
+          ], 2)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "head", {}, () => [
-            createElementVNode("span", _hoisted_3$m, toDisplayString(_ctx.label), 1)
+            createElementVNode("span", _hoisted_2$w, toDisplayString(_ctx.label), 1)
           ], true),
-          createElementVNode("div", {
-            class: normalizeClass(["accordion-icon", { open: unref(isOpen) }])
+          iconPosition.value === "end" ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass(["accordion-icon", [_ctx.iconClass, { open: unref(isOpen) && _ctx.iconType === "expand_more" }]])
           }, [
-            createVNode(unref(_sfc_main$c), { icon: "expand_more" })
-          ], 2)
-        ], 8, _hoisted_2$w),
+            createVNode(unref(_sfc_main$c), { icon: computedIcon.value }, null, 8, ["icon"])
+          ], 2)) : createCommentVNode("", true)
+        ], 8, _hoisted_1$M),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -125,11 +141,11 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$g)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$m)) : createCommentVNode("", true)
           ]),
           _: 3
         })
-      ]);
+      ], 2);
     };
   }
 });
@@ -140,7 +156,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-c1663af0"]]);
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-9d8335fa"]]);
 const _hoisted_1$L = { class: "relative" };
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",
@@ -594,28 +610,48 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       const height = Array.from(slidChildren).map((el) => el.clientHeight).reduce((a2, b2) => a2 + b2, 0);
       yHeight.value = `${height}px`;
     }
+    function scrollEase(target, duration = 500) {
+      if (!bglSlider.value) return;
+      const start2 = bglSlider.value.scrollLeft;
+      const change = target - start2;
+      const startTime = performance.now();
+      function animateScroll(currentTime) {
+        if (!bglSlider.value) return;
+        const timeElapsed = currentTime - startTime;
+        const progress = Math.min(timeElapsed / duration, 1);
+        bglSlider.value.scrollLeft = start2 + change * easeInOutQuad(progress);
+        if (progress < 1) {
+          requestAnimationFrame(animateScroll);
+        }
+      }
+      function easeInOutQuad(t) {
+        return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+      }
+      requestAnimationFrame(animateScroll);
+    }
     function goToSlide(index2) {
       if (!bglSlider.value || index2 < 0 || index2 > bglSlider.value.children.length - 1) return;
-      const slider = bglSlider.value;
       const isRTL = getComputedStyle(bglSlider.value).direction === "rtl";
-      const scrollX = slider.offsetWidth * index2 * (isRTL ? -1 : 1);
-      slider.scrollTo({ left: scrollX, behavior: "smooth" });
+      const scrollX = bglSlider.value.offsetWidth * index2 * (isRTL ? -1 : 1);
+      const screenWidth = window.innerWidth;
+      let duration = 700;
+      if (screenWidth < 600) {
+        duration = 400;
+      } else if (screenWidth < 991) {
+        duration = 500;
+      }
+      scrollEase(scrollX, duration);
       activeSlideIndex.value = index2;
       evalHeight();
     }
     watch(() => props2.index, goToSlide);
     watch(
       () => activeSlideIndex.value,
-      (index2) => {
-        emit2("update:index", index2);
+      () => {
+        if (props2.index === activeSlideIndex.value) return;
+        emit2("update:index", activeSlideIndex.value);
       }
     );
-    function scrollEnd() {
-      const slider = bglSlider.value;
-      if (!slider || props2.items !== 1) return;
-      const nextSlide = Math.round(slider.scrollLeft / slider.offsetWidth);
-      goToSlide(nextSlide);
-    }
     function stopDragging(e) {
       isPressed.value = false;
       const slider = bglSlider.value;
@@ -688,7 +724,6 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             [`slides-${__props.items}`]: true,
             allowScroll: __props.allowScroll
           }, "bgl-slider"]),
-          onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
           unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : createCommentVNode("", true),
@@ -712,7 +747,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-1f9c6644"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-619a1cb2"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -18654,6 +18689,12 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       if (!props2.files && [file_bindkeys.value].flat().length > 0) {
         const ids = [file_bindkeys.value].flat().filter(Boolean);
         if (!(ids == null ? void 0 : ids.length)) return;
+        if (bindKey2 === "url") {
+          ids.forEach((url) => {
+            storageFiles.value.push({ url });
+          });
+          return;
+        }
         if (props2.multiple) {
           ids.forEach((id) => {
             void bagel.get(`/files/${id}`).then((file) => {
@@ -18912,7 +18953,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-2641a9a6"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-1db5afa3"]]);
 const _hoisted_1$v = ["title"];
 const _hoisted_2$k = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
@@ -53490,24 +53531,24 @@ const _hoisted_8$2 = {
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Pill",
   props: {
-    disabled: { type: Boolean, default: false },
+    disabled: { type: Boolean },
     icon: {},
     iconEnd: {},
     color: {},
     theme: {},
     flat: { type: Boolean },
-    border: { type: Boolean, default: false },
-    outline: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
+    border: { type: Boolean },
+    outline: { type: Boolean },
+    loading: { type: Boolean },
     value: {},
-    round: { type: Boolean, default: false },
-    btnStart: { type: Boolean, default: true },
-    btnEnd: { type: Boolean }
+    round: { type: Boolean },
+    btn: {},
+    btnEnd: {}
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "6c8d2280": computedBackgroundColor.value,
-      "65372d4a": cumputedTextColor.value
+      "4779ddec": computedBackgroundColor.value,
+      "04aaf136": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -53566,12 +53607,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_2$2, [
           _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3$2)) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
-            _ctx.btnStart ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-              createVNode(unref(Btn), {
+            _ctx.btn ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+              createVNode(unref(Btn), mergeProps({
                 class: "bgl_pill-btn",
-                thin: "",
-                icon: "close"
-              })
+                thin: ""
+              }, _ctx.btn), null, 16)
             ])) : createCommentVNode("", true)
           ])),
           _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$c), {
@@ -53582,17 +53622,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           !unref(slots).default && _ctx.value ? (openBlock(), createElementBlock(Fragment$1, { key: 3 }, [
             createTextVNode(toDisplayString(_ctx.value), 1)
           ], 64)) : createCommentVNode("", true),
-          props2.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$c), {
+          _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$c), {
             key: 4,
-            icon: props2.iconEnd
+            icon: _ctx.iconEnd
           }, null, 8, ["icon"])) : createCommentVNode("", true),
           _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_6$2)) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
-            props2.btnEnd ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
-              createVNode(unref(Btn), {
+            _ctx.btnEnd ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+              createVNode(unref(Btn), mergeProps({
                 class: "bgl_pill-btn",
-                thin: "",
-                icon: "close"
-              })
+                thin: ""
+              }, _ctx.btnEnd), null, 16)
             ])) : createCommentVNode("", true)
           ]))
         ])
@@ -53600,7 +53639,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-d250e8a7"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-8c7388de"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");