@forcecalendar/interface 1.0.40 → 1.0.41

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

@@ -273,7 +273,7 @@
                  style="background-color: ${t}; font-size: 11px; padding: 2px 6px; border-radius: 3px; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;">
                 ${this.escapeHTML(e.title)}
             </div>
-        `}_attachEventHandlers(){this.addListener(this.container,"click",e=>{const t=e.target.closest(".fc-month-day");if(!t||!this.container.contains(t)||e.target.closest(".fc-event"))return;const r=new Date(t.dataset.date);this.stateManager.selectDate(r)}),this.attachCommonEventHandlers()}}class D extends x{constructor(e,t){super(e,t),this.hourHeight=60,this.totalHeight=24*this.hourHeight}render(){if(!this.container||!this.stateManager)return;const e=this.stateManager.getViewData();if(!e||!e.days||e.days.length===0){this.container.innerHTML='<div style="padding: 20px; text-align: center; color: #666;">No data available for week view.</div>';return}this.cleanup();const t=this.stateManager.getState().config,r=this._renderWeekView(e,t);this.container.innerHTML=r,this._attachEventHandlers(),this._scrollToCurrentTime()}_renderWeekView(e,t){const r=e.days,i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],n=Array.from({length:24},(o,a)=>a),s=r.map(o=>{const a=new Date(o.date),c=o.events||[];return{...o,date:a,dayName:i[a.getDay()],dayOfMonth:a.getDate(),isToday:this.isToday(a),timedEvents:c.filter(d=>!d.allDay),allDayEvents:c.filter(d=>d.allDay)}});return`
+        `}_attachEventHandlers(){this.addListener(this.container,"click",e=>{const t=e.target.closest(".fc-month-day");if(!t||!this.container.contains(t)||e.target.closest(".fc-event"))return;const r=new Date(t.dataset.date);this.stateManager.selectDate(r)}),this.attachCommonEventHandlers()}}class D extends x{constructor(e,t){super(e,t),this.hourHeight=60,this.totalHeight=24*this.hourHeight}render(){if(!this.container||!this.stateManager)return;const e=this.stateManager.getViewData();if(!e||!e.days||e.days.length===0){this.container.innerHTML='<div style="padding: 20px; text-align: center; color: #666;">No data available for week view.</div>';return}this.cleanup(),this._scrolled=!1;const t=this.stateManager.getState().config,r=this._renderWeekView(e,t);this.container.innerHTML=r,this._attachEventHandlers(),this._scrollToCurrentTime()}_renderWeekView(e,t){const r=e.days,i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],n=Array.from({length:24},(o,a)=>a),s=r.map(o=>{const a=new Date(o.date),c=o.events||[];return{...o,date:a,dayName:i[a.getDay()],dayOfMonth:a.getDate(),isToday:this.isToday(a),timedEvents:c.filter(d=>!d.allDay),allDayEvents:c.filter(d=>d.allDay)}});return`
             <div class="fc-week-view" style="display: flex; flex-direction: column; height: 100%; background: #fff; overflow: hidden;">
                 ${this._renderHeader(s)}
                 ${this._renderAllDayRow(s)}
@@ -335,7 +335,7 @@
                 <!-- Timed events -->
                 ${(()=>{const r=this.computeOverlapLayout(e.timedEvents);return e.timedEvents.map(i=>this.renderTimedEvent(i,{compact:!0,overlapLayout:r})).join("")})()}
             </div>
-        `}_attachEventHandlers(){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 r=new Date(t.dataset.date),i=this.container.querySelector("#week-scroll-container"),n=t.offsetTop,s=e.clientY-t.getBoundingClientRect().top+(i?i.scrollTop:0)-n,o=Math.max(0,Math.min(s+n,this.totalHeight));r.setHours(Math.floor(o/this.hourHeight),Math.floor(o%this.hourHeight/(this.hourHeight/60)),0,0),this.stateManager.selectDate(r)}),this.attachCommonEventHandlers()}_scrollToCurrentTime(){if(this._scrolled)return;const e=this.container.querySelector("#week-scroll-container");e&&(e.scrollTop=8*this.hourHeight-50,this._scrolled=!0)}}class k extends x{constructor(e,t){super(e,t),this.hourHeight=60,this.totalHeight=24*this.hourHeight}render(){if(!this.container||!this.stateManager)return;const e=this.stateManager.getViewData();if(!e){this.container.innerHTML='<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';return}this.cleanup();const t=this.stateManager.getState().config,r=this._renderDayView(e,t);this.container.innerHTML=r,this._attachEventHandlers(),this._scrollToCurrentTime()}_renderDayView(e,t){var f,m;const r=((m=(f=this.stateManager)==null?void 0:f.getState())==null?void 0:m.currentDate)||new Date,i=this._extractDayData(e,r);if(!i)return'<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';const{dayDate:n,dayName:s,isToday:o,allDayEvents:a,timedEvents:c}=i,d=Array.from({length:24},(_,$)=>$);return`
+        `}_attachEventHandlers(){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 r=new Date(t.dataset.date),i=this.container.querySelector("#week-scroll-container"),n=t.offsetTop,s=e.clientY-t.getBoundingClientRect().top+(i?i.scrollTop:0)-n,o=Math.max(0,Math.min(s+n,this.totalHeight));r.setHours(Math.floor(o/this.hourHeight),Math.floor(o%this.hourHeight/(this.hourHeight/60)),0,0),this.stateManager.selectDate(r)}),this.attachCommonEventHandlers()}_scrollToCurrentTime(){if(this._scrolled)return;const e=this.container.querySelector("#week-scroll-container");e&&(e.scrollTop=8*this.hourHeight-50,this._scrolled=!0)}}class k extends x{constructor(e,t){super(e,t),this.hourHeight=60,this.totalHeight=24*this.hourHeight}render(){if(!this.container||!this.stateManager)return;const e=this.stateManager.getViewData();if(!e){this.container.innerHTML='<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';return}this.cleanup(),this._scrolled=!1;const t=this.stateManager.getState().config,r=this._renderDayView(e,t);this.container.innerHTML=r,this._attachEventHandlers(),this._scrollToCurrentTime()}_renderDayView(e,t){var f,m;const r=((m=(f=this.stateManager)==null?void 0:f.getState())==null?void 0:m.currentDate)||new Date,i=this._extractDayData(e,r);if(!i)return'<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';const{dayDate:n,dayName:s,isToday:o,allDayEvents:a,timedEvents:c}=i,d=Array.from({length:24},(_,$)=>$);return`
             <div class="fc-day-view" style="display: flex; flex-direction: column; height: 100%; background: #fff; overflow: hidden;">
                 ${this._renderHeader(n,s,o)}
                 ${this._renderAllDayRow(a,n)}