@event-calendar/core 5.0.0 → 5.0.2

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v5.0.0
+ * EventCalendar v5.0.2
  * https://github.com/vkurko/calendar
  */
 import { tick, getContext, untrack, setContext, onMount, mount, unmount } from "svelte";
@@ -259,6 +259,9 @@ function stopPropagation(fn, _this = void 0) {
     }
   };
 }
+function isRtl() {
+  return window.getComputedStyle(document.documentElement).direction === "rtl";
+}
 let payloadProp = symbol();
 function setPayload(obj, payload) {
   obj[payloadProp] = payload;
@@ -827,6 +830,10 @@ function createOptions(plugins) {
       highlight: "ec-highlight",
       icon: "ec-icon",
       main: "ec-main",
+      noBeb: "ec-no-beb",
+      // no block end border
+      noIeb: "ec-no-ieb",
+      // no inline end border
       today: "ec-today",
       title: "ec-title",
       toolbar: "ec-toolbar",
@@ -1025,8 +1032,9 @@ function filteredEvents(state) {
       let [$_events, $eventFilter, $eventOrder, $filterEventsWithResources, $resources] = values;
       let result = [...$_events];
       if (isFunction($eventFilter)) {
-        result = result.map(toEventWithLocalDates).filter((event, index2, events2) => $eventFilter({
-          event,
+        let events2 = $_events.map(toEventWithLocalDates);
+        result = result.filter((event, index2) => $eventFilter({
+          event: toEventWithLocalDates(event),
           index: index2,
           events: events2,
           view: view2
@@ -1733,7 +1741,7 @@ function BaseDay($$anchor, $$props) {
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const [$$stores, $$cleanup] = $.setup_stores();
-  let el = $.prop($$props, "el", 15), allDay = $.prop($$props, "allDay", 3, false), resource = $.prop($$props, "resource", 3, void 0), dateFromPoint = $.prop($$props, "dateFromPoint", 3, () => $$props.date), classes = $.prop($$props, "classes", 3, identity), disabled = $.prop($$props, "disabled", 3, false), highlight = $.prop($$props, "highlight", 3, false), role = $.prop($$props, "role", 3, "cell");
+  let el = $.prop($$props, "el", 15), allDay = $.prop($$props, "allDay", 3, false), resource = $.prop($$props, "resource", 3, void 0), dateFromPoint = $.prop($$props, "dateFromPoint", 3, () => $$props.date), classes = $.prop($$props, "classes", 3, identity), disabled = $.prop($$props, "disabled", 3, false), highlight = $.prop($$props, "highlight", 3, false), role = $.prop($$props, "role", 3, "cell"), noIeb = $.prop($$props, "noIeb", 3, false), noBeb = $.prop($$props, "noBeb", 3, false);
   let { _interaction, _today, highlightedDates, theme } = getContext("state");
   let isToday = $.derived(() => datesEqual($$props.date, $_today()));
   let classNames = $.derived(() => classes()([
@@ -1741,7 +1749,9 @@ function BaseDay($$anchor, $$props) {
     $theme().weekdays?.[$$props.date.getUTCDay()],
     $.get(isToday) && $theme().today,
     highlight() && $theme().highlight,
-    disabled() && $theme().disabled
+    disabled() && $theme().disabled,
+    noIeb() && $theme().noIeb,
+    noBeb() && $theme().noBeb
   ]));
   onMount(() => {
     setPayload(el(), (x, y) => {
@@ -2108,6 +2118,12 @@ function Day$3($$anchor, $$props) {
     get highlight() {
       return $.get(highlight);
     },
+    get noIeb() {
+      return $$props.noIeb;
+    },
+    get noBeb() {
+      return $$props.noBeb;
+    },
     children: ($$anchor2, $$slotProps) => {
       var fragment_1 = root_1$8();
       var div = $.first_child(fragment_1);
@@ -2533,15 +2549,25 @@ function View$3($$anchor, $$props) {
   $.reset(header);
   var div_2 = $.sibling(header, 2);
   var div_3 = $.child(div_2);
-  $.each(div_3, 21, () => $.get(grid), $.index, ($$anchor2, days) => {
+  $.each(div_3, 21, () => $.get(grid), $.index, ($$anchor2, days, i) => {
     var fragment = $.comment();
     var node = $.first_child(fragment);
-    $.each(node, 17, () => $.get(days), $.index, ($$anchor3, day) => {
-      Day$3($$anchor3, {
-        get day() {
-          return $.get(day);
-        }
-      });
+    $.each(node, 17, () => $.get(days), $.index, ($$anchor3, day, j) => {
+      {
+        let $0 = $.derived(() => j + 1 === $.get(days).length);
+        let $1 = $.derived(() => i + 1 === $.get(grid).length);
+        Day$3($$anchor3, {
+          get day() {
+            return $.get(day);
+          },
+          get noIeb() {
+            return $.get($0);
+          },
+          get noBeb() {
+            return $.get($1);
+          }
+        });
+      }
     });
     $.append($$anchor2, fragment);
   });
@@ -2761,7 +2787,7 @@ function Action($$anchor, $$props) {
   let toX;
   let toY;
   let gridEl;
-  let scrollable;
+  let allDaySlot;
   let delta;
   let allDay;
   let iClass;
@@ -2873,7 +2899,7 @@ function Action($$anchor, $$props) {
     fromY = toY = jsEvent.clientY;
     let dayEl = getElementWithPayload(toX, toY);
     ({ allDay, date, resource } = getPayload(dayEl)(toX, toY));
-    scrollable = $_mainEl() === ancestor(dayEl, 3);
+    allDaySlot = $_mainEl() !== ancestor(dayEl, 3);
     gridEl = ancestor(dayEl, 1);
     calcViewport();
     if (jsEvent.pointerType !== "mouse") {
@@ -2960,19 +2986,19 @@ function Action($$anchor, $$props) {
       let thresholdX = 24;
       animate(() => {
         if (viewport) {
-          if (scrollable) {
+          if (!allDaySlot) {
             if (toY < viewport.top + thresholdY) {
               $.store_mutate(_mainEl, $.untrack($_mainEl).scrollTop += max(-8, (toY - viewport.top - thresholdY) / 3), $.untrack($_mainEl));
             }
             if (toY > viewport.bottom - thresholdY) {
               $.store_mutate(_mainEl, $.untrack($_mainEl).scrollTop += min(8, (toY - viewport.bottom + thresholdY) / 3), $.untrack($_mainEl));
             }
-            if (toX < viewport.left + thresholdX) {
-              $.store_mutate(_mainEl, $.untrack($_mainEl).scrollLeft += max(-8, (toX - viewport.left - thresholdX) / 3), $.untrack($_mainEl));
-            }
-            if (toX > viewport.right - thresholdX) {
-              $.store_mutate(_mainEl, $.untrack($_mainEl).scrollLeft += min(8, (toX - viewport.right + thresholdX) / 3), $.untrack($_mainEl));
-            }
+          }
+          if (toX < viewport.left + thresholdX) {
+            $.store_mutate(_mainEl, $.untrack($_mainEl).scrollLeft += max(-8, (toX - viewport.left - thresholdX) / 3), $.untrack($_mainEl));
+          }
+          if (toX > viewport.right - thresholdX) {
+            $.store_mutate(_mainEl, $.untrack($_mainEl).scrollLeft += min(8, (toX - viewport.right + thresholdX) / 3), $.untrack($_mainEl));
           }
           if (toY < thresholdY) {
             window.scrollBy(0, max(-8, (toY - thresholdY) / 3));
@@ -3077,6 +3103,13 @@ function Action($$anchor, $$props) {
           return findPayload(dayEl.previousElementSibling);
         }
       } else {
+        if (selecting() && payload.resource && !$_iEvents()[0].resourceIds.includes(payload.resource.id)) {
+          if (toX > fromX) {
+            return findPayload(dayEl.previousElementSibling);
+          } else {
+            return findPayload(dayEl.nextElementSibling);
+          }
+        }
         return payload;
       }
     }
@@ -3088,8 +3121,8 @@ function Action($$anchor, $$props) {
     viewport = {
       left: max(0, gridRect.left + $_mainEl().scrollLeft),
       right: min(document.documentElement.clientWidth, mainRect.left + $_mainEl().clientWidth) - 2,
-      top: max(0, gridRect.top + (scrollable ? $_mainEl().scrollTop : 0)),
-      bottom: min(document.documentElement.clientHeight, scrollable ? mainRect.top + $_mainEl().clientHeight : gridRect.bottom) - 2
+      top: max(0, gridRect.top + (!allDaySlot ? $_mainEl().scrollTop : 0)),
+      bottom: min(document.documentElement.clientHeight, !allDaySlot ? mainRect.top + $_mainEl().clientHeight : gridRect.bottom) - 2
     };
   }
   function createIEvent(jsEvent, callback) {
@@ -4091,6 +4124,12 @@ function Day$1($$anchor, $$props) {
     get highlight() {
       return $.get(highlight);
     },
+    get noIeb() {
+      return $$props.noIeb;
+    },
+    get noBeb() {
+      return $$props.noBeb;
+    },
     get el() {
       return $.get(el);
     },
@@ -4179,14 +4218,14 @@ var root_1$3 = $.from_html(`<div></div>`);
 function NowIndicator$1($$anchor, $$props) {
   $.push($$props, true);
   const $_today = () => $.store_get(_today, "$_today", $$stores);
-  const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
   const $_now = () => $.store_get(_now, "$_now", $$stores);
+  const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
   const $slotHeight = () => $.store_get(slotHeight, "$slotHeight", $$stores);
   const $_mainEl = () => $.store_get(_mainEl, "$_mainEl", $$stores);
   const $_sidebarWidth = () => $.store_get(_sidebarWidth, "$_sidebarWidth", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const [$$stores, $$cleanup] = $.setup_stores();
-  let fullwidth = $.prop($$props, "fullwidth", 3, false);
+  let span = $.prop($$props, "span", 3, 1);
   let {
     _mainEl,
     _now,
@@ -4203,14 +4242,17 @@ function NowIndicator$1($$anchor, $$props) {
       }
     }
     return {};
-  }), gridColumn = $.derived(() => $.get($$d).gridColumn), start = $.derived(() => $.get($$d).start);
+  }), gridColumn = $.derived(() => $.get($$d).gridColumn), start = $.derived(() => $.get($$d).start), end = $.derived(() => $.get($$d).end);
   let top = $.derived(() => {
+    if ($_now() < $.get(start) || $_now() > $.get(end)) {
+      return null;
+    }
     let step = toSeconds($slotDuration());
     return ($_now() - $.get(start)) / 1e3 / step * $slotHeight();
   });
   let observerOptions = $.derived(() => ({
     root: $_mainEl(),
-    rootMargin: `0px 0px 0px -${$_sidebarWidth() + 5.5}px`,
+    rootMargin: isRtl() ? `0px -${$_sidebarWidth() + 5.5}px 0px 0px` : `0px 0px 0px -${$_sidebarWidth() + 5.5}px`,
     threshold: 0
   }));
   function onIntersect(el, entry) {
@@ -4226,14 +4268,14 @@ function NowIndicator$1($$anchor, $$props) {
       $.template_effect(() => {
         $.set_class(div, 1, $theme().nowIndicator);
         styles = $.set_style(div, "", styles, {
-          "grid-column": `${$.get(gridColumn) + 1}${fullwidth() ? ` / span ${$$props.days.length}` : ""}`,
+          "grid-column": `${$.get(gridColumn) + 1} / span ${span() ?? ""}`,
           "inset-block-start": `${$.get(top) ?? ""}px`
         });
       });
       $.append($$anchor2, div);
     };
     $.if(node, ($$render) => {
-      if ($.get(gridColumn)) $$render(consequent);
+      if ($.get(gridColumn) && $.get(top) !== null) $$render(consequent);
     });
   }
   $.append($$anchor, fragment);
@@ -4262,7 +4304,7 @@ function View$1($$anchor, $$props) {
   const $_sidebarWidth = () => $.store_get(_sidebarWidth, "$_sidebarWidth", $$stores);
   const $allDaySlot = () => $.store_get(allDaySlot, "$allDaySlot", $$stores);
   const $_slots = () => $.store_get(_slots, "$_slots", $$stores);
-  const $nowIndicator = () => $.store_get(nowIndicator, "$nowIndicator", $$stores);
+  const $showNowIndicator = () => $.store_get(showNowIndicator, "$showNowIndicator", $$stores);
   const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _mainEl,
@@ -4277,7 +4319,7 @@ function View$1($$anchor, $$props) {
     allDaySlot,
     columnWidth,
     highlightedDates,
-    nowIndicator,
+    nowIndicator: showNowIndicator,
     scrollTime,
     slotHeight,
     slotDuration,
@@ -4358,16 +4400,22 @@ function View$1($$anchor, $$props) {
       var aside_1 = $.child(div_1);
       $.attach(aside_1, () => contentFrom($.get(allDayText)));
       var div_2 = $.sibling(aside_1, 2);
-      $.each(div_2, 21, () => $.get(grid), $.index, ($$anchor3, days) => {
+      $.each(div_2, 21, () => $.get(grid), $.index, ($$anchor3, days, i) => {
         var fragment_4 = $.comment();
         var node_4 = $.first_child(fragment_4);
-        $.each(node_4, 17, () => $.get(days), $.index, ($$anchor4, day) => {
-          Day$1($$anchor4, {
-            get day() {
-              return $.get(day);
-            },
-            allDay: true
-          });
+        $.each(node_4, 17, () => $.get(days), $.index, ($$anchor4, day, j) => {
+          {
+            let $0 = $.derived(() => i + 1 === $.get(grid).length && j + 1 === $.get(days).length);
+            Day$1($$anchor4, {
+              get day() {
+                return $.get(day);
+              },
+              allDay: true,
+              get noIeb() {
+                return $.get($0);
+              }
+            });
+          }
         });
         $.append($$anchor3, fragment_4);
       });
@@ -4434,15 +4482,22 @@ function View$1($$anchor, $$props) {
   });
   $.reset(aside_2);
   var div_6 = $.sibling(aside_2, 2);
-  $.each(div_6, 21, () => $.get(grid), $.index, ($$anchor2, days) => {
+  $.each(div_6, 21, () => $.get(grid), $.index, ($$anchor2, days, i) => {
     var fragment_9 = $.comment();
     var node_8 = $.first_child(fragment_9);
-    $.each(node_8, 17, () => $.get(days), $.index, ($$anchor3, day) => {
-      Day$1($$anchor3, {
-        get day() {
-          return $.get(day);
-        }
-      });
+    $.each(node_8, 17, () => $.get(days), $.index, ($$anchor3, day, j) => {
+      {
+        let $0 = $.derived(() => i + 1 === $.get(grid).length && j + 1 === $.get(days).length);
+        Day$1($$anchor3, {
+          get day() {
+            return $.get(day);
+          },
+          get noIeb() {
+            return $.get($0);
+          },
+          noBeb: true
+        });
+      }
     });
     $.append($$anchor2, fragment_9);
   });
@@ -4476,23 +4531,32 @@ function View$1($$anchor, $$props) {
   $.reset(div_4);
   var node_12 = $.sibling(div_4, 2);
   {
-    var consequent_2 = ($$anchor2) => {
+    var consequent_3 = ($$anchor2) => {
       var fragment_14 = $.comment();
       var node_13 = $.first_child(fragment_14);
-      $.each(node_13, 17, () => $.get(grid), $.index, ($$anchor3, days) => {
-        NowIndicator$1($$anchor3, {
-          get days() {
-            return $.get(days);
-          },
-          get fullwidth() {
-            return $$props.fullwidthNowIndicator;
-          }
+      {
+        var consequent_2 = ($$anchor3) => {
+          var fragment_15 = $.comment();
+          var node_14 = $.first_child(fragment_15);
+          $.snippet(node_14, () => $$props.nowIndicator, () => $.get(grid));
+          $.append($$anchor3, fragment_15);
+        };
+        var alternate_1 = ($$anchor3) => {
+          NowIndicator$1($$anchor3, {
+            get days() {
+              return $.get(grid)[0];
+            }
+          });
+        };
+        $.if(node_13, ($$render) => {
+          if ($$props.nowIndicator) $$render(consequent_2);
+          else $$render(alternate_1, false);
         });
-      });
+      }
       $.append($$anchor2, fragment_14);
     };
     $.if(node_12, ($$render) => {
-      if ($nowIndicator()) $$render(consequent_2);
+      if ($showNowIndicator()) $$render(consequent_3);
     });
   }
   $.reset(section);
@@ -4554,15 +4618,16 @@ function View_1($$anchor, $$props) {
           return { date, resource, disabled, highlight };
         });
         {
-          let $0 = $.derived(() => 1 + i * $.get(days).length);
-          let $1 = $.derived(() => $datesAboveResources() && $.get(computed_const).disabled);
-          let $2 = $.derived(() => $datesAboveResources() && $.get(computed_const).highlight);
+          let $0 = $.derived(() => grid()[0].length > 1 ? $theme().colGroup : void 0);
+          let $1 = $.derived(() => 1 + i * $.get(days).length);
+          let $2 = $.derived(() => $datesAboveResources() && $.get(computed_const).disabled);
+          let $3 = $.derived(() => $datesAboveResources() && $.get(computed_const).highlight);
           ColHead($$anchor3, {
             get date() {
               return $.get(computed_const).date;
             },
             get className() {
-              return $theme().colGroup;
+              return $.get($0);
             },
             get weekday() {
               return $datesAboveResources();
@@ -4571,13 +4636,13 @@ function View_1($$anchor, $$props) {
               return $.get(days).length;
             },
             get colIndex() {
-              return $.get($0);
+              return $.get($1);
             },
             get disabled() {
-              return $.get($1);
+              return $.get($2);
             },
             get highlight() {
-              return $.get($2);
+              return $.get($3);
             },
             children: ($$anchor4, $$slotProps) => {
               var fragment_3 = $.comment();
@@ -4610,75 +4675,143 @@ function View_1($$anchor, $$props) {
         }
       });
       var node_2 = $.sibling(node, 2);
-      $.each(node_2, 17, grid, $.index, ($$anchor3, days, i) => {
-        var fragment_6 = $.comment();
-        var node_3 = $.first_child(fragment_6);
-        $.each(node_3, 17, () => $.get(days), $.index, ($$anchor4, day, j) => {
-          const computed_const_1 = $.derived(() => {
-            const { dayStart: date, resource, disabled, highlight } = $.get(day);
-            return { date, resource, disabled, highlight };
+      {
+        var consequent_2 = ($$anchor3) => {
+          var fragment_6 = $.comment();
+          var node_3 = $.first_child(fragment_6);
+          $.each(node_3, 17, grid, $.index, ($$anchor4, days, i) => {
+            var fragment_7 = $.comment();
+            var node_4 = $.first_child(fragment_7);
+            $.each(node_4, 17, () => $.get(days), $.index, ($$anchor5, day, j) => {
+              const computed_const_1 = $.derived(() => {
+                const { dayStart: date, resource, disabled, highlight } = $.get(day);
+                return { date, resource, disabled, highlight };
+              });
+              {
+                let $0 = $.derived(() => 1 + j + i * $.get(days).length);
+                ColHead($$anchor5, {
+                  get date() {
+                    return $.get(computed_const_1).date;
+                  },
+                  get colIndex() {
+                    return $.get($0);
+                  },
+                  get disabled() {
+                    return $.get(computed_const_1).disabled;
+                  },
+                  get highlight() {
+                    return $.get(computed_const_1).highlight;
+                  },
+                  children: ($$anchor6, $$slotProps) => {
+                    var fragment_9 = $.comment();
+                    var node_5 = $.first_child(fragment_9);
+                    {
+                      var consequent_1 = ($$anchor7) => {
+                        Label$1($$anchor7, {
+                          get resource() {
+                            return $.get(computed_const_1).resource;
+                          },
+                          get date() {
+                            return $.get(computed_const_1).date;
+                          }
+                        });
+                      };
+                      var alternate_1 = ($$anchor7) => {
+                        DayHeader($$anchor7, {
+                          get date() {
+                            return $.get(computed_const_1).date;
+                          },
+                          get alPrefix() {
+                            return resourceLabels[i];
+                          }
+                        });
+                      };
+                      $.if(node_5, ($$render) => {
+                        if ($datesAboveResources()) $$render(consequent_1);
+                        else $$render(alternate_1, false);
+                      });
+                    }
+                    $.append($$anchor6, fragment_9);
+                  },
+                  $$slots: { default: true }
+                });
+              }
+            });
+            $.append($$anchor4, fragment_7);
           });
+          $.append($$anchor3, fragment_6);
+        };
+        $.if(node_2, ($$render) => {
+          if (grid()[0].length > 1) $$render(consequent_2);
+        });
+      }
+      $.append($$anchor2, fragment_1);
+    };
+    const nowIndicator = ($$anchor2, grid = $.noop) => {
+      var fragment_12 = $.comment();
+      var node_6 = $.first_child(fragment_12);
+      {
+        var consequent_3 = ($$anchor3) => {
           {
-            let $0 = $.derived(() => 1 + j + i * $.get(days).length);
-            ColHead($$anchor4, {
-              get date() {
-                return $.get(computed_const_1).date;
-              },
-              get colIndex() {
+            let $0 = $.derived(() => grid().flat());
+            NowIndicator$1($$anchor3, {
+              get days() {
                 return $.get($0);
               },
-              get disabled() {
-                return $.get(computed_const_1).disabled;
-              },
-              get highlight() {
-                return $.get(computed_const_1).highlight;
-              },
-              children: ($$anchor5, $$slotProps) => {
-                var fragment_8 = $.comment();
-                var node_4 = $.first_child(fragment_8);
-                {
-                  var consequent_1 = ($$anchor6) => {
-                    Label$1($$anchor6, {
-                      get resource() {
-                        return $.get(computed_const_1).resource;
-                      },
-                      get date() {
-                        return $.get(computed_const_1).date;
-                      }
-                    });
-                  };
-                  var alternate_1 = ($$anchor6) => {
-                    DayHeader($$anchor6, {
-                      get date() {
-                        return $.get(computed_const_1).date;
-                      },
-                      get alPrefix() {
-                        return resourceLabels[i];
-                      }
-                    });
-                  };
-                  $.if(node_4, ($$render) => {
-                    if ($datesAboveResources()) $$render(consequent_1);
-                    else $$render(alternate_1, false);
-                  });
-                }
-                $.append($$anchor5, fragment_8);
-              },
-              $$slots: { default: true }
+              get span() {
+                return grid()[0].length;
+              }
             });
           }
+        };
+        var alternate_3 = ($$anchor3) => {
+          var fragment_14 = $.comment();
+          var node_7 = $.first_child(fragment_14);
+          {
+            var consequent_4 = ($$anchor4) => {
+              var fragment_15 = $.comment();
+              var node_8 = $.first_child(fragment_15);
+              $.each(node_8, 17, grid, $.index, ($$anchor5, days) => {
+                NowIndicator$1($$anchor5, {
+                  get days() {
+                    return $.get(days);
+                  }
+                });
+              });
+              $.append($$anchor4, fragment_15);
+            };
+            var alternate_2 = ($$anchor4) => {
+              {
+                let $0 = $.derived(() => grid().flat());
+                NowIndicator$1($$anchor4, {
+                  get days() {
+                    return $.get($0);
+                  },
+                  get span() {
+                    return grid().length;
+                  }
+                });
+              }
+            };
+            $.if(node_7, ($$render) => {
+              if (grid()[0].length > 1) $$render(consequent_4);
+              else $$render(alternate_2, false);
+            });
+          }
+          $.append($$anchor3, fragment_14);
+        };
+        $.if(node_6, ($$render) => {
+          if ($datesAboveResources()) $$render(consequent_3);
+          else $$render(alternate_3, false);
         });
-        $.append($$anchor3, fragment_6);
-      });
-      $.append($$anchor2, fragment_1);
+      }
+      $.append($$anchor2, fragment_12);
     };
     View$1($$anchor, {
       createGridFn: () => createGrid$2($_viewDates(), $_viewResources(), $_slotTimeLimits(), $datesAboveResources(), $validRange(), $highlightedDates()),
-      get fullwidthNowIndicator() {
-        return $datesAboveResources();
-      },
       header,
-      $$slots: { header: true }
+      nowIndicator,
+      $$slots: { header: true, nowIndicator: true }
     });
   }
   $.pop();
@@ -4697,6 +4830,7 @@ const index$2 = {
     options.views.resourceTimeGridDay = {
       buttonText: btnTextDay,
       component: View_1,
+      dayHeaderFormat: { weekday: "long" },
       duration: { days: 1 },
       theme: themeView("ec-resource ec-time-grid ec-day-view")
     };
@@ -4851,7 +4985,7 @@ function prepareChunks(chunks) {
   }
 }
 function repositionEvent(chunk, height2, monthView2) {
-  let top = 1;
+  let top = 0;
   let bottom = top + height2;
   let dayChunks = chunk.day;
   dayChunks.sort((a, b) => (a.top ?? Number.POSITIVE_INFINITY) - (b.top ?? Number.POSITIVE_INFINITY));
@@ -4900,6 +5034,12 @@ function Day($$anchor, $$props) {
     get highlight() {
       return $.get(highlight);
     },
+    get noIeb() {
+      return $$props.noIeb;
+    },
+    get noBeb() {
+      return $$props.noBeb;
+    },
     get el() {
       return $.get(el);
     },
@@ -4918,7 +5058,7 @@ function Event($$anchor, $$props) {
   const [$$stores, $$cleanup] = $.setup_stores();
   let { slotDuration, slotWidth, _monthView } = getContext("state");
   let el = $.state(void 0);
-  let margin = $.state(1);
+  let margin = $.state(0);
   let event = $.derived(() => $$props.chunk.event);
   let styles = $.derived(() => (style) => {
     style["grid-column"] = `${$$props.chunk.gridColumn} / span ${$$props.chunk.dates.length}`;
@@ -4926,7 +5066,7 @@ function Event($$anchor, $$props) {
     if (!$_monthView()) {
       let left = $$props.chunk.left / toSeconds($slotDuration()) * $slotWidth();
       style["inset-inline-start"] = `${left}px`;
-      style["inline-size"] = `${$$props.chunk.width / toSeconds($slotDuration()) * $slotWidth() + $$props.chunk.dates.length - 1}px`;
+      style["inline-size"] = `${$$props.chunk.width / toSeconds($slotDuration()) * $slotWidth()}px`;
     }
     let marginTop = $.get(margin);
     if ($.get(event)._margin) {
@@ -5111,7 +5251,7 @@ function NowIndicator($$anchor, $$props) {
   });
   let observerOptions = $.derived(() => ({
     root: $_mainEl(),
-    rootMargin: `0px 0px 0px -${$_sidebarWidth() + 1}px`,
+    rootMargin: isRtl() ? `0px -${$_sidebarWidth() + 1}px 0px 0px` : `0px 0px 0px -${$_sidebarWidth() + 1}px`,
     threshold: 0
   }));
   function onIntersect(el, entry) {
@@ -5206,7 +5346,6 @@ function View($$anchor, $$props) {
       return;
     }
     let scrollLeft = 0;
-    let gaps = 0;
     let todayOutOfView = $_today() < $_viewDates()[0] || $_today() > $_viewDates().at(-1);
     for (let date of $_viewDates()) {
       let slotTimeLimits2 = getSlotTimeLimits($_dayTimeLimits(), date);
@@ -5215,10 +5354,9 @@ function View($$anchor, $$props) {
         break;
       } else {
         scrollLeft += toSeconds(slotTimeLimits2.max) - toSeconds(slotTimeLimits2.min);
-        ++gaps;
       }
     }
-    $.store_mutate(_mainEl, $.untrack($_mainEl).scrollLeft = scrollLeft / toSeconds($slotDuration()) * $slotWidth() + gaps, $.untrack($_mainEl));
+    $.store_mutate(_mainEl, $.untrack($_mainEl).scrollLeft = scrollLeft / toSeconds($slotDuration()) * $slotWidth() * (document.dir === "rtl" ? -1 : 1), $.untrack($_mainEl));
   }
   let refs = [];
   function reposition() {
@@ -5337,15 +5475,25 @@ function View($$anchor, $$props) {
   });
   $.reset(aside_1);
   var div_4 = $.sibling(aside_1, 2);
-  $.each(div_4, 21, () => $.get(grid), $.index, ($$anchor2, days) => {
+  $.each(div_4, 21, () => $.get(grid), $.index, ($$anchor2, days, i) => {
     var fragment_6 = $.comment();
     var node_6 = $.first_child(fragment_6);
-    $.each(node_6, 17, () => $.get(days), $.index, ($$anchor3, day) => {
-      Day($$anchor3, {
-        get day() {
-          return $.get(day);
-        }
-      });
+    $.each(node_6, 17, () => $.get(days), $.index, ($$anchor3, day, j) => {
+      {
+        let $0 = $.derived(() => j + 1 === $.get(days).length);
+        let $1 = $.derived(() => i + 1 === $.get(grid).length);
+        Day($$anchor3, {
+          get day() {
+            return $.get(day);
+          },
+          get noIeb() {
+            return $.get($0);
+          },
+          get noBeb() {
+            return $.get($1);
+          }
+        });
+      }
     });
     $.append($$anchor2, fragment_6);
   });