@bagelink/vue 1.2.18 → 1.2.20

package/dist/index.mjs

@@ -631,16 +631,15 @@ function closePopover(state2) {
   state2.showPopover.value = false;
   state2.activeEvent.value = null;
 }
-const _hoisted_1$W = { class: "day-view" };
-const _hoisted_2$H = { class: "day-header" };
-const _hoisted_3$B = { class: "events-column" };
-const _hoisted_4$o = { class: "date-header" };
-const _hoisted_5$n = { class: "time-column" };
-const _hoisted_6$k = { class: "events-column" };
-const _hoisted_7$g = ["onClick"];
-const _hoisted_8$8 = { class: "event-content" };
-const _hoisted_9$7 = { class: "event-title" };
-const _hoisted_10$6 = { class: "event-time" };
+const _hoisted_1$W = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
+const _hoisted_2$H = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
+const _hoisted_3$B = { class: "overflow h-100p pe-05" };
+const _hoisted_4$o = { class: "time-column" };
+const _hoisted_5$n = { class: "events-column" };
+const _hoisted_6$k = ["onClick"];
+const _hoisted_7$g = { class: "event-content" };
+const _hoisted_8$8 = { class: "white-space ellipsis-1" };
+const _hoisted_9$7 = { class: "event-time opacity-8" };
 const slotHeight$1 = 60;
 const slotDuration$1 = 60;
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
@@ -782,62 +781,60 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       const _directive_click_outside = resolveDirective("click-outside");
       return openBlock(), createElementBlock("div", _hoisted_1$W, [
         createElementVNode("div", _hoisted_2$H, [
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "time-column" }, [
-            createElementVNode("div", { class: "time-slot" })
-          ], -1)),
-          createElementVNode("div", _hoisted_3$B, [
-            createElementVNode("div", _hoisted_4$o, toDisplayString(unref(formatDate)(_ctx.startDate)), 1)
-          ])
+          _cache[0] || (_cache[0] = createElementVNode("div", null, null, -1)),
+          createElementVNode("div", null, toDisplayString(unref(formatDate)(_ctx.startDate)), 1)
         ]),
