@bagelink/vue 0.0.1240 → 0.0.1246

package/dist/index.cjs

@@ -47,7 +47,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
     return uploadField;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -61,10 +61,10 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1a = ["aria-expanded", "aria-controls"];
+const _hoisted_1$19 = ["aria-expanded", "aria-controls"];
 const _hoisted_2$R = { class: "accordion-label" };
 const _hoisted_3$F = ["id", "aria-hidden"];
-const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -138,7 +138,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$r), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$1a),
+        ], 8, _hoisted_1$19),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -163,9 +163,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-3334f637"]]);
-const _hoisted_1$19 = { class: "relative" };
-const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-3334f637"]]);
+const _hoisted_1$18 = { class: "relative" };
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -187,7 +187,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
         vue.createVNode(vue.unref(_sfc_main$V), {
           ref_key: "suggestion",
           ref: suggestion,
@@ -223,11 +223,11 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$18 = {
+const _hoisted_1$17 = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -293,7 +293,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: "h-100p",
             size: "15"
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$r), {
               key: 0,
               icon: _ctx.icon,
@@ -317,10 +317,10 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-bfc435b3"]]);
-const _hoisted_1$17 = ["dismissable"];
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-bfc435b3"]]);
+const _hoisted_1$16 = ["dismissable"];
 const _hoisted_2$Q = { class: "m-0" };
-const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -356,13 +356,13 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$17)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$16)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-064bdd20"]]);
-const _hoisted_1$16 = ["src", "alt"];
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__scopeId", "data-v-064bdd20"]]);
+const _hoisted_1$15 = ["src", "alt"];
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -380,7 +380,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$16)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$15)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString((_ctx.fallback || vue.unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -388,8 +388,8 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -418,164 +418,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-689f051f"]]);
-const _hoisted_1$15 = { key: 1 };
-const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-  __name: "BglComponent",
-  props: {
-    field: {},
-    id: {},
-    modelValue: {},
-    parentPath: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props2 = __props;
-    const emit2 = __emit;
-    const customAttrs = vue.ref({});
-    const is4 = vue.computed(() => {
-      if (props2.field.$el === "text") return TextInput;
-      if (props2.field.$el === "textarea") {
-        customAttrs.value.multiline = true;
-        return TextInput;
-      }
-      if (props2.field.$el === "number") return NumberInput;
-      if (props2.field.$el === "array") return _sfc_main$R;
-      if (props2.field.$el === "select") return SelectInput;
-      if (props2.field.$el === "toggle") return ToggleInput;
-      if (props2.field.$el === "check") return CheckInput;
-      if (props2.field.$el === "richtext") return RichText;
-      if (props2.field.$el === "upload") return UploadInput;
-      if (props2.field.$el === "file") return FileUpload;
-      if (props2.field.$el === "date") return _sfc_main$M;
-      if (props2.field.$el === "tabs") return TabsNav;
-      if (props2.field.$el === "form") return _sfc_main$S;
-      return props2.field.$el ?? "div";
-    });
-    function getFieldData(path) {
-      if (!path) return "";
-      const keys4 = path.split(/[.[]/);
-      let current = props2.modelValue;
-      for (let i2 = 0; i2 < keys4.length; i2++) {
-        const key = keys4[i2];
-        if (!current || typeof current !== "object" || !(key in current)) {
-          return "";
-        }
-        current = current[key];
-      }
-      return current ?? "";
-    }
-    function safeClone2(obj) {
-      if (obj === null || typeof obj !== "object") return obj;
-      const seen = /* @__PURE__ */ new WeakSet();
-      return JSON.parse(JSON.stringify(obj, (key, value) => {
-        if (typeof value === "object" && value !== null) {
-          if (seen.has(value)) {
-            return void 0;
-          }
-          seen.add(value);
-        }
-        return value;
-      }));
-    }
-    function updateField(path, value) {
-      const keys4 = path.split(/[.[]/);
-      let current = props2.modelValue ?? {};
-      for (let i2 = 0; i2 < keys4.length - 1; i2++) {
-        const key = keys4[i2];
-        if (!(key in current) || typeof current[key] !== "object" || current[key] === null) {
-          current[key] = {};
-        }
-        current = current[key];
-      }
-      const safeValue = safeClone2(value);
-      current[keys4[keys4.length - 1]] = safeValue;
-    }
-    const fieldData = vue.computed({
-      get: () => {
-        if (!props2.id) return props2.modelValue ?? props2.field.defaultValue ?? (props2.field.$el === "form" ? {} : "");
-        const value = getFieldData(props2.id);
-        if (props2.field.$el === "form" && !value) return {};
-        return value ?? "";
-      },
-      set: (val) => {
-        if (!props2.id) return;
-        const currentValue = getFieldData(props2.id);
-        if (JSON.stringify(val) === JSON.stringify(currentValue)) return;
-        emit2("update:modelValue", val);
-        if (props2.field.onUpdate) {
-          props2.field.onUpdate(val, currentValue);
-        }
-        updateField(props2.id, val);
-      }
-    });
-    const computedFieldData = vue.computed(
-      () => {
-        var _a2, _b;
-        return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, props2.modelValue)) ?? fieldData.value;
-      }
-    );
-    const vIf = vue.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"];
-      if (typeof props2.field["v-if"] === "string" || typeof props2.field.vIf === "string") return true;
-      if (typeof props2.field["v-if"] === "function") return props2.field["v-if"](fieldData.value, props2.modelValue);
-      if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, props2.modelValue);
-      return true;
-    });
-    const computedOptions = vue.computed(
-      () => bindAttrs({ options: props2.field.options }, fieldData.value, props2.modelValue).options
-    );
-    const computedAttrs = vue.computed(() => {
-      const attrs = { ...customAttrs.value, ...props2.field.attrs };
-      const boundAttrs = bindAttrs(attrs, fieldData.value, props2.modelValue);
-      return Object.fromEntries(
-        Object.entries(boundAttrs).filter(([_2, value]) => value !== void 0)
-      );
-    });
-    const computedClass = vue.computed(
-      () => {
-        var _a2;
-        return classify(fieldData.value, props2.modelValue, props2.field.class, (_a2 = props2.field.attrs) == null ? void 0 : _a2.class);
-      }
-    );
-    return (_ctx, _cache) => {
-      var _a2;
-      const _component_BglComponent = vue.resolveComponent("BglComponent", true);
-      return vIf.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(is4.value), vue.mergeProps({ key: 0 }, computedAttrs.value, {
-        id: props2.id,
-        modelValue: fieldData.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fieldData.value = $event),
-        required: _ctx.field.required,
-        class: computedClass.value,
-        label: _ctx.field.label,
-        placeholder: _ctx.field.placeholder || _ctx.field.label,
-        defaultValue: _ctx.field.defaultValue,
-        disabled: _ctx.field.disabled,
-        options: computedOptions.value,
-        helptext: _ctx.field.helptext,
-        schema: ((_a2 = _ctx.field.attrs) == null ? void 0 : _a2.schema) ?? void 0
-      }), {
-        default: vue.withCtx(() => [
-          _ctx.field.$el === "form" ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createTextVNode(vue.toDisplayString(computedFieldData.value) + " ", 1),
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.field.children, (child, ii) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: ii }, [
-                typeof child !== "string" ? (vue.openBlock(), vue.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"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$15, vue.toDisplayString(child), 1))
-              ], 64);
-            }), 128))
-          ], 64))
-        ]),
-        _: 3
-      }, 16, ["id", "modelValue", "required", "class", "label", "placeholder", "defaultValue", "disabled", "options", "helptext", "schema"])) : vue.createCommentVNode("", true);
-    };
-  }
-});
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-689f051f"]]);
 const _hoisted_1$14 = ["src"];
 const _hoisted_2$P = ["autoplay", "muted", "loop", "controls", "playsinline"];
 const _hoisted_3$E = ["src", "type"];
