@forcecalendar/interface 1.0.29 → 1.0.31

package/dist/force-calendar-interface.esm.js

@@ -5192,7 +5192,11 @@ class ie {
   }
   // State management
   getState() {
-    return { ...this.state };
+    return {
+      ...this.state,
+      config: { ...this.state.config },
+      events: [...this.state.events]
+    };
   }
   setState(e, t = {}) {
     const { silent: s = !1 } = t, i = { ...this.state };
@@ -5492,7 +5496,7 @@ class E extends f {
     return r && (r.toLowerCase() === "pm" && n < 12 ? o = n + 12 : r.toLowerCase() === "am" && n === 12 && (o = 0)), s.setHours(o, a || 0, 0, 0), s;
   }
 }
-class H {
+class F {
   /**
    * Create element with attributes and children
    */
@@ -6133,7 +6137,7 @@ I(D, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class F {
+class H {
   /**
    * @param {HTMLElement} container - The DOM element to render into
    * @param {StateManager} stateManager - The state manager instance
@@ -6172,7 +6176,7 @@ class F {
    * @returns {string}
    */
   escapeHTML(e) {
-    return e == null ? "" : H.escapeHTML(String(e));
+    return e == null ? "" : F.escapeHTML(String(e));
   }
   /**
    * Check if a date is today
@@ -6282,7 +6286,7 @@ class F {
     });
   }
 }
-class S extends F {
+class S extends H {
   constructor(e, t) {
     super(e, t), this.maxEventsToShow = 3;
   }
@@ -6357,7 +6361,7 @@ class S extends F {
     }), this.attachCommonEventHandlers();
   }
 }
-class z extends F {
+class z extends H {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6476,10 +6480,12 @@ class z extends F {
     this.addListener(this.container, "click", (e) => {
       const t = e.target.closest(".fc-week-day-column");
       if (!t || !this.container.contains(t) || e.target.closest(".fc-event")) return;
-      const s = new Date(t.dataset.date), i = t.getBoundingClientRect(), r = this.container.querySelector("#week-scroll-container"), n = e.clientY - i.top + (r ? r.scrollTop : 0);
+      const s = new Date(t.dataset.date), i = t.getBoundingClientRect();
+      this.container.querySelector("#week-scroll-container");
+      const r = e.clientY - i.top;
       s.setHours(
-        Math.floor(n / this.hourHeight),
-        Math.floor(n % this.hourHeight / (this.hourHeight / 60)),
+        Math.floor(r / this.hourHeight),
+        Math.floor(r % this.hourHeight / (this.hourHeight / 60)),
         0,
         0
       ), this.stateManager.selectDate(s);
@@ -6491,7 +6497,7 @@ class z extends F {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class L extends F {
+class L extends H {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6617,10 +6623,12 @@ class L extends F {
     this.addListener(this.container, "click", (e) => {
       const t = e.target.closest(".fc-day-column");
       if (!t || !this.container.contains(t) || e.target.closest(".fc-event")) return;
-      const s = new Date(t.dataset.date), i = t.getBoundingClientRect(), r = this.container.querySelector("#day-scroll-container"), n = e.clientY - i.top + (r ? r.scrollTop : 0);
+      const s = new Date(t.dataset.date), i = t.getBoundingClientRect();
+      this.container.querySelector("#day-scroll-container");
+      const r = e.clientY - i.top;
       s.setHours(
-        Math.floor(n / this.hourHeight),
-        Math.floor(n % this.hourHeight / (this.hourHeight / 60)),
+        Math.floor(r / this.hourHeight),
+        Math.floor(r % this.hourHeight / (this.hourHeight / 60)),
         0,
         0
       ), this.stateManager.selectDate(s);
@@ -6908,7 +6916,7 @@ class re extends O {
     });
   }
   open(e = /* @__PURE__ */ new Date()) {
-    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = e, this._formData.end = new Date(e.getTime() + this.config.defaultDuration * 60 * 1e3), this._formData.title = "", this._formData.color = this.config.colors[0].color, this.startInput && (this.titleInput.value = "", this.startInput.value = this.formatDateForInput(this._formData.start), this.endInput.value = this.formatDateForInput(this._formData.end), this.updateColorSelection(), this._cleanupFocusTrap = H.trapFocus(this.modalContent));
+    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = e, this._formData.end = new Date(e.getTime() + this.config.defaultDuration * 60 * 1e3), this._formData.title = "", this._formData.color = this.config.colors[0].color, this.startInput && (this.titleInput.value = "", this.startInput.value = this.formatDateForInput(this._formData.start), this.endInput.value = this.formatDateForInput(this._formData.end), this.updateColorSelection(), this._cleanupFocusTrap && this._cleanupFocusTrap(), this._cleanupFocusTrap = F.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -7466,7 +7474,7 @@ class ne extends O {
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${H.escapeHTML(r.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${F.escapeHTML(r.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -7657,8 +7665,8 @@ customElements.get("forcecal-main") || customElements.define("forcecal-main", ne
 typeof window < "u" && typeof customElements < "u" && console.log("Force Calendar Interface loading...");
 export {
   O as BaseComponent,
-  F as BaseViewRenderer,
-  H as DOMUtils,
+  H as BaseViewRenderer,
+  F as DOMUtils,
   E as DateUtils,
   L as DayViewRenderer,
   se as EventBus,