-        createElementVNode("div", {
-          class: "time-slots",
-          onMousedown: handleMouseDown
-        }, [
-          createElementVNode("div", _hoisted_5$n, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (slot) => {
-              return openBlock(), createElementBlock("div", {
-                key: slot.time,
-                class: "time-slot txt-light txt-12 color-gray",
-                style: normalizeStyle({ height: `${slotHeight$1}px` })
-              }, toDisplayString(slot.time), 5);
-            }), 128))
-          ]),
-          createElementVNode("div", _hoisted_6$k, [
-            isToday.value ? (openBlock(), createElementBlock("div", {
+        createElementVNode("div", _hoisted_3$B, [
+          createElementVNode("div", {
+            class: "time-slots dayGrid border-end relative",
+            onMousedown: handleMouseDown
+          }, [
+            createElementVNode("div", _hoisted_4$o, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (slot) => {
+                return openBlock(), createElementBlock("div", {
+                  key: slot.time,
+                  class: "time-slot txt-light txt-12 color-gray bg-gray-light border-start",
+                  style: normalizeStyle({ height: `${slotHeight$1}px` })
+                }, toDisplayString(slot.time), 5);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_5$n, [
+              isToday.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "absolute end w-100p z-2 flex pointer-events-none",
+                style: normalizeStyle({ top: `${currentTimeTop.value}px` })
+              }, _cache[1] || (_cache[1] = [
+                createElementVNode("div", { class: "current-time-dot h-10px aspect-ratio-1 round bg-primary" }, null, -1),
+                createElementVNode("div", { class: "current-time-line w-100p bg-primary" }, null, -1)
+              ]), 4)) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(processedEvents.value, (event) => {
+                return openBlock(), createElementBlock("div", {
+                  key: event.id,
+                  class: "event absolute radius-05 overflow-hidden pointer transition z-1",
+                  style: normalizeStyle({
+                    top: `${event.top}px`,
+                    height: `${event.height}px`,
+                    backgroundColor: event.color || "var(--bgl-primary)"
+                  }),
+                  onClick: withModifiers(($event) => unref(slots).eventContent ? openPopover$1(event, $event) : emit2("eventClick", event), ["stop"])
+                }, [
+                  createElementVNode("div", _hoisted_7$g, [
+                    createElementVNode("div", _hoisted_8$8, toDisplayString(event.title), 1),
+                    createElementVNode("div", _hoisted_9$7, toDisplayString(unref(formatDate)(new Date(event.start_time))), 1)
+                  ])
+                ], 12, _hoisted_6$k);
+              }), 128))
+            ]),
+            dragState.value.isDragging && dragState.value.start && dragState.value.end ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "current-time-indicator",
-              style: normalizeStyle({ top: `${currentTimeTop.value}px` })
-            }, _cache[1] || (_cache[1] = [
-              createElementVNode("div", { class: "current-time-dot" }, null, -1),
-              createElementVNode("div", { class: "current-time-line" }, null, -1)
-            ]), 4)) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(processedEvents.value, (event) => {
-              return openBlock(), createElementBlock("div", {
-                key: event.id,
-                class: "event",
-                style: normalizeStyle({
-                  top: `${event.top}px`,
-                  height: `${event.height}px`,
-                  backgroundColor: event.color || "var(--bgl-primary)"
-                }),
-                onClick: withModifiers(($event) => unref(slots).eventContent ? openPopover$1(event, $event) : emit2("eventClick", event), ["stop"])
-              }, [
-                createElementVNode("div", _hoisted_8$8, [
-                  createElementVNode("div", _hoisted_9$7, toDisplayString(event.title), 1),
-                  createElementVNode("div", _hoisted_10$6, toDisplayString(unref(formatDate)(new Date(event.start_time))), 1)
-                ])
-              ], 12, _hoisted_7$g);
-            }), 128))
-          ]),
-          dragState.value.isDragging && dragState.value.start && dragState.value.end ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "drag-preview",
-            style: normalizeStyle({
-              top: `${Math.min(dragState.value.start.y, dragState.value.end.y)}px`,
-              height: `${Math.abs(dragState.value.end.y - dragState.value.start.y)}px`
-            })
-          }, null, 4)) : createCommentVNode("", true)
-        ], 32),
+              class: "drag-preview absolute bg-primary pointer-events-none",
+              style: normalizeStyle({
+                top: `${Math.min(dragState.value.start.y, dragState.value.end.y)}px`,
+                height: `${Math.abs(dragState.value.end.y - dragState.value.start.y)}px`
+              })
+            }, null, 4)) : createCommentVNode("", true)
+          ], 32)
+        ]),
         showPopover.value && activeEvent.value ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
           ref_key: "popoverRef",
@@ -852,12 +849,13 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "eventContent", { event: activeEvent.value }, void 0, true)
         ], 4)), [
           [_directive_click_outside, closePopover$1]
-        ]) : createCommentVNode("", true)
+        ]) : createCommentVNode("", true),
+        _cache[2] || (_cache[2] = createElementVNode("div", { class: "border-bottom me-1" }, null, -1))
       ]);
     };
   }
 });
-const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-fdbceae7"]]);
+const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-8aa8e541"]]);
 const _hoisted_1$V = { class: "month-view" };
 const _hoisted_2$G = { class: "month-header" };
 const _hoisted_3$A = { class: "month-grid" };
@@ -1229,7 +1227,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (slot) => {
                 return openBlock(), createElementBlock("div", {
                   key: slot.time,
-                  class: "txt-light txt-12 color-gray flex justify-content-center",
+                  class: "txt-light txt-12 color-gray flex justify-content-center bg-gray-light border-start",
                   style: normalizeStyle({ height: `${slotHeight}px` })
                 }, toDisplayString(slot.time), 5);
               }), 128))