@@ -694,7 +537,8 @@ const languageKeys = {
     "es-ES": "Semana",
     "ja-JP": "週",
     "pl-PL": "Tydzień",
-    "hu-HU": "Hét"
+    "hu-HU": "Hét",
+    "he-IL": "שבוע"
   },
   month: {
     "it-IT": "Mese",
@@ -711,7 +555,8 @@ const languageKeys = {
     "es-ES": "Mes",
     "ja-JP": "月",
     "pl-PL": "Miesiąc",
-    "hu-HU": "Hónap"
+    "hu-HU": "Hónap",
+    "he-IL": "חודש"
   },
   day: {
     "it-IT": "Giorno",
@@ -728,10 +573,12 @@ const languageKeys = {
     "es-ES": "Día",
     "ja-JP": "日",
     "pl-PL": "Dzień",
-    "hu-HU": "Nap"
+    "hu-HU": "Nap",
+    "he-IL": "יום"
   },
   agenda: {
-    "en-US": "Agenda"
+    "en-US": "Agenda",
+    "he-IL": "סדר יום"
   },
   /** Other keys */
   moreEvents: {
@@ -749,7 +596,8 @@ const languageKeys = {
     "es-ES": "más eventos",
     "ja-JP": "その他イベント",
     "pl-PL": "+ więcej wydarzeń",
-    "hu-HU": "További események"
+    "hu-HU": "További események",
+    "he-IL": "+ עוד אירועים"
   },
   noEvent: {
     "it-IT": "Nessun evento",
@@ -766,7 +614,8 @@ const languageKeys = {
     "es-ES": "No hay eventos",
     "ja-JP": "イベントなし",
     "pl-PL": "Brak wydarzeń",
-    "hu-HU": "Nincs esemény"
+    "hu-HU": "Nincs esemény",
+    "he-IL": "אין אירועים"
   }
 };
 const localeMap = /* @__PURE__ */ new Map([
@@ -784,7 +633,8 @@ const localeMap = /* @__PURE__ */ new Map([
   ["es", "es-ES"],
   ["ja", "ja-JP"],
   ["pl", "pl-PL"],
-  ["hu", "hu-HU"]
+  ["hu", "hu-HU"],
+  ["he", "he-IL"]
 ]);
 function overrideShortLocaleWithLongLocale(locale2) {
   if (localeMap.has(locale2)) {
@@ -833,23 +683,6 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     const periodSelect = vue.ref();
     const currentPeriod = vue.ref(props2.period);
     const modeOptions = vue.ref(["month", "week", "day", "agenda"]);
-    vue.computed(() => {
-      if (props2.mode === "week") {
-        const startMonth = props2.time.getLocalizedNameOfMonth(
-          currentPeriod.value.start,
-          "short"
-        );
-        const endMonth = props2.time.getLocalizedNameOfMonth(
-          currentPeriod.value.end,
-          "short"
-        );
-        return startMonth === endMonth ? startMonth : `${startMonth} - ${endMonth}`;
-      }
-      return `${props2.time.getLocalizedNameOfMonth(
-        currentPeriod.value.selectedDate,
-        "short"
-      )} ${currentPeriod.value.selectedDate.getFullYear()}`;
-    });
     const modeLocal = vue.ref(props2.mode);
     const onlyDayModeIsEnabled = vue.computed(() => {
       var _a2, _b;
@@ -949,18 +782,19 @@ const EVENT_COLORS = {
 const DATE_TIME_STRING_PATTERN = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
 const DATE_TIME_STRING_FULL_DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
 const _hoisted_1$12 = ["id"];
-const _hoisted_2$N = {
+const _hoisted_2$N = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
+const _hoisted_3$D = {
   key: 0,
-  class: "agenda__event-time"
+  class: "agenda__event-time flex gap-025"
 };
-const _hoisted_3$D = { class: "agenda__event-title" };
 const _hoisted_4$r = {
   key: 1,
-  class: "agenda__event-with"
+  class: "agenda__event-location flex gap-025"
 };
-const _hoisted_5$n = {
-  key: 2,
-  class: "agenda__event-location"
+const _hoisted_5$n = { class: "agenda__event-title" };
+const _hoisted_6$j = {
+  key: 0,
+  class: "agenda__event-with txt14 opacity-6"
 };
 const eventIdPrefix$1 = "agenda__event-";
 const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
@@ -982,8 +816,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   emits: ["eventWasClicked"],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "2331113a": eventBackgroundColor.value,
-      "13d56971": eventColor.value
+      "2e2f2739": eventBackgroundColor.value
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -1035,38 +868,44 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         id: elementId.value,
-        class: "agenda__event is-event rounded mb-05 pointer user-select-none p-1 flex column align-items-start",
+        class: "agenda__event is-event rounded mb-05 pointer user-select-none p-1 grid gap-1",
         onClick: vue.withModifiers(handleClickOnEvent, ["prevent"])
       }, [
-        eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$N, [
-          vue.createVNode(vue.unref(_sfc_main$r), {
-            icon: icons.clock
-          }, null, 8, ["icon"]),
-          vue.createTextVNode(" " + vue.toDisplayString(eventTime.value), 1)
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("span", _hoisted_3$D, vue.toDisplayString(__props.calendarEvent.title), 1),
-        __props.calendarEvent.with ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$r, [
-          vue.createVNode(vue.unref(_sfc_main$r), {
-            icon: icons.user
-          }, null, 8, ["icon"]),
-          vue.createTextVNode(" " + vue.toDisplayString(__props.calendarEvent.with), 1)
-        ])) : vue.createCommentVNode("", true),
-        __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$n, [
-          vue.createVNode(vue.unref(_sfc_main$r), {
-            icon: icons.location
-          }, null, 8, ["icon"]),
-          vue.createTextVNode(" " + vue.toDisplayString(__props.calendarEvent.location), 1)
-        ])) : vue.createCommentVNode("", true)
+        vue.createElementVNode("div", _hoisted_2$N, [
+          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$D, [
+            vue.createVNode(vue.unref(_sfc_main$r), {
+              icon: icons.clock,
+              size: 0.8
+            }, null, 8, ["icon"]),
+            vue.createTextVNode(" " + vue.toDisplayString(eventTime.value), 1)
+          ])) : vue.createCommentVNode("", true),
+          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$r, [
+            vue.createVNode(vue.unref(_sfc_main$r), {
+              icon: icons.location,
+              size: 1
+            }, null, 8, ["icon"]),
+            vue.createTextVNode(" " + vue.toDisplayString(__props.calendarEvent.location), 1)
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", null, [
+          vue.createElementVNode("div", _hoisted_5$n, vue.toDisplayString(__props.calendarEvent.title), 1),
+          __props.calendarEvent.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j, [
+            vue.createVNode(vue.unref(_sfc_main$r), {
+              icon: icons.user
+            }, null, 8, ["icon"]),
+            vue.createTextVNode(" " + vue.toDisplayString(__props.calendarEvent.with), 1)
+          ])) : vue.createCommentVNode("", true)
+        ])
       ], 8, _hoisted_1$12);
     };
   }
 });
-const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-7667cd3d"]]);
+const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-5740437b"]]);
 const _hoisted_1$11 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
-const _hoisted_2$M = { class: "" };
+const _hoisted_2$M = { class: "m_sticky" };
 const _hoisted_3$C = { class: "agenda__header-day-name txt-center" };
 const _hoisted_4$q = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
-const _hoisted_5$m = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1" };
+const _hoisted_5$m = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
 const _hoisted_6$i = {
   key: 0,
   class: "align-items-center flex justify-content-center h-100p opacity-6"
@@ -1097,7 +936,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
         vue.createElementVNode("header", _hoisted_2$M, [
-          vue.createElementVNode("div", _hoisted_3$C, vue.toDisplayString(__props.day.dayName), 1),
+          vue.createElementVNode("div", _hoisted_3$C, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
           vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
         vue.createElementVNode("div", _hoisted_5$m, [
@@ -1118,7 +957,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AgendaEvents = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-01274c4e"]]);
+const AgendaEvents = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-746fe0c6"]]);
 class EDate extends Date {
   get fullYear() {
     return this.getFullYear();
@@ -1859,14 +1698,14 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   emits: ["hide", "editEvent", "deleteEvent"],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "34f9e9aa": flyoutWidth
+      "82e0d6e0": flyoutWidth
     }));
     const props2 = __props;
     const emit2 = __emit;
     const eventFlyoutPositionHelper = new EventFlyoutPosition();
     const isVisible = vue.ref(false);
     const top2 = vue.ref(0);
-    const left2 = vue.ref(0);
+    const insetInlineEnd = vue.ref(0);
     const calendarEvent = vue.ref(props2.calendarEventProp);
     const flyoutWidth = `${EVENT_FLYOUT_WIDTH}px`;
     const colors = EVENT_COLORS;
@@ -1906,7 +1745,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
       return `${dateString} ⋅ ${timeString}`;
     });
     const eventFlyoutInlineStyles = vue.computed(() => {
-      if (typeof top2.value === "number" && !left2.value) {
+      if (typeof top2.value === "number" && !insetInlineEnd.value) {
         return {
           top: `${top2.value}px`,
           left: "50%",
@@ -1916,7 +1755,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
       }
       return {
         top: `${top2.value}px`,
-        left: `${left2.value}px`,
+        insetInlineEnd: `${insetInlineEnd.value}px`,
         position: "fixed"
       };
     });
@@ -1945,7 +1784,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
         calendar ? calendar.getBoundingClientRect() : null
       );
       top2.value = typeof (flyoutPosition == null ? void 0 : flyoutPosition.top) === "number" ? flyoutPosition.top : null;
-      left2.value = typeof (flyoutPosition == null ? void 0 : flyoutPosition.left) === "number" ? flyoutPosition.left : null;
+      insetInlineEnd.value = typeof (flyoutPosition == null ? void 0 : flyoutPosition.left) === "number" ? flyoutPosition.left : null;
     }
     function editEvent() {
       var _a2;
@@ -2338,7 +2177,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Day$1 = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-de994cfd"]]);
+const Day$1 = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-c1dfa100"]]);
 const _hoisted_1$Z = { class: "txt12 normal block color-black pb-025" };
 const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekDay",
@@ -2356,7 +2195,7 @@ const _hoisted_2$I = { class: "flex space-between" };
 const _hoisted_3$y = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
 const _hoisted_4$m = {
   key: 0,
-  class: "calendar-month__day_events w-100p pt-1"
+  class: "calendar-month__day_events w-100p pt-1 m_pb-1"
 };
 const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "Month",
@@ -2860,12 +2699,12 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
       return !!(props2.eventProp.disableResize && props2.eventProp.disableResize.includes(props2.mode));
     });
     const requiredStyles = vue.computed(() => ({
-      top: getPositionInDay(event.value.time.start),
-      height: getLengthOfEvent(event.value.time.start, event.value.time.end),
-      left: `${getLeftRule.value}%`,
-      width: `${getWidthRule.value}%`,
-      transform: eventTransformValue.value,
-      zIndex: eventZIndexValue.value
+      "top": getPositionInDay(event.value.time.start),
+      "height": getLengthOfEvent(event.value.time.start, event.value.time.end),
+      "inset-inline-start": `${getInlineStartRule.value}%`,
+      "width": `${getWidthRule.value}%`,
+      "transform": eventTransformValue.value,
+      "zIndex": eventZIndexValue.value
     }));
     function getPositionInDay(dateTimeString) {
       return `${props2.time.getPercentageOfDayFromDateTimeString(dateTimeString, props2.time.DAY_START, props2.time.DAY_END).toString()}%`;
@@ -3164,7 +3003,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-6b5ab9be"]]);
+const DayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-9fd5622b"]]);
 const _hoisted_1$W = ["id", "onClick"];
 const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "Day",
@@ -3310,8 +3149,8 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Day = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-87669cec"]]);
-const _hoisted_1$V = { class: "day-timeline" };
-const _hoisted_2$G = { class: "day-timeline__hour-text" };
+const _hoisted_1$V = { class: "day-timeline absolute top-0 start-0 space-evenly column display-flex" };
+const _hoisted_2$G = { class: "day-timeline__hour-text line-height-0" };
 const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "DayTimeline",
   props: {
@@ -3326,7 +3165,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "73f3c772": __props.weekHeight
+      "399901d6": __props.weekHeight
     }));
     const props2 = __props;
     const timelineHours = vue.ref([]);
@@ -3342,7 +3181,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(timelineHours.value, (hour) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: hour,
-            class: "day-timeline__hour"
+            class: "day-timeline__hour display-flex column ustify-content-start h-100p ps-05"
           }, [
             vue.createElementVNode("span", _hoisted_2$G, vue.toDisplayString(getLocaleTimeString(hour)), 1)
           ]);