@@ -1304,7 +1302,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-b31e0d33"]]);
+const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-f774fc40"]]);
 const _hoisted_1$T = { class: "calendar" };
 const _hoisted_2$E = { class: "flex m_block m_pb-1" };
 const _hoisted_3$y = { class: "txt-light my-0" };
@@ -13527,8 +13525,49 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(
       () => useBglSchema({ schema: props2.schema })
     );
-    const numberOfSteps = computed(() => computedSchema.value.length);
-    const currentStepSchema = computed(() => [computedSchema.value[currentStep.value]]);
+    const filteredSchema = computed(() => {
+      const schema = computedSchema.value;
+      return schema.filter((step, index2) => {
+        if (step.vIf !== void 0 || step["v-if"] !== void 0) {
+          const condition = step.vIf ?? step["v-if"];
+          if (typeof condition === "function") {
+            return condition(void 0, formData.value);
+          }
+          if (typeof condition === "boolean") {
+            return condition;
+          }
+          if (typeof condition === "string") {
+            return !!condition;
+          }
+        }
+        return true;
+      });
+    });
+    const numberOfSteps = computed(() => filteredSchema.value.length);
+    const schemaIndexMap = computed(() => {
+      const map3 = [];
+      computedSchema.value.forEach((step, index2) => {
+        const vIfCondition = step.vIf ?? step["v-if"];
+        let shouldInclude = true;
+        if (vIfCondition !== void 0) {
+          if (typeof vIfCondition === "function") {
+            shouldInclude = vIfCondition(void 0, formData.value);
+          } else if (typeof vIfCondition === "boolean") {
+            shouldInclude = vIfCondition;
+          } else if (typeof vIfCondition === "string") {
+            shouldInclude = !!vIfCondition;
+          }
+        }
+        if (shouldInclude) {
+          map3.push(index2);
+        }
+      });
+      return map3;
+    });
+    const currentStepSchema = computed(() => {
+      const actualIndex = schemaIndexMap.value[currentStep.value];
+      return [computedSchema.value[actualIndex]];
+    });
     const isStepping = ref(false);
     let isSteppingTO;
     const slideDirection = ref(props2.rtl ? "right" : "left");
@@ -13584,6 +13623,11 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       validatedSteps.value = [];
       currentStep.value = 0;
     }
+    watch(() => formData.value, () => {
+      if (currentStep.value >= numberOfSteps.value && numberOfSteps.value > 0) {
+        currentStep.value = 0;
+      }
+    }, { deep: true });
     __expose({
       submit: handleSubmit,
       validateForm: reportValidity,
@@ -13698,7 +13742,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-f90b1af3"]]);
+const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-4ead8342"]]);
 const _hoisted_1$K = {
   key: 0,
   class: "label mb-05"
@@ -14693,17 +14737,15 @@ const _hoisted_8$5 = {
   key: 1,
   class: "month-grid grid gap-05 p-05"
 };
-const _hoisted_9$4 = ["disabled", "onClick"];
-const _hoisted_10$4 = {
+const _hoisted_9$4 = {
   key: 2,
   class: "year-grid grid gap-05 p-0"
 };
-const _hoisted_11$4 = ["disabled", "onClick"];
-const _hoisted_12$3 = {
+const _hoisted_10$4 = {
   key: 0,
   class: "time-picker border-start flex column gap-1 w-120px px-025"
 };
-const _hoisted_13$2 = { class: "flex gap-025" };
+const _hoisted_11$4 = { class: "flex gap-025" };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
@@ -14762,7 +14804,15 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       const currentMonthDays2 = computed(() => {
         const year = currentMonth.value.getFullYear();
         const month = currentMonth.value.getMonth();
-        return time.getCalendarMonthSplitInWeeks(year, month).flat();
+        const weeksInMonth = time.getCalendarMonthSplitInWeeks(year, month);
+        while (weeksInMonth.length < 6) {
+          const lastWeek = weeksInMonth[weeksInMonth.length - 1];
+          const lastDay = lastWeek[lastWeek.length - 1];
+          const nextDay = new Date(lastDay.getFullYear(), lastDay.getMonth(), lastDay.getDate() + 1);
+          const nextWeek = time.getCalendarWeekDateObjects(nextDay);
+          weeksInMonth.push(nextWeek);
+        }
+        return weeksInMonth.flat();
       });
       const currentMonthValue2 = computed(() => ({
         month: currentMonth.value.getMonth(),
@@ -14912,12 +14962,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
             currentView.value === "days" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createVNode(unref(Btn), {
                 flat: "",
+                thin: "",
                 icon: "chevron_left",
                 onClick: unref(previousMonth)
               }, null, 8, ["onClick"]),
               createElementVNode("div", _hoisted_4$f, [
                 createVNode(unref(Btn), {
                   flat: "",
+                  thin: "",
                   class: "month-btn",
                   onClick: _cache[0] || (_cache[0] = ($event) => currentView.value = "months")
                 }, {
@@ -14928,6 +14980,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 }),
                 createVNode(unref(Btn), {
                   flat: "",
+                  thin: "",
                   class: "year-btn",
                   onClick: _cache[1] || (_cache[1] = ($event) => currentView.value = "years")
                 }, {
@@ -14939,18 +14992,21 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               ]),
               createVNode(unref(Btn), {
                 flat: "",
+                thin: "",
                 icon: "chevron_right",
                 onClick: unref(nextMonth)
               }, null, 8, ["onClick"])
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createVNode(unref(Btn), {
                 flat: "",
+                thin: "",
                 icon: "chevron_left",
                 onClick: unref(previousYear)
               }, null, 8, ["onClick"]),
               createElementVNode("span", _hoisted_5$f, toDisplayString(unref(currentMonthValue).formatted.year), 1),
               createVNode(unref(Btn), {
                 flat: "",
+                thin: "",
                 icon: "chevron_right",
                 onClick: unref(nextYear)
               }, null, 8, ["onClick"])
@@ -14979,32 +15035,30 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : currentView.value === "months" ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
-              return openBlock(), createElementBlock("button", {
+              return openBlock(), createBlock(unref(Btn), {
                 key: month.value,
-                class: normalizeClass(["month-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
-                  selected: month.value === unref(currentMonthValue).month,
-                  disabled: month.disabled
-                }]),
+                thin: "",
+                flat: month.value !== unref(currentMonthValue).month,
                 disabled: month.disabled,
+                value: month.name,
                 onClick: ($event) => unref(selectMonth)(month.value)
-              }, toDisplayString(month.name), 11, _hoisted_9$4);
+              }, null, 8, ["flat", "disabled", "value", "onClick"]);
             }), 128))
-          ])) : (openBlock(), createElementBlock("div", _hoisted_10$4, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_9$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(years), (year) => {
-              return openBlock(), createElementBlock("button", {
+              return openBlock(), createBlock(unref(Btn), {
                 key: year.value,
-                class: normalizeClass(["year-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
-                  selected: year.value === unref(currentMonthValue).year,
-                  disabled: year.disabled
-                }]),
+                thin: "",
+                flat: year.value !== unref(currentMonthValue).year,
                 disabled: year.disabled,
+                value: year.value.toString(),
                 onClick: ($event) => unref(selectYear)(year.value)
-              }, toDisplayString(year.value), 11, _hoisted_11$4);
+              }, null, 8, ["flat", "disabled", "value", "onClick"]);
             }), 128))
           ]))
         ]),
-        _ctx.enableTime && currentView.value === "days" ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
-          createElementVNode("div", _hoisted_13$2, [
+        _ctx.enableTime && currentView.value === "days" ? (openBlock(), createElementBlock("div", _hoisted_10$4, [
+          createElementVNode("div", _hoisted_11$4, [
             createVNode(unref(NumberInput), {
               center: "",
               modelValue: unref(hours),
@@ -15032,7 +15086,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-d1e1ff1f"]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-9c8816c6"]]);
 const _hoisted_1$E = ["title"];
 const _hoisted_2$s = { key: 0 };
 const _hoisted_3$o = {