@@ -3351,7 +3190,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DayTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-a4d8d28d"]]);
+const DayTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-0b3de5c5"]]);
 const _hoisted_1$U = ["id"];
 const _hoisted_2$F = {
   key: 1,
@@ -3428,7 +3267,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FullDayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-489753e0"]]);
+const FullDayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-8bd51337"]]);
 const _hoisted_1$T = {
   class: "week-timeline flex space-between border-bottom ms-3-5",
   style: { "margin-inline-end": "0.5em" }
@@ -3531,7 +3370,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "7ccd10f4": weekHeight.value
+      "65a2ac84": weekHeight.value
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -3793,7 +3632,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Week = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-f1208dd2"]]);
+const Week = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-f1a405b2"]]);
 const _Errors = class _Errors {
   static checkEventProperties(event) {
     var _a2, _b, _c, _d;
@@ -40808,8 +40647,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     let loadingError = vue.ref(false);
     function getImageUrl() {
       if (!props2.src && !props2.pathKey) return null;
-      if (props2.src) return props2.src;
-      return pathKeyToURL(props2.pathKey);
+      return pathKeyToURL(props2.src || props2.pathKey);
     }
     async function getCachedImage(url) {
       if (!("caches" in window)) return null;
@@ -40908,7 +40746,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1cec7fb3"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-367220b6"]]);
 const _hoisted_1$i = { class: "m-0 pb-025 txt14 line-height-1 w60 menu-text" };
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",
@@ -43958,7 +43796,7 @@ function openClickHandler(e, el, binding) {
 }
 function bindingToItem(binding, el) {
   let { group, src, type: type3, name, thumbnail, enableZoom, openFile, download, pathKey } = binding.value || {};
-  src = src || pathKeyToURL(pathKey) || binding.value || el.getAttribute("src") || "";
+  src = pathKeyToURL(src || pathKey) || binding.value || el.getAttribute("src") || "";
   type3 = type3 || determineFileType(src);
   name = name || urlToName(src) || el.getAttribute("alt") || "";
   return { src, type: type3, name, thumbnail, group, enableZoom, openFile, download };
@@ -43971,9 +43809,11 @@ function urlToName(url) {
   return name.replace(/\.[^/.]+$/, "");
 }
 function determineFileType(url) {
+  var _a2;
   if (!url) return "unknown";
   const extension = (url.split(".").pop() || "").toLowerCase();
-  if (IMAGE_FORMATS_REGEXP.test(extension)) return "image";
+  const altExtension = ((_a2 = url.split("?")[0].split(".").pop()) == null ? void 0 : _a2.toLowerCase()) || "";
+  if (IMAGE_FORMATS_REGEXP.test(extension) || IMAGE_FORMATS_REGEXP.test(altExtension)) return "image";
   if (VIDEO_FORMATS_REGEXP.test(extension) || youtubeRegex.test(url) || vimeoRegex.test(url)) return "video";
   if (["pdf"].includes(extension)) return "pdf";
   return extension ?? "unknown";
@@ -44508,7 +44348,9 @@ function normalizeDimension(value, defaultMetric = "px") {
 const fileBaseUrl = "https://files.bagel.design".replace(/\/$/, "");
 const bagelBaseUrl = void 0;
 function pathKeyToURL(pathKey) {
-  if (pathKey == null ? void 0 : pathKey.startsWith("static/")) {
+  const urlRE = /^https?:\/\/|^\/\//;
+  if (!pathKey || urlRE.test(pathKey)) return pathKey;
+  if (pathKey.startsWith("static/")) {
     return `${bagelBaseUrl}/${pathKey}`;
   }
   return `${fileBaseUrl}/${pathKey}`;
@@ -45039,15 +44881,14 @@ function timeAgo(date2, lang = "en") {
   }
   return selectedLang.justNow;
 }
-exports.Accordion = _sfc_main$1n;
+exports.Accordion = _sfc_main$1m;
 exports.AccordionItem = AccordionItem;
-exports.AddressSearch = _sfc_main$1l;
+exports.AddressSearch = _sfc_main$1k;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.BagelForm = _sfc_main$S;
 exports.BagelVue = BagelVue;
-exports.BglComponent = _sfc_main$1g;
 exports.BglForm = _sfc_main$S;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;