mhz-ui 1.1.39 → 1.1.40

package/dist/UiCalendar/UiCalendar.css

@@ -1 +1 @@
-.vuecal__header{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vuecal__views-bar{display:flex;gap:4px;align-items:center;justify-content:center}.vuecal__title-bar{display:flex}.vuecal__header .vuecal__transition-wrap{position:relative;flex-grow:1;min-height:1px}.vuecal__header .vuecal__transition-wrap>div{position:absolute;inset:0;white-space:nowrap;display:flex;flex-grow:1;align-items:center;justify-content:center}.vuecal__title{position:relative;justify-content:center;margin:auto;display:flex;align-items:center;gap:6px;font-family:inherit;font-weight:700;font-size:1.05em}.vuecal__title small{display:inline-flex;padding:2px 6px;border-radius:4px;font-weight:400;font-size:.8em;background:#00000026}.vuecal__header nav{background-color:#fff3}.vuecal__nav{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.vuecal__nav--today{position:relative;align-items:center;display:flex}.vuecal__nav--today[disabled]{cursor:default}.vuecal__nav--today.vuecal__nav--default{text-transform:uppercase}.vuecal__nav--prev.vuecal__nav--default:before,.vuecal__nav--next.vuecal__nav--default:before{content:"";border:solid currentColor;border-width:0 2px 2px 0;padding:.25em;transform:translate(-1px) rotate(-45deg)}.vuecal__nav--prev.vuecal__nav--default:before{border-width:2px 0 0 2px;transform:translate(1px) rotate(-45deg)}.vuecal__event{position:absolute;left:0;right:0}.vuecal__event--resizing,.vuecal__event--dragging-ghost{z-index:100}.vuecal__event--dragging-original{opacity:0;transition:opacity .1s}.vuecal__scrollable--month-view .vuecal__event,.vuecal__all-day .vuecal__event{position:relative}.vuecal__event--resizing{z-index:100}.vuecal__event-resizer{position:absolute;inset:auto 0 0;height:8px;background-color:#fff;opacity:.1;transition:.25s;cursor:ns-resize}.vuecal__event-resizer:hover{opacity:.25}.vuecal-delete-btn-enter-active{transition:.35s cubic-bezier(.175,.885,.32,1.275)}.vuecal-delete-btn-enter-from{transform:scale(0) rotate(-90deg)}.vuecal-delete-btn-enter-to{transform:scale(1)}.vuecal-delete-btn-leave-active{transition:.3s ease-in-out;transform:scale(0)}.vuecal__cell{position:relative;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.vuecal__scrollable--days-view .vuecal__cell,.vuecal__scrollable--week-view .vuecal__cell{min-width:var(--vuecal-min-cell-width, 0)}.vuecal__cell--has-schedules{align-items:stretch}.vuecal__cell--out-of-range{opacity:.4}.vuecal__cell--disabled{cursor:not-allowed}.vuecal--view-has-time .vuecal__cell:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--vuecal-border-color) 0,transparent 1px var(--vuecal-time-cell-height)) 0 1px;background-size:100% var(--vuecal-time-cell-height)}.vuecal__special-hours{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;left:0;right:0;pointer-events:none}.vuecal__now-line{position:absolute;left:0;width:100%;height:0;border-top:1px solid;border-color:#f009;z-index:3}.vuecal__now-line:before{content:"";position:absolute;top:-6px;left:0;border:5px solid transparent;border-left-color:inherit}.vuecal__now-line span{position:absolute;right:1px;font-size:10px;opacity:.7;pointer-events:none}.vuecal__event-placeholder{background-color:#23b5b5;position:absolute;left:0;right:0;padding-top:2px;padding-left:4px;border-radius:4px;font-size:11px;line-height:1}.vuecal__headings{position:sticky;top:0;display:flex;flex-direction:column;flex-shrink:0;z-index:4;height:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height));white-space:nowrap;background-color:var(--vuecal-secondary-color)}.vuecal__weekdays-headings{display:flex}.vuecal__weekday{flex:1 1 0;align-items:center;background-color:inherit}.vuecal__scrollable--days-view .vuecal__weekday,.vuecal__scrollable--week-view .vuecal__weekday{min-width:var(--vuecal-min-cell-width, 0)}.vuecal__schedule-heading{height:12px}.vuecal__all-day{position:relative;display:flex;height:var(--vuecal-all-day-bar-height)}.vuecal__all-day-cell{display:flex;flex:1 1 0;background-color:var(--vuecal-secondary-color)}.vuecal__all-day-resizer{position:absolute;bottom:0;right:0;width:100%;height:1px;cursor:row-resize;background-color:var(--vuecal-secondary-color);z-index:10}.vuecal__all-day-resizer:hover{height:2px;background-color:var(--vuecal-primary-color)}.vuecal__all-day-resizer:before{content:"";position:absolute;inset:-5px 0}.vuecal__time-column{display:flex;flex-direction:column;align-self:flex-start;padding-top:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height));background-color:var(--vuecal-secondary-color);position:sticky;left:0;z-index:5;border-right:.5px solid var(--vuecal-border-color);transition:padding-top .3s ease-in-out}.vuecal__all-day-label{position:sticky;top:0;left:0;width:100%;height:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height));margin-top:calc((var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height)) * -1);padding-top:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height));display:flex;align-items:center;justify-content:center;line-height:1;font-size:.85em;background:var(--vuecal-secondary-color);border-bottom:1px solid var(--vuecal-border-color);z-index:1}.vuecal__time-cell{position:relative;display:flex;flex:1 0 auto;font-size:.85em;height:var(--vuecal-time-cell-height)}.vuecal__time-cell:before{content:"";position:absolute;right:0;width:5px;top:.5px;border-top:.5px solid var(--vuecal-border-color)}.vuecal__time-cell label{opacity:.5;padding-left:4px;padding-right:8px;line-height:0}.vuecal__scrollable--day-view.vuecal__scrollable--no-schedules .vuecal__time-cell:first-child label,.vuecal__scrollable--has-all-day-bar .vuecal__time-cell:not(.vuecal__time-cell+.vuecal__time-cell) label{margin-top:.5em;font-size:.9em;opacity:.4}.vuecal__body{position:relative;display:grid;grid-template-columns:repeat(var(--vuecal-grid-columns),1fr);grid-template-rows:repeat(var(--vuecal-grid-rows),1fr);height:100%}.vuecal__time-at-cursor{position:absolute;left:0;right:0;border-top:1px dashed var(--vuecal-border-color);pointer-events:none;z-index:10}.vuecal__time-at-cursor label{display:block;position:absolute;top:0;right:100%;transform:translateY(-50%);margin-right:4px;padding:0 3px;font-size:.7rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99em}.vuecal{--vuecal-grid-columns: 7;--vuecal-grid-rows: 6;--vuecal-weekday-bar-height: 1.7rem;--vuecal-schedules-bar-height: 1.7rem;--vuecal-all-day-bar-height: 2rem;--vuecal-time-cell-height: 50px;--vuecal-min-cell-width: 0;--vuecal-transition-duration: .25s;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.vuecal--date-picker{--vuecal-weekday-bar-height: 1.3rem}.vuecal--timeless{--vuecal-all-day-bar-height: 0px}.vuecal,.vuecal *,.vuecal :before,.vuecal :after{box-sizing:border-box}.vuecal .grow{flex-grow:1}.vuecal__body-wrap{display:flex;flex-direction:column;flex-grow:1;min-width:0}.vuecal__scrollable-wrap{position:relative;flex:1;display:flex;min-height:1px}.vuecal__scrollable{position:relative;overflow:auto;flex:1;display:flex;flex-direction:column}.vuecal__scrollable--row,.vuecal__scrollable--has-week-numbers{flex-direction:row}.vuecal__week-numbers{display:flex;flex-direction:column;padding-top:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height))}.vuecal__week-number{display:flex;flex-grow:1;align-items:center;justify-content:center;width:1.4em}.vuecal__schedule{position:relative;display:flex;flex-grow:1;flex-basis:0;justify-content:center;overflow:hidden}.vuecal__scrollable--days-view .vuecal__schedule,.vuecal__scrollable--week-view .vuecal__schedule{min-width:var(--vuecal-min-schedule-width, 0)}.vuecal__schedules-headings{display:flex}.vuecal__schedule--heading{font-size:12px;align-items:center}.vuecal-slide-fade--left-enter-active,.vuecal-slide-fade--left-leave-active,.vuecal-slide-fade--right-enter-active,.vuecal-slide-fade--right-leave-active{transition:var(--vuecal-transition-duration) ease-in-out}.vuecal-slide-fade--left-enter-from,.vuecal-slide-fade--right-leave-to{transform:translate(-12px);opacity:0}.vuecal-slide-fade--left-leave-to,.vuecal-slide-fade--right-enter-from{transform:translate(12px);opacity:0}.vuecal-slide-fade--left-enter-active,.vuecal-slide-fade--right-enter-active,.vuecal-slide-fade--left-leave-active~.vuecal-slide-fade--left-leave-active,.vuecal-slide-fade--right-leave-active~.vuecal-slide-fade--right-leave-active{position:absolute!important;inset:0}.vuecal-event-delete-leave-active{transition:.15s ease-out}.vuecal-event-delete-leave-to{opacity:0;transform:translateY(.5rem)}.vuecal-shrink-enter-active,.vuecal-shrink-leave-active{transition:transform .2s,opacity .2s}.vuecal-shrink-enter-from,.vuecal-shrink-leave-to{opacity:0}.vuecal--default-theme{--vuecal-primary-color: #1976D2;--vuecal-secondary-color: #fff;--vuecal-base-color: #000;--vuecal-contrast-color: #fff;--vuecal-border-color: color-mix(in srgb, var(--vuecal-base-color) 8%, transparent);--vuecal-header-color: var(--vuecal-secondary-color);--vuecal-event-color: var(--vuecal-contrast-color);--vuecal-event-border-color: currentColor;--vuecal-border-radius: 6px;--vuecal-height: 500px;--vuecal-min-schedule-width: 0;--vuecal-min-cell-width: 1em;position:relative;border-radius:var(--vuecal-border-radius);color:var(--vuecal-base-color);height:var(--vuecal-height)}.vuecal--default-theme.vuecal--dragging-event{cursor:grabbing}.vuecal--default-theme.vuecal--resizing-event{cursor:ns-resize}.vuecal--default-theme.vuecal--dark{--vuecal-primary-color: #316191;--vuecal-secondary-color: #2e2e2e;--vuecal-base-color: #fff;--vuecal-contrast-color: #000;--vuecal-border-color: color-mix(in srgb, var(--vuecal-base-color) 8%, transparent);--vuecal-header-color: var(--vuecal-base-color);--vuecal-event-color: var(--vuecal-base-color);--vuecal-event-border-color: color-mix(in srgb, var(--vuecal-base-color) 50%, transparent)}.vuecal--default-theme .vuecal__header{background-color:var(--vuecal-primary-color);color:var(--vuecal-header-color);border-top-left-radius:var(--vuecal-border-radius);border-top-right-radius:var(--vuecal-border-radius)}.vuecal--default-theme .vuecal__views-bar,.vuecal--default-theme .vuecal__title-bar{padding-top:4px;padding-bottom:4px}.vuecal--default-theme .vuecal__title-bar{position:relative;background-color:var(--vuecal-primary-color);padding-left:.6em;padding-right:.6em;background-color:color-mix(in srgb,var(--vuecal-secondary-color) 20%,transparent)}.vuecal--default-theme .vuecal__view-button,.vuecal--default-theme .vuecal__nav,.vuecal--default-theme button.vuecal__title{background:none;border:none;color:inherit}.vuecal--default-theme .vuecal__view-button:not([disabled]),.vuecal--default-theme .vuecal__nav:not([disabled]),.vuecal--default-theme button.vuecal__title:not([disabled]){cursor:pointer}.vuecal--default-theme .vuecal__view-button,.vuecal--default-theme .vuecal__nav,.vuecal--default-theme button.vuecal__title,.vuecal--default-theme .vuecal__nav--today{transition:.3s;border:1px solid transparent;padding:2px 12px;border-radius:4px;align-self:center}.vuecal--default-theme .vuecal__view-button:hover,.vuecal--default-theme .vuecal__nav:hover,.vuecal--default-theme button.vuecal__title:hover,.vuecal--default-theme .vuecal__nav--today:hover{background-color:#ffffff1f}.vuecal--default-theme .vuecal__view-button--active,.vuecal--default-theme .vuecal__view-button--active:hover,.vuecal--default-theme .vuecal__nav--active,.vuecal--default-theme .vuecal__nav--active:hover,.vuecal--default-theme button.vuecal__title--active,.vuecal--default-theme button.vuecal__title--active:hover,.vuecal--default-theme .vuecal__nav--today--active,.vuecal--default-theme .vuecal__nav--today--active:hover,.vuecal--default-theme .vuecal__view-button:active,.vuecal--default-theme .vuecal__nav:active,.vuecal--default-theme button.vuecal__title:active,.vuecal--default-theme .vuecal__nav--today:active{background-color:#ffffff40}.vuecal--default-theme .vuecal__view-button:focus-visible,.vuecal--default-theme .vuecal__nav:focus-visible,.vuecal--default-theme button.vuecal__title:focus-visible,.vuecal--default-theme .vuecal__nav--today:focus-visible{border-color:#ffffffbf}.vuecal--default-theme .vuecal__view-button{text-transform:uppercase;font-size:.9em}.vuecal--default-theme button.vuecal__title{line-height:.9}.vuecal--default-theme .vuecal__nav--prev,.vuecal--default-theme .vuecal__nav--next{width:2em;aspect-ratio:1;border-radius:99em}.vuecal--default-theme .vuecal__nav--prev:dir(rtl),.vuecal--default-theme .vuecal__nav--next:dir(rtl){transform:rotate(180deg)}.vuecal--default-theme .vuecal__nav--today{padding-left:8px;padding-right:8px;margin-right:3px;font-size:.85em}.vuecal--default-theme .vuecal__scrollable-wrap{background-color:color-mix(in srgb,var(--vuecal-primary-color) 4%,transparent);border:1px solid var(--vuecal-border-color);border-top:none;border-bottom-left-radius:var(--vuecal-border-radius);border-bottom-right-radius:var(--vuecal-border-radius);overflow:hidden}.vuecal--default-theme .vuecal__scrollable-wrap:first-child{border-top-left-radius:var(--vuecal-border-radius);border-top-right-radius:var(--vuecal-border-radius)}.vuecal--default-theme .vuecal__scrollable{display:grid;grid-template-columns:1fr 0fr}.vuecal--default-theme .vuecal__scrollable--row{grid-template-columns:0fr 1fr}.vuecal--default-theme .vuecal__scrollable--no-schedules{--vuecal-schedules-bar-height: 0px}.vuecal--default-theme .vuecal__scrollable--day-view{--vuecal-weekday-bar-height: 0px}.vuecal--default-theme .vuecal__scrollable--month-view,.vuecal--default-theme .vuecal__scrollable--no-all-day-bar{--vuecal-all-day-bar-height: 0px}.vuecal--default-theme .vuecal__scrollable--year-view,.vuecal--default-theme .vuecal__scrollable--years-view{overflow:hidden}.vuecal--default-theme .vuecal__week-number small{width:1.4em;display:flex;justify-content:center;align-items:center;aspect-ratio:1;font-size:.8em;background-color:color-mix(in srgb,var(--vuecal-base-color) 8%,transparent);color:color-mix(in srgb,var(--vuecal-base-color) 70%,transparent);border-radius:4px}.vuecal--default-theme .vuecal__weekday{display:flex;justify-content:center;padding:2px 1px;overflow:hidden;letter-spacing:-.03em;text-overflow:ellipsis;gap:4px;font-size:.95em;background-color:var(--vuecal-secondary-color)}.vuecal--default-theme .vuecal__weekday--today{font-weight:700}.vuecal--default-theme .vuecal__weekday-day{display:inline-block;overflow:hidden;text-overflow:ellipsis;opacity:.8}.vuecal--default-theme .vuecal__weekday-date{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--vuecal-base-color) 15%,transparent);aspect-ratio:1;width:1.7em;border-radius:99em;overflow:hidden;line-height:1;font-size:.9em;letter-spacing:-.1em;text-indent:-.15em}.vuecal--default-theme .vuecal__weekday--today .vuecal__weekday-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 80%,transparent);color:#fff}.vuecal--default-theme.vuecal--light .vuecal__weekday:not(.vuecal__weekday--today) .vuecal__weekday-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 20%,transparent)}.vuecal--default-theme .vuecal__scrollable--has-schedules .vuecal__weekday{padding:0}.vuecal--default-theme .vuecal__scrollable--has-schedules .vuecal__weekday-date{width:1.5em}.vuecal--default-theme .vuecal__cell{overflow:hidden;box-shadow:0 0 0 .5px var(--vuecal-border-color) inset}.vuecal--default-theme.vuecal--lg .vuecal__scrollable--month-view .vuecal__cell{flex-direction:column;justify-content:flex-start;align-items:flex-end}.vuecal--default-theme .vuecal__cell:before{content:"";position:absolute;inset:0;z-index:-1}.vuecal--default-theme.vuecal--light .vuecal__cell:before{filter:saturate(2)}.vuecal--default-theme .vuecal__cell--today:before,.vuecal--default-theme .vuecal__cell--current-month:before,.vuecal--default-theme .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 10%,transparent)}.vuecal--default-theme .vuecal__cell--selected:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 25%,transparent)}.vuecal--default-theme.vuecal--light .vuecal__cell--today:before,.vuecal--default-theme.vuecal--light .vuecal__cell--current-month:before,.vuecal--default-theme.vuecal--light .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 5%,transparent)}.vuecal--default-theme.vuecal--light .vuecal__cell--selected:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 10%,transparent)}.vuecal--default-theme .vuecal__cell-date{position:sticky;top:0;font-weight:700}.vuecal--default-theme .vuecal__cell--disabled .vuecal__cell-date{opacity:.5}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell:before{display:none}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell-date{padding:4px;border-radius:99em;width:2em;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:4px;font-size:13px;letter-spacing:-.5px;background-color:color-mix(in srgb,var(--vuecal-primary-color) 25%,transparent)}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--today .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 60%,transparent)}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--selected .vuecal__cell-date{background-color:var(--vuecal-primary-color)}.vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 8%,transparent)}.vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--today .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 22%,transparent)}.vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--selected .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 40%,transparent)}.vuecal--default-theme .vuecal__cell--out-of-scope .vuecal__cell-date{opacity:.4}.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__cell-events{overflow:hidden;flex-grow:1;width:100%;padding-left:4px}.vuecal--default-theme.vuecal--timeless .vuecal__cell-events{display:flex;width:100%;height:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:4px;gap:4px}.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--day-view .vuecal__cell-events,.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--days-view .vuecal__cell-events,.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--week-view .vuecal__cell-events{position:absolute;inset:0 8px 0 0}.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--day-view .vuecal__cell-events:dir(rtl),.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--days-view .vuecal__cell-events:dir(rtl),.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--week-view .vuecal__cell-events:dir(rtl){inset:0 0 0 8px}.vuecal--default-theme .vuecal__all-day .vuecal__cell-events{width:100%;inset:0}.vuecal--default-theme .vuecal__time-cell{display:flex;justify-content:flex-end}.vuecal--default-theme .vuecal__time-cell-label{font-size:11px;letter-spacing:-.5px;color:#00000080;margin-top:-7.5px;background:#fff;width:98%;z-index:1;padding-right:2px;align-self:flex-start}.vuecal--default-theme .vuecal__time-cell:nth-child(1) .vuecal__time-cell-label{margin-top:-1px;font-size:10px;background:none}.vuecal--default-theme .vuecal__event{display:flex;width:90%;background-color:var(--vuecal-primary-color);color:var(--vuecal-event-color);border:1px solid var(--vuecal-event-border-color);border-radius:4px;line-height:1;z-index:1}.vuecal--default-theme .vuecal__event--background{width:100%;border:none;border-radius:0;overflow:visible;z-index:0}.vuecal--default-theme .vuecal__event--cut-top{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.vuecal--default-theme .vuecal__event--cut-bottom{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.vuecal--default-theme .vuecal__event:not(.vuecal__event--background):hover{z-index:3}.vuecal--default-theme .vuecal__event-details{flex-grow:1;overflow:hidden;padding:2px;font-size:12px}.vuecal--default-theme .vuecal__event-time{white-space:nowrap;line-height:1;letter-spacing:-.5px;font-size:11px}.vuecal--default-theme .vuecal__event-comma{padding-right:4px}.vuecal--default-theme .vuecal__event-resizer{inset:auto -1px -1px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vuecal--default-theme .vuecal__event-delete{position:absolute;top:-5px;right:-5px;padding:2px;font-size:.8em;cursor:pointer;background-color:#ff4242;border:1px solid rgba(255,255,255,.5);color:transparent;border-radius:99em;aspect-ratio:1;width:1.5em}.vuecal--default-theme .vuecal__event-delete:before,.vuecal--default-theme .vuecal__event-delete:after{content:"";position:absolute;border-radius:99em;top:50%;height:2px;left:20%;right:20%;background-color:var(--vuecal-event-color)}.vuecal--default-theme .vuecal__event-delete:before{transform:translateY(-50%) rotate(45deg)}.vuecal--default-theme .vuecal__event-delete:after{transform:translateY(-50%) rotate(-45deg)}.vuecal--default-theme.vuecal--timeless .vuecal__event{position:relative;width:100%}.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__event{padding-top:1px;padding-bottom:1px;width:100%}.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__event-details{display:flex;padding-top:1px;padding-bottom:1px}.vuecal--default-theme.vuecal--sm .vuecal__view-button,.vuecal--default-theme.vuecal--sm .vuecal__nav,.vuecal--default-theme.vuecal--sm .vuecal__title button,.vuecal--default-theme.vuecal--sm .vuecal__nav--today{padding-left:8px;padding-right:8px}.vuecal--default-theme.vuecal--xs{width:350px;height:250px}.vuecal--default-theme.vuecal--xs .vuecal__view-button,.vuecal--default-theme.vuecal--xs .vuecal__nav,.vuecal--default-theme.vuecal--xs .vuecal__title button,.vuecal--default-theme.vuecal--xs .vuecal__nav--today{padding-left:4px;padding-right:4px}.vuecal--default-theme.vuecal--xs .vuecal__title{gap:4px}.vuecal--default-theme.vuecal--xs .vuecal__title small{padding-left:3px;padding-right:3px}.vuecal--default-theme.vuecal--xs .vuecal__body{width:100%}.vuecal--default-theme.vuecal--xs .vuecal__scrollable--year-view .vuecal__body,.vuecal--default-theme.vuecal--xs .vuecal__scrollable--years-view .vuecal__body{margin:auto}.vuecal--default-theme.vuecal--date-picker{font-size:12px;width:210px}.vuecal--default-theme.vuecal--date-picker:has(.vuecal__views-bar){height:260px}.vuecal--default-theme.vuecal--date-picker .vuecal__views-bar,.vuecal--default-theme.vuecal--date-picker .vuecal__title-bar{padding-top:2px;padding-bottom:2px;height:2em}.vuecal--default-theme.vuecal--date-picker .vuecal__title-bar{padding-left:.3em;padding-right:.3em}.vuecal--default-theme.vuecal--date-picker .vuecal__nav--today,.vuecal--default-theme.vuecal--date-picker .vuecal__view-button{font-size:.9em}.vuecal--default-theme.vuecal--date-picker .vuecal__nav--prev,.vuecal--default-theme.vuecal--date-picker .vuecal__nav--next{width:1.6em}.vuecal--default-theme.vuecal--date-picker .vuecal__nav--prev:before,.vuecal--default-theme.vuecal--date-picker .vuecal__nav--next:before{padding:.22em}.vuecal--default-theme.vuecal--date-picker .vuecal__weekday{font-size:.95em}.vuecal--default-theme.vuecal--date-picker .vuecal__body{padding:2px;gap:2px}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--year-view .vuecal__body{padding:.6em;gap:.8em}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--month-view .vuecal__body,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--year-view .vuecal__body,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--years-view .vuecal__body{align-items:center}.vuecal--default-theme.vuecal--date-picker .vuecal__cell{aspect-ratio:1;border-radius:99em;font-weight:700;font-size:1em;box-shadow:none}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--day-view .vuecal__cell,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--days-view .vuecal__cell,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--week-view .vuecal__cell{aspect-ratio:initial;border-radius:0;font-weight:400}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--years-view .vuecal__cell{padding:6px}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--month-view .vuecal__cell,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--years-view .vuecal__cell{font-size:.9em}.vuecal--default-theme.vuecal--date-picker .vuecal__cell-date{font-weight:700}.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__cell--today:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__cell--current-month:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 50%,transparent)}.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__scrollable--month-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__scrollable--year-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__scrollable--years-view .vuecal__cell--selected:before{background-color:var(--vuecal-primary-color)}.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal__cell--today:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal__cell--current-month:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 12%,transparent)}.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal--dark .vuecal__scrollable--month-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal--dark .vuecal__scrollable--year-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal--dark .vuecal__scrollable--years-view .vuecal__cell--selected:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 28%,transparent)}._container_1xv8u_1{width:100%;height:var(--9fac8070)}._container_1xv8u_1 ._title_1xv8u_5{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.125rem;color:var(--color-gray-light)}._container_1xv8u_1 .vuecal{--vuecal-primary-color: var(--color-gray-light);--vuecal-secondary-color: var(--color-white);--vuecal-base-color: var(--color-black);--vuecal-contrast-color: var(--color-black);--vuecal-border-color: var(--color-gray);--vuecal-header-color: var(--color-black);--vuecal-event-color: var(--color-white);--vuecal-border-radius: 8px;--vuecal-height: auto;--vuecal-transition-duration: 0}._container_1xv8u_1 .vuecal__header{border:1px solid var(--color-gray)}._container_1xv8u_1 .vuecal__title-bar{padding-top:6px;padding-bottom:6px;background-color:var(--color-gray-light-extra)}._container_1xv8u_1 .vuecal__headings{height:32px;padding-top:2px}._container_1xv8u_1 .vuecal--default-theme .vuecal__scrollable--month-view .vuecal__cell{align-items:center;min-height:64px}._container_1xv8u_1 .vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--today .vuecal__cell-date{background-color:var(--color-gray-light)}._container_1xv8u_1 .vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell-date{font-size:.875rem;font-weight:400}._container_1xv8u_1 .vuecal--default-theme.vuecal--timeless .vuecal__cell-events{align-items:center;justify-content:center;padding-top:0;padding-bottom:8px}._container_1xv8u_1 .vuecal__scrollable--month-view .vuecal__event{width:36px;height:36px;padding-top:0;padding-bottom:0;cursor:pointer;border:0;border-radius:12px}._container_1xv8u_1 .vuecal--default-theme .vuecal__event-details{padding:0;border-radius:12px}
+.vuecal__header{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vuecal__views-bar{display:flex;gap:4px;align-items:center;justify-content:center}.vuecal__title-bar{display:flex}.vuecal__header .vuecal__transition-wrap{position:relative;flex-grow:1;min-height:1px}.vuecal__header .vuecal__transition-wrap>div{position:absolute;inset:0;white-space:nowrap;display:flex;flex-grow:1;align-items:center;justify-content:center}.vuecal__title{position:relative;justify-content:center;margin:auto;display:flex;align-items:center;gap:6px;font-family:inherit;font-weight:700;font-size:1.05em}.vuecal__title small{display:inline-flex;padding:2px 6px;border-radius:4px;font-weight:400;font-size:.8em;background:#00000026}.vuecal__header nav{background-color:#fff3}.vuecal__nav{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.vuecal__nav--today{position:relative;align-items:center;display:flex}.vuecal__nav--today[disabled]{cursor:default}.vuecal__nav--today.vuecal__nav--default{text-transform:uppercase}.vuecal__nav--prev.vuecal__nav--default:before,.vuecal__nav--next.vuecal__nav--default:before{content:"";border:solid currentColor;border-width:0 2px 2px 0;padding:.25em;transform:translate(-1px) rotate(-45deg)}.vuecal__nav--prev.vuecal__nav--default:before{border-width:2px 0 0 2px;transform:translate(1px) rotate(-45deg)}.vuecal__event{position:absolute;left:0;right:0}.vuecal__event--resizing,.vuecal__event--dragging-ghost{z-index:100}.vuecal__event--dragging-original{opacity:0;transition:opacity .1s}.vuecal__scrollable--month-view .vuecal__event,.vuecal__all-day .vuecal__event{position:relative}.vuecal__event--resizing{z-index:100}.vuecal__event-resizer{position:absolute;inset:auto 0 0;height:8px;background-color:#fff;opacity:.1;transition:.25s;cursor:ns-resize}.vuecal__event-resizer:hover{opacity:.25}.vuecal-delete-btn-enter-active{transition:.35s cubic-bezier(.175,.885,.32,1.275)}.vuecal-delete-btn-enter-from{transform:scale(0) rotate(-90deg)}.vuecal-delete-btn-enter-to{transform:scale(1)}.vuecal-delete-btn-leave-active{transition:.3s ease-in-out;transform:scale(0)}.vuecal__cell{position:relative;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.vuecal__scrollable--days-view .vuecal__cell,.vuecal__scrollable--week-view .vuecal__cell{min-width:var(--vuecal-min-cell-width, 0)}.vuecal__cell--has-schedules{align-items:stretch}.vuecal__cell--out-of-range{opacity:.4}.vuecal__cell--disabled{cursor:not-allowed}.vuecal--view-has-time .vuecal__cell:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--vuecal-border-color) 0,transparent 1px var(--vuecal-time-cell-height)) 0 1px;background-size:100% var(--vuecal-time-cell-height)}.vuecal__special-hours{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;left:0;right:0;pointer-events:none}.vuecal__now-line{position:absolute;left:0;width:100%;height:0;border-top:1px solid;border-color:#f009;z-index:3}.vuecal__now-line:before{content:"";position:absolute;top:-6px;left:0;border:5px solid transparent;border-left-color:inherit}.vuecal__now-line span{position:absolute;right:1px;font-size:10px;opacity:.7;pointer-events:none}.vuecal__event-placeholder{background-color:#23b5b5;position:absolute;left:0;right:0;padding-top:2px;padding-left:4px;border-radius:4px;font-size:11px;line-height:1}.vuecal__headings{position:sticky;top:0;display:flex;flex-direction:column;flex-shrink:0;z-index:4;height:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height));white-space:nowrap;background-color:var(--vuecal-secondary-color)}.vuecal__weekdays-headings{display:flex}.vuecal__weekday{flex:1 1 0;align-items:center;background-color:inherit}.vuecal__scrollable--days-view .vuecal__weekday,.vuecal__scrollable--week-view .vuecal__weekday{min-width:var(--vuecal-min-cell-width, 0)}.vuecal__schedule-heading{height:12px}.vuecal__all-day{position:relative;display:flex;height:var(--vuecal-all-day-bar-height)}.vuecal__all-day-cell{display:flex;flex:1 1 0;background-color:var(--vuecal-secondary-color)}.vuecal__all-day-resizer{position:absolute;bottom:0;right:0;width:100%;height:1px;cursor:row-resize;background-color:var(--vuecal-secondary-color);z-index:10}.vuecal__all-day-resizer:hover{height:2px;background-color:var(--vuecal-primary-color)}.vuecal__all-day-resizer:before{content:"";position:absolute;inset:-5px 0}.vuecal__time-column{display:flex;flex-direction:column;align-self:flex-start;padding-top:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height));background-color:var(--vuecal-secondary-color);position:sticky;left:0;z-index:5;border-right:.5px solid var(--vuecal-border-color);transition:padding-top .3s ease-in-out}.vuecal__all-day-label{position:sticky;top:0;left:0;width:100%;height:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height));margin-top:calc((var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height)) * -1);padding-top:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height));display:flex;align-items:center;justify-content:center;line-height:1;font-size:.85em;background:var(--vuecal-secondary-color);border-bottom:1px solid var(--vuecal-border-color);z-index:1}.vuecal__time-cell{position:relative;display:flex;flex:1 0 auto;font-size:.85em;height:var(--vuecal-time-cell-height)}.vuecal__time-cell:before{content:"";position:absolute;right:0;width:5px;top:.5px;border-top:.5px solid var(--vuecal-border-color)}.vuecal__time-cell label{opacity:.5;padding-left:4px;padding-right:8px;line-height:0}.vuecal__scrollable--day-view.vuecal__scrollable--no-schedules .vuecal__time-cell:first-child label,.vuecal__scrollable--has-all-day-bar .vuecal__time-cell:not(.vuecal__time-cell+.vuecal__time-cell) label{margin-top:.5em;font-size:.9em;opacity:.4}.vuecal__body{position:relative;display:grid;grid-template-columns:repeat(var(--vuecal-grid-columns),1fr);grid-template-rows:repeat(var(--vuecal-grid-rows),1fr);height:100%}.vuecal__time-at-cursor{position:absolute;left:0;right:0;border-top:1px dashed var(--vuecal-border-color);pointer-events:none;z-index:10}.vuecal__time-at-cursor label{display:block;position:absolute;top:0;right:100%;transform:translateY(-50%);margin-right:4px;padding:0 3px;font-size:.7rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99em}.vuecal{--vuecal-grid-columns: 7;--vuecal-grid-rows: 6;--vuecal-weekday-bar-height: 1.7rem;--vuecal-schedules-bar-height: 1.7rem;--vuecal-all-day-bar-height: 2rem;--vuecal-time-cell-height: 50px;--vuecal-min-cell-width: 0;--vuecal-transition-duration: .25s;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.vuecal--date-picker{--vuecal-weekday-bar-height: 1.3rem}.vuecal--timeless{--vuecal-all-day-bar-height: 0px}.vuecal,.vuecal *,.vuecal :before,.vuecal :after{box-sizing:border-box}.vuecal .grow{flex-grow:1}.vuecal__body-wrap{display:flex;flex-direction:column;flex-grow:1;min-width:0}.vuecal__scrollable-wrap{position:relative;flex:1;display:flex;min-height:1px}.vuecal__scrollable{position:relative;overflow:auto;flex:1;display:flex;flex-direction:column}.vuecal__scrollable--row,.vuecal__scrollable--has-week-numbers{flex-direction:row}.vuecal__week-numbers{display:flex;flex-direction:column;padding-top:calc(var(--vuecal-weekday-bar-height) + var(--vuecal-schedules-bar-height) + var(--vuecal-all-day-bar-height))}.vuecal__week-number{display:flex;flex-grow:1;align-items:center;justify-content:center;width:1.4em}.vuecal__schedule{position:relative;display:flex;flex-grow:1;flex-basis:0;justify-content:center;overflow:hidden}.vuecal__scrollable--days-view .vuecal__schedule,.vuecal__scrollable--week-view .vuecal__schedule{min-width:var(--vuecal-min-schedule-width, 0)}.vuecal__schedules-headings{display:flex}.vuecal__schedule--heading{font-size:12px;align-items:center}.vuecal-slide-fade--left-enter-active,.vuecal-slide-fade--left-leave-active,.vuecal-slide-fade--right-enter-active,.vuecal-slide-fade--right-leave-active{transition:var(--vuecal-transition-duration) ease-in-out}.vuecal-slide-fade--left-enter-from,.vuecal-slide-fade--right-leave-to{transform:translate(-12px);opacity:0}.vuecal-slide-fade--left-leave-to,.vuecal-slide-fade--right-enter-from{transform:translate(12px);opacity:0}.vuecal-slide-fade--left-enter-active,.vuecal-slide-fade--right-enter-active,.vuecal-slide-fade--left-leave-active~.vuecal-slide-fade--left-leave-active,.vuecal-slide-fade--right-leave-active~.vuecal-slide-fade--right-leave-active{position:absolute!important;inset:0}.vuecal-event-delete-leave-active{transition:.15s ease-out}.vuecal-event-delete-leave-to{opacity:0;transform:translateY(.5rem)}.vuecal-shrink-enter-active,.vuecal-shrink-leave-active{transition:transform .2s,opacity .2s}.vuecal-shrink-enter-from,.vuecal-shrink-leave-to{opacity:0}.vuecal--default-theme{--vuecal-primary-color: #1976D2;--vuecal-secondary-color: #fff;--vuecal-base-color: #000;--vuecal-contrast-color: #fff;--vuecal-border-color: color-mix(in srgb, var(--vuecal-base-color) 8%, transparent);--vuecal-header-color: var(--vuecal-secondary-color);--vuecal-event-color: var(--vuecal-contrast-color);--vuecal-event-border-color: currentColor;--vuecal-border-radius: 6px;--vuecal-height: 500px;--vuecal-min-schedule-width: 0;--vuecal-min-cell-width: 1em;position:relative;border-radius:var(--vuecal-border-radius);color:var(--vuecal-base-color);height:var(--vuecal-height)}.vuecal--default-theme.vuecal--dragging-event{cursor:grabbing}.vuecal--default-theme.vuecal--resizing-event{cursor:ns-resize}.vuecal--default-theme.vuecal--dark{--vuecal-primary-color: #316191;--vuecal-secondary-color: #2e2e2e;--vuecal-base-color: #fff;--vuecal-contrast-color: #000;--vuecal-border-color: color-mix(in srgb, var(--vuecal-base-color) 8%, transparent);--vuecal-header-color: var(--vuecal-base-color);--vuecal-event-color: var(--vuecal-base-color);--vuecal-event-border-color: color-mix(in srgb, var(--vuecal-base-color) 50%, transparent)}.vuecal--default-theme .vuecal__header{background-color:var(--vuecal-primary-color);color:var(--vuecal-header-color);border-top-left-radius:var(--vuecal-border-radius);border-top-right-radius:var(--vuecal-border-radius)}.vuecal--default-theme .vuecal__views-bar,.vuecal--default-theme .vuecal__title-bar{padding-top:4px;padding-bottom:4px}.vuecal--default-theme .vuecal__title-bar{position:relative;background-color:var(--vuecal-primary-color);padding-left:.6em;padding-right:.6em;background-color:color-mix(in srgb,var(--vuecal-secondary-color) 20%,transparent)}.vuecal--default-theme .vuecal__view-button,.vuecal--default-theme .vuecal__nav,.vuecal--default-theme button.vuecal__title{background:none;border:none;color:inherit}.vuecal--default-theme .vuecal__view-button:not([disabled]),.vuecal--default-theme .vuecal__nav:not([disabled]),.vuecal--default-theme button.vuecal__title:not([disabled]){cursor:pointer}.vuecal--default-theme .vuecal__view-button,.vuecal--default-theme .vuecal__nav,.vuecal--default-theme button.vuecal__title,.vuecal--default-theme .vuecal__nav--today{transition:.3s;border:1px solid transparent;padding:2px 12px;border-radius:4px;align-self:center}.vuecal--default-theme .vuecal__view-button:hover,.vuecal--default-theme .vuecal__nav:hover,.vuecal--default-theme button.vuecal__title:hover,.vuecal--default-theme .vuecal__nav--today:hover{background-color:#ffffff1f}.vuecal--default-theme .vuecal__view-button--active,.vuecal--default-theme .vuecal__view-button--active:hover,.vuecal--default-theme .vuecal__nav--active,.vuecal--default-theme .vuecal__nav--active:hover,.vuecal--default-theme button.vuecal__title--active,.vuecal--default-theme button.vuecal__title--active:hover,.vuecal--default-theme .vuecal__nav--today--active,.vuecal--default-theme .vuecal__nav--today--active:hover,.vuecal--default-theme .vuecal__view-button:active,.vuecal--default-theme .vuecal__nav:active,.vuecal--default-theme button.vuecal__title:active,.vuecal--default-theme .vuecal__nav--today:active{background-color:#ffffff40}.vuecal--default-theme .vuecal__view-button:focus-visible,.vuecal--default-theme .vuecal__nav:focus-visible,.vuecal--default-theme button.vuecal__title:focus-visible,.vuecal--default-theme .vuecal__nav--today:focus-visible{border-color:#ffffffbf}.vuecal--default-theme .vuecal__view-button{text-transform:uppercase;font-size:.9em}.vuecal--default-theme button.vuecal__title{line-height:.9}.vuecal--default-theme .vuecal__nav--prev,.vuecal--default-theme .vuecal__nav--next{width:2em;aspect-ratio:1;border-radius:99em}.vuecal--default-theme .vuecal__nav--prev:dir(rtl),.vuecal--default-theme .vuecal__nav--next:dir(rtl){transform:rotate(180deg)}.vuecal--default-theme .vuecal__nav--today{padding-left:8px;padding-right:8px;margin-right:3px;font-size:.85em}.vuecal--default-theme .vuecal__scrollable-wrap{background-color:color-mix(in srgb,var(--vuecal-primary-color) 4%,transparent);border:1px solid var(--vuecal-border-color);border-top:none;border-bottom-left-radius:var(--vuecal-border-radius);border-bottom-right-radius:var(--vuecal-border-radius);overflow:hidden}.vuecal--default-theme .vuecal__scrollable-wrap:first-child{border-top-left-radius:var(--vuecal-border-radius);border-top-right-radius:var(--vuecal-border-radius)}.vuecal--default-theme .vuecal__scrollable{display:grid;grid-template-columns:1fr 0fr}.vuecal--default-theme .vuecal__scrollable--row{grid-template-columns:0fr 1fr}.vuecal--default-theme .vuecal__scrollable--no-schedules{--vuecal-schedules-bar-height: 0px}.vuecal--default-theme .vuecal__scrollable--day-view{--vuecal-weekday-bar-height: 0px}.vuecal--default-theme .vuecal__scrollable--month-view,.vuecal--default-theme .vuecal__scrollable--no-all-day-bar{--vuecal-all-day-bar-height: 0px}.vuecal--default-theme .vuecal__scrollable--year-view,.vuecal--default-theme .vuecal__scrollable--years-view{overflow:hidden}.vuecal--default-theme .vuecal__week-number small{width:1.4em;display:flex;justify-content:center;align-items:center;aspect-ratio:1;font-size:.8em;background-color:color-mix(in srgb,var(--vuecal-base-color) 8%,transparent);color:color-mix(in srgb,var(--vuecal-base-color) 70%,transparent);border-radius:4px}.vuecal--default-theme .vuecal__weekday{display:flex;justify-content:center;padding:2px 1px;overflow:hidden;letter-spacing:-.03em;text-overflow:ellipsis;gap:4px;font-size:.95em;background-color:var(--vuecal-secondary-color)}.vuecal--default-theme .vuecal__weekday--today{font-weight:700}.vuecal--default-theme .vuecal__weekday-day{display:inline-block;overflow:hidden;text-overflow:ellipsis;opacity:.8}.vuecal--default-theme .vuecal__weekday-date{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--vuecal-base-color) 15%,transparent);aspect-ratio:1;width:1.7em;border-radius:99em;overflow:hidden;line-height:1;font-size:.9em;letter-spacing:-.1em;text-indent:-.15em}.vuecal--default-theme .vuecal__weekday--today .vuecal__weekday-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 80%,transparent);color:#fff}.vuecal--default-theme.vuecal--light .vuecal__weekday:not(.vuecal__weekday--today) .vuecal__weekday-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 20%,transparent)}.vuecal--default-theme .vuecal__scrollable--has-schedules .vuecal__weekday{padding:0}.vuecal--default-theme .vuecal__scrollable--has-schedules .vuecal__weekday-date{width:1.5em}.vuecal--default-theme .vuecal__cell{overflow:hidden;box-shadow:0 0 0 .5px var(--vuecal-border-color) inset}.vuecal--default-theme.vuecal--lg .vuecal__scrollable--month-view .vuecal__cell{flex-direction:column;justify-content:flex-start;align-items:flex-end}.vuecal--default-theme .vuecal__cell:before{content:"";position:absolute;inset:0;z-index:-1}.vuecal--default-theme.vuecal--light .vuecal__cell:before{filter:saturate(2)}.vuecal--default-theme .vuecal__cell--today:before,.vuecal--default-theme .vuecal__cell--current-month:before,.vuecal--default-theme .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 10%,transparent)}.vuecal--default-theme .vuecal__cell--selected:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 25%,transparent)}.vuecal--default-theme.vuecal--light .vuecal__cell--today:before,.vuecal--default-theme.vuecal--light .vuecal__cell--current-month:before,.vuecal--default-theme.vuecal--light .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 5%,transparent)}.vuecal--default-theme.vuecal--light .vuecal__cell--selected:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 10%,transparent)}.vuecal--default-theme .vuecal__cell-date{position:sticky;top:0;font-weight:700}.vuecal--default-theme .vuecal__cell--disabled .vuecal__cell-date{opacity:.5}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell:before{display:none}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell-date{padding:4px;border-radius:99em;width:2em;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:4px;font-size:13px;letter-spacing:-.5px;background-color:color-mix(in srgb,var(--vuecal-primary-color) 25%,transparent)}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--today .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 60%,transparent)}.vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--selected .vuecal__cell-date{background-color:var(--vuecal-primary-color)}.vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 8%,transparent)}.vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--today .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 22%,transparent)}.vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--selected .vuecal__cell-date{background-color:color-mix(in srgb,var(--vuecal-primary-color) 40%,transparent)}.vuecal--default-theme .vuecal__cell--out-of-scope .vuecal__cell-date{opacity:.4}.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__cell-events{overflow:hidden;flex-grow:1;width:100%;padding-left:4px}.vuecal--default-theme.vuecal--timeless .vuecal__cell-events{display:flex;width:100%;height:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:4px;gap:4px}.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--day-view .vuecal__cell-events,.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--days-view .vuecal__cell-events,.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--week-view .vuecal__cell-events{position:absolute;inset:0 8px 0 0}.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--day-view .vuecal__cell-events:dir(rtl),.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--days-view .vuecal__cell-events:dir(rtl),.vuecal--default-theme .vuecal__scrollable--no-schedules.vuecal__scrollable--week-view .vuecal__cell-events:dir(rtl){inset:0 0 0 8px}.vuecal--default-theme .vuecal__all-day .vuecal__cell-events{width:100%;inset:0}.vuecal--default-theme .vuecal__time-cell{display:flex;justify-content:flex-end}.vuecal--default-theme .vuecal__time-cell-label{font-size:11px;letter-spacing:-.5px;color:#00000080;margin-top:-7.5px;background:#fff;width:98%;z-index:1;padding-right:2px;align-self:flex-start}.vuecal--default-theme .vuecal__time-cell:nth-child(1) .vuecal__time-cell-label{margin-top:-1px;font-size:10px;background:none}.vuecal--default-theme .vuecal__event{display:flex;width:90%;background-color:var(--vuecal-primary-color);color:var(--vuecal-event-color);border:1px solid var(--vuecal-event-border-color);border-radius:4px;line-height:1;z-index:1}.vuecal--default-theme .vuecal__event--background{width:100%;border:none;border-radius:0;overflow:visible;z-index:0}.vuecal--default-theme .vuecal__event--cut-top{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.vuecal--default-theme .vuecal__event--cut-bottom{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.vuecal--default-theme .vuecal__event:not(.vuecal__event--background):hover{z-index:3}.vuecal--default-theme .vuecal__event-details{flex-grow:1;overflow:hidden;padding:2px;font-size:12px}.vuecal--default-theme .vuecal__event-time{white-space:nowrap;line-height:1;letter-spacing:-.5px;font-size:11px}.vuecal--default-theme .vuecal__event-comma{padding-right:4px}.vuecal--default-theme .vuecal__event-resizer{inset:auto -1px -1px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vuecal--default-theme .vuecal__event-delete{position:absolute;top:-5px;right:-5px;padding:2px;font-size:.8em;cursor:pointer;background-color:#ff4242;border:1px solid rgba(255,255,255,.5);color:transparent;border-radius:99em;aspect-ratio:1;width:1.5em}.vuecal--default-theme .vuecal__event-delete:before,.vuecal--default-theme .vuecal__event-delete:after{content:"";position:absolute;border-radius:99em;top:50%;height:2px;left:20%;right:20%;background-color:var(--vuecal-event-color)}.vuecal--default-theme .vuecal__event-delete:before{transform:translateY(-50%) rotate(45deg)}.vuecal--default-theme .vuecal__event-delete:after{transform:translateY(-50%) rotate(-45deg)}.vuecal--default-theme.vuecal--timeless .vuecal__event{position:relative;width:100%}.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__event{padding-top:1px;padding-bottom:1px;width:100%}.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__event-details{display:flex;padding-top:1px;padding-bottom:1px}.vuecal--default-theme.vuecal--sm .vuecal__view-button,.vuecal--default-theme.vuecal--sm .vuecal__nav,.vuecal--default-theme.vuecal--sm .vuecal__title button,.vuecal--default-theme.vuecal--sm .vuecal__nav--today{padding-left:8px;padding-right:8px}.vuecal--default-theme.vuecal--xs{width:350px;height:250px}.vuecal--default-theme.vuecal--xs .vuecal__view-button,.vuecal--default-theme.vuecal--xs .vuecal__nav,.vuecal--default-theme.vuecal--xs .vuecal__title button,.vuecal--default-theme.vuecal--xs .vuecal__nav--today{padding-left:4px;padding-right:4px}.vuecal--default-theme.vuecal--xs .vuecal__title{gap:4px}.vuecal--default-theme.vuecal--xs .vuecal__title small{padding-left:3px;padding-right:3px}.vuecal--default-theme.vuecal--xs .vuecal__body{width:100%}.vuecal--default-theme.vuecal--xs .vuecal__scrollable--year-view .vuecal__body,.vuecal--default-theme.vuecal--xs .vuecal__scrollable--years-view .vuecal__body{margin:auto}.vuecal--default-theme.vuecal--date-picker{font-size:12px;width:210px}.vuecal--default-theme.vuecal--date-picker:has(.vuecal__views-bar){height:260px}.vuecal--default-theme.vuecal--date-picker .vuecal__views-bar,.vuecal--default-theme.vuecal--date-picker .vuecal__title-bar{padding-top:2px;padding-bottom:2px;height:2em}.vuecal--default-theme.vuecal--date-picker .vuecal__title-bar{padding-left:.3em;padding-right:.3em}.vuecal--default-theme.vuecal--date-picker .vuecal__nav--today,.vuecal--default-theme.vuecal--date-picker .vuecal__view-button{font-size:.9em}.vuecal--default-theme.vuecal--date-picker .vuecal__nav--prev,.vuecal--default-theme.vuecal--date-picker .vuecal__nav--next{width:1.6em}.vuecal--default-theme.vuecal--date-picker .vuecal__nav--prev:before,.vuecal--default-theme.vuecal--date-picker .vuecal__nav--next:before{padding:.22em}.vuecal--default-theme.vuecal--date-picker .vuecal__weekday{font-size:.95em}.vuecal--default-theme.vuecal--date-picker .vuecal__body{padding:2px;gap:2px}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--year-view .vuecal__body{padding:.6em;gap:.8em}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--month-view .vuecal__body,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--year-view .vuecal__body,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--years-view .vuecal__body{align-items:center}.vuecal--default-theme.vuecal--date-picker .vuecal__cell{aspect-ratio:1;border-radius:99em;font-weight:700;font-size:1em;box-shadow:none}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--day-view .vuecal__cell,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--days-view .vuecal__cell,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--week-view .vuecal__cell{aspect-ratio:initial;border-radius:0;font-weight:400}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--years-view .vuecal__cell{padding:6px}.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--month-view .vuecal__cell,.vuecal--default-theme.vuecal--date-picker .vuecal__scrollable--years-view .vuecal__cell{font-size:.9em}.vuecal--default-theme.vuecal--date-picker .vuecal__cell-date{font-weight:700}.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__cell--today:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__cell--current-month:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 50%,transparent)}.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__scrollable--month-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__scrollable--year-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--dark .vuecal__scrollable--years-view .vuecal__cell--selected:before{background-color:var(--vuecal-primary-color)}.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal__cell--today:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal__cell--current-month:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal__cell--current-year:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 12%,transparent)}.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal--dark .vuecal__scrollable--month-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal--dark .vuecal__scrollable--year-view .vuecal__cell--selected:before,.vuecal--default-theme.vuecal--date-picker.vuecal--light .vuecal--dark .vuecal__scrollable--years-view .vuecal__cell--selected:before{background-color:color-mix(in srgb,var(--vuecal-primary-color) 28%,transparent)}._container_1xv8u_1{width:100%;height:var(--c7c040d8)}._container_1xv8u_1 ._title_1xv8u_5{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.125rem;color:var(--color-gray-light)}._container_1xv8u_1 .vuecal{--vuecal-primary-color: var(--color-gray-light);--vuecal-secondary-color: var(--color-white);--vuecal-base-color: var(--color-black);--vuecal-contrast-color: var(--color-black);--vuecal-border-color: var(--color-gray);--vuecal-header-color: var(--color-black);--vuecal-event-color: var(--color-white);--vuecal-border-radius: 8px;--vuecal-height: auto;--vuecal-transition-duration: 0}._container_1xv8u_1 .vuecal__header{border:1px solid var(--color-gray)}._container_1xv8u_1 .vuecal__title-bar{padding-top:6px;padding-bottom:6px;background-color:var(--color-gray-light-extra)}._container_1xv8u_1 .vuecal__headings{height:32px;padding-top:2px}._container_1xv8u_1 .vuecal--default-theme .vuecal__scrollable--month-view .vuecal__cell{align-items:center;min-height:64px}._container_1xv8u_1 .vuecal--default-theme.vuecal--light:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell--today .vuecal__cell-date{background-color:var(--color-gray-light)}._container_1xv8u_1 .vuecal--default-theme:is(.vuecal--sm,.vuecal--lg) .vuecal__scrollable--month-view .vuecal__cell-date{font-size:.875rem;font-weight:400}._container_1xv8u_1 .vuecal--default-theme.vuecal--timeless .vuecal__cell-events{align-items:center;justify-content:center;padding-top:0;padding-bottom:8px}._container_1xv8u_1 .vuecal__scrollable--month-view .vuecal__event{width:36px;height:36px;padding-top:0;padding-bottom:0;cursor:pointer;border:0;border-radius:12px}._container_1xv8u_1 .vuecal--default-theme .vuecal__event-details{padding:0;border-radius:12px}

package/dist/UiCalendar/UiCalendar.d.ts

@@ -1,4 +1,4 @@
-import { ICalendarEvent, ICalendarUpdate } from './interface';
+import { ICalendarEvent, ICalendarDates } from './interface';
 interface IProps {
     height?: string;
     minDate?: Date;
@@ -6,13 +6,13 @@ interface IProps {
     lang?: string;
 }
 declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    ready: (dates: ICalendarUpdate) => any;
-    update: (dates: ICalendarUpdate) => any;
+    ready: (dates: ICalendarDates) => any;
+    update: (dates: ICalendarDates) => any;
     eventClick: (event: ICalendarEvent<unknown>) => any;
     chooseDate: (date: Date) => any;
 }, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
-    onReady?: ((dates: ICalendarUpdate) => any) | undefined;
-    onUpdate?: ((dates: ICalendarUpdate) => any) | undefined;
+    onReady?: ((dates: ICalendarDates) => any) | undefined;
+    onUpdate?: ((dates: ICalendarDates) => any) | undefined;
     onEventClick?: ((event: ICalendarEvent<unknown>) => any) | undefined;
     onChooseDate?: ((date: Date) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/UiCalendar/UiCalendar.js

@@ -1,5 +1,5 @@
 import "./UiCalendar.css";
-import { reactive as $e, ref as ie, useTemplateRef as $t, useId as Tt, useAttrs as Mt, computed as Y, createElementBlock as z, onMounted as Ke, nextTick as Ue, provide as Je, openBlock as S, normalizeStyle as De, normalizeClass as me, renderSlot as j, unref as $, Fragment as ue, createVNode as Ce, createElementVNode as ge, createSlots as xe, withCtx as A, normalizeProps as J, guardReactiveProps as ee, Transition as Re, createBlock as Ee, createCommentVNode as q, renderList as _e, toDisplayString as oe, inject as je, resolveDynamicComponent as et, mergeProps as ne, toHandlers as We, createTextVNode as Ge, onBeforeUnmount as Ae, toRefs as Yt, watch as ye, TransitionGroup as tt, withModifiers as at, defineComponent as Et, useCssVars as St } from "vue";
+import { reactive as $e, ref as ie, useTemplateRef as $t, useId as Tt, useAttrs as Mt, computed as Y, createElementBlock as z, onMounted as Ke, nextTick as Ue, provide as Je, openBlock as S, normalizeStyle as De, normalizeClass as me, renderSlot as F, unref as $, Fragment as ue, createVNode as Ce, createElementVNode as ge, createSlots as xe, withCtx as A, normalizeProps as J, guardReactiveProps as ee, Transition as Re, createBlock as Ee, createCommentVNode as q, renderList as _e, toDisplayString as oe, inject as Fe, resolveDynamicComponent as et, mergeProps as ne, toHandlers as We, createTextVNode as Ge, onBeforeUnmount as Ae, toRefs as Yt, watch as ye, TransitionGroup as tt, withModifiers as at, defineComponent as Et, useCssVars as St } from "vue";
 import { _ as Ct } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 /**
   * vue-cal v5.0.1-rc.24
@@ -116,10 +116,10 @@ const pe = {
       C = await ((D = C[`../i18n/${y}.json`]) == null ? void 0 : D.call(C));
     }
     f.texts = Object.assign(f.texts, Object.assign({ ...pe.texts }, C)), o.updateTexts(f.texts);
-  }, F = $e(t.events || []);
-  return ye(() => t.events, (y) => F.splice(0, F.length, ...y)), ye(() => t.locale, (y) => k(y || "en-us")), (t.locale || !f.texts.today) && k(t.locale || "en-us"), {
+  }, j = $e(t.events || []);
+  return ye(() => t.events, (y) => j.splice(0, j.length, ...y)), ye(() => t.locale, (y) => k(y || "en-us")), (t.locale || !f.texts.today) && k(t.locale || "en-us"), {
     ...Yt(t),
-    events: F,
+    events: j,
     // All the events listeners for cells and events that the end user may have attached to vue-cal.
     eventListeners: v,
     defaultView: e,
@@ -232,9 +232,9 @@ function Ot(f) {
       const { schedule: B } = ((e = a.target.closest("[data-schedule]")) == null ? void 0 : e.dataset) || {};
       let U = () => {
       };
-      ke.fromVueCal === w ? (T = o.getEvent(s._.id), T && (T._.dragging = !1, U = (F) => {
-        if (T.start = h, T.end = X, T.allDay = x, B !== void 0 && (T.schedule = ~~B), F && typeof F == "object") {
-          const { _: y, ...D } = F;
+      ke.fromVueCal === w ? (T = o.getEvent(s._.id), T && (T._.dragging = !1, U = (j) => {
+        if (T.start = h, T.end = X, T.allDay = x, B !== void 0 && (T.schedule = ~~B), j && typeof j == "object") {
+          const { _: y, ...D } = j;
           Object.assign(T, D);
         }
       })) : (T = {
@@ -244,9 +244,9 @@ function Ot(f) {
         ...B !== void 0 && { schedule: ~~B },
         _: { id: ((E = s._) == null ? void 0 : E.id) || s.id, duration: v(h, X) },
         getOverlappingEvents: () => o.getEventsInRange(h, X, { schedule: ~~B })
-      }, U = (F) => {
-        if (T = o.createEvent(T), F && typeof F == "object") {
-          const { _: y, ...D } = F;
+      }, U = (j) => {
+        if (T = o.createEvent(T), j && typeof j == "object") {
+          const { _: y, ...D } = j;
           Object.assign(T, D);
         }
       });
@@ -340,7 +340,7 @@ const st = (f, t) => {
   }, _ = (l, b, g) => I(l) ? l.getTime() >= b && l.getTime() <= g : console.warn(`Vue Cal: invalid date provided to \`isInRange(date, rangeStart, rangeEnd)\`: \`${l}\`.`), k = (l) => {
     const b = l.getFullYear();
     return !(b % 400) || b % 100 && !(b % 4);
-  }, F = (l = null, b) => {
+  }, j = (l = null, b) => {
     const g = l && new Date(l.valueOf()) || /* @__PURE__ */ new Date(), N = b ? 7 : 6;
     return g.setDate(g.getDate() - (g.getDay() + N) % 7), g;
   }, y = (l) => l instanceof Date ? l : (l.length === 10 && (l += " 00:00"), new Date(l.replace(/-/g, "/"))), D = (l) => l.getHours() * 60 + l.getMinutes(), C = (l, b) => {
@@ -484,7 +484,7 @@ const st = (f, t) => {
     isSameDate: U,
     isInRange: _,
     isLeapYear: k,
-    getPreviousFirstDayOfWeek: F,
+    getPreviousFirstDayOfWeek: j,
     stringToDate: y,
     dateToMinutes: D,
     countDays: C,
@@ -496,7 +496,7 @@ const st = (f, t) => {
     formatTimeLite: ve,
     formatMinutes: G
   };
-}, jt = (f) => {
+}, Ft = (f) => {
   const { dateUtils: t, config: i } = f;
   let o = 0;
   const p = Y(() => {
@@ -610,9 +610,9 @@ const st = (f, t) => {
         var C;
         return ((C = T[D._.id]) == null ? void 0 : C.position) ?? 0;
       }));
-      let F = 0;
-      for (; k.has(F); ) F++;
-      T[U].position = F, h.push(B);
+      let j = 0;
+      for (; k.has(j); ) j++;
+      T[U].position = j, h.push(B);
       const y = Math.max(1, ..._.map((D) => {
         var C;
         return ((C = T[D._.id]) == null ? void 0 : C.maxConcurrent) ?? 1;
@@ -625,7 +625,7 @@ const st = (f, t) => {
     for (const B in T) T[B].overlaps = [...T[B].overlaps];
     return { cellOverlaps: T, longestStreak: X };
   }, x = (e, E, { excludeIds: n = [], schedule: s = null, background: T = !0, allDay: h = !1 } = {}) => {
-    const X = e.getFullYear(), B = E.getFullYear(), U = e.getMonth() + 1, _ = E.getMonth() + 1, k = e.getDate(), F = E.getDate(), y = e.getTime(), D = E.getTime(), C = [], d = new Set(n);
+    const X = e.getFullYear(), B = E.getFullYear(), U = e.getMonth() + 1, _ = E.getMonth() + 1, k = e.getDate(), j = E.getDate(), y = e.getTime(), D = E.getTime(), C = [], d = new Set(n);
     for (let I = X; I <= B; I++) {
       const te = `${I}`, ae = p.value.byYear[te];
       if (!ae) continue;
@@ -635,7 +635,7 @@ const st = (f, t) => {
         if (Q)
           for (const de in Q) {
             const l = +de;
-            if (I === X && G === U && l < k || I === B && G === _ && l > F) continue;
+            if (I === X && G === U && l < k || I === B && G === _ && l > j) continue;
             const b = Q[de];
             for (let g = 0; g < b.length; g++) {
               const N = p.value.byId[b[g]];
@@ -659,7 +659,7 @@ const st = (f, t) => {
       return h > X && T < B;
     }
   };
-}, Ft = ({ config: f, dateUtils: t, emit: i, texts: o, eventsManager: p }, w) => {
+}, jt = ({ config: f, dateUtils: t, emit: i, texts: o, eventsManager: p }, w) => {
   const { availableViews: O } = f, c = ie(f.view && O[f.view] ? f.view : f.defaultView), P = ie(f.selectedDate || null), v = ie(/* @__PURE__ */ new Date()), a = ie(new Date(f.viewDate || v.value));
   a.value.setHours(0, 0, 0, 0);
   const r = ie(new Date(a));
@@ -701,7 +701,7 @@ const st = (f, t) => {
       return f.startWeekOnSunday && !f.hideWeekdays[7] && (W = 1), f.viewDayOffset && (W += f.viewDayOffset), t.addDays(r.value, W - 1);
     }
     return r.value;
-  }), F = Y(() => {
+  }), j = Y(() => {
     const m = [], W = ["days", "week", "month"].includes(c.value);
     let K = 0;
     for (let Z = 0; Z < _.value + K; Z++)
@@ -733,7 +733,7 @@ const st = (f, t) => {
           break;
       }
     return m;
-  }), y = Y(() => F.value[F.value.length - 1].end), D = ie("right"), C = Y(() => {
+  }), y = Y(() => j.value[j.value.length - 1].end), D = ie("right"), C = Y(() => {
     const m = Object.keys(f.availableViews);
     return m[m.indexOf(c.value) + 1];
   }), d = Y(() => {
@@ -746,8 +746,8 @@ const st = (f, t) => {
     return K && typeof Z == "string" ? Z.substring(0, 3) : Z;
   }
   function te(m, W, K) {
-    const { monthsArray: Z, monthBeforeDay: he, canTruncate: Le, xs: Ve } = K, Te = m.getMonth(), Me = m.getFullYear(), Ye = W.getMonth(), Fe = W.getFullYear(), Be = Te !== Ye, bt = Me !== Fe, be = Le && (Ve || Be), ze = m.getDate(), Pe = W.getDate();
-    return bt ? he ? `${I(Te, Z, be)} ${ze}, ${Me} - ${I(Ye, Z, be)} ${Pe}, ${Fe}` : `${ze} ${I(Te, Z, be)} ${Me} - ${Pe} ${I(Ye, Z, be)} ${Fe}` : Be ? he ? `${I(Te, Z, be)} ${ze} - ${I(Ye, Z, be)} ${Pe}, ${Me}` : `${ze} ${I(Te, Z, be)} - ${Pe} ${I(Ye, Z, be)} ${Me}` : he ? `${I(Te, Z, be)} ${ze}-${Pe}, ${Me}` : `${ze}-${Pe} ${I(Te, Z, be)} ${Me}`;
+    const { monthsArray: Z, monthBeforeDay: he, canTruncate: Le, xs: Ve } = K, Te = m.getMonth(), Me = m.getFullYear(), Ye = W.getMonth(), je = W.getFullYear(), Be = Te !== Ye, bt = Me !== je, be = Le && (Ve || Be), ze = m.getDate(), Pe = W.getDate();
+    return bt ? he ? `${I(Te, Z, be)} ${ze}, ${Me} - ${I(Ye, Z, be)} ${Pe}, ${je}` : `${ze} ${I(Te, Z, be)} ${Me} - ${Pe} ${I(Ye, Z, be)} ${je}` : Be ? he ? `${I(Te, Z, be)} ${ze} - ${I(Ye, Z, be)} ${Pe}, ${Me}` : `${ze} ${I(Te, Z, be)} - ${Pe} ${I(Ye, Z, be)} ${Me}` : he ? `${I(Te, Z, be)} ${ze}-${Pe}, ${Me}` : `${ze}-${Pe} ${I(Te, Z, be)} ${Me}`;
   }
   const ae = Y(() => {
     const { dateFormat: m, months: W, monthsGenitive: K, week: Z, truncations: he } = o, Le = f.locale, Ve = he !== !1, Te = m.indexOf("M") < m.indexOf("D"), Me = K && Le === "el" ? K : W;
@@ -762,15 +762,15 @@ const st = (f, t) => {
           canTruncate: Ve,
           xs: f.xs
         };
-        let Fe = te(k.value, y.value, Ye);
+        let je = te(k.value, y.value, Ye);
         if (c.value === "week") {
           const Be = t.getWeek(
             k.value,
             f.startWeekOnSunday && !f.hideWeekdays[7]
           );
-          Fe += ` <small>${Z} ${Be}</small>`;
+          je += ` <small>${Z} ${Be}</small>`;
         }
-        return Fe;
+        return je;
       }
       case "month": {
         const Ye = `${f.xs && Ve ? "MMM" : "MMMM"} YYYY`;
@@ -808,7 +808,7 @@ const st = (f, t) => {
       end: E.value,
       extendedStart: n.value,
       extendedEnd: s.value,
-      cellDates: F.value,
+      cellDates: j.value,
       containsToday: T.value,
       events: R.value
     }), v.value = /* @__PURE__ */ new Date();
@@ -897,7 +897,7 @@ const st = (f, t) => {
   function L() {
     V(0);
   }
-  const R = Y(() => p.getViewEvents(F.value)), ce = p.createEvent, fe = p.deleteEvent;
+  const R = Y(() => p.getViewEvents(j.value)), ce = p.createEvent, fe = p.deleteEvent;
   return ye(() => f.view, (m) => G(m, !1)), ye(() => f.availableViews, ve), ye(() => f.datePicker, () => G("month", !1)), ye(() => f.viewDate, (m) => N(m, !1)), ye(() => f.selectedDate, (m) => le(m, !1)), ye(() => f.startWeekOnSunday, (m) => re(m)), ye(() => f.hideWeekends, (m) => u(m)), ye(() => f.hideWeekdays, H), ye(() => _.value, () => {
     _.value > 90 && console.warn("Vue Cal: high cell count detected. Performance may degrade when interactions are enabled.");
   }), ye(() => f.watchRealTime, (m) => {
@@ -919,7 +919,7 @@ const st = (f, t) => {
     lastCellDate: y,
     containsToday: T,
     selectedDate: P,
-    cellDates: F,
+    cellDates: j,
     cols: B,
     rows: U,
     // All the events are stored and indexed in the events object of the eventsManager.
@@ -1027,7 +1027,7 @@ const st = (f, t) => {
       isResizingEvent: !1
     }
   });
-  return w.dateUtils = st(Object.assign(pe.texts, w.texts), Qe), w.config = Ht(w, f, i), w.eventsManager = jt(w), w.view = Ft(w, o), w.dnd = Ot(w), w;
+  return w.dateUtils = st(Object.assign(pe.texts, w.texts), Qe), w.config = Ht(w, f, i), w.eventsManager = Ft(w), w.view = jt(w, o), w.dnd = Ot(w), w;
 }, Lt = 24 * 60, At = {
   allDayEvents: { type: Boolean, default: !1 },
   // Display all-day events in a fixed top bar on the day, days & week views.
@@ -1134,11 +1134,11 @@ const st = (f, t) => {
 }, Rt = { class: "vuecal__transition-wrap" }, Xt = ["disabled", "innerHTML"], Ut = {
   __name: "header",
   setup(f) {
-    const t = je("vuecal"), { view: i, config: o } = t, p = () => {
+    const t = Fe("vuecal"), { view: i, config: o } = t, p = () => {
       o.clickToNavigate && i.broader();
     }, w = Y(() => o.clickToNavigate ? { click: p } : {});
     return (O, c) => (S(), z("div", Bt, [
-      j(O.$slots, "header", {
+      F(O.$slots, "header", {
         view: $(i),
         availableViews: $(o).availableViews,
         vuecal: $(t)
@@ -1158,7 +1158,7 @@ const st = (f, t) => {
             onClick: c[0] || (c[0] = (...P) => $(i).previous && $(i).previous(...P)),
             type: "button"
           }, [
-            j(O.$slots, "previous-button")
+            F(O.$slots, "previous-button")
           ], 2),
           ge("div", Rt, [
             Ce(Re, {
@@ -1173,7 +1173,7 @@ const st = (f, t) => {
                     class: "vuecal__title"
                   }, We(w.value)), {
                     default: A(() => [
-                      O.$slots[`title.${$(i).id}`] ? j(O.$slots, `title.${$(i).id}`, J(ne({ key: 0 }, $(i)))) : j(O.$slots, "title", J(ne({ key: 1 }, $(i))))
+                      O.$slots[`title.${$(i).id}`] ? F(O.$slots, `title.${$(i).id}`, J(ne({ key: 0 }, $(i)))) : F(O.$slots, "title", J(ne({ key: 1 }, $(i))))
                     ]),
                     _: 3
                   }, 16)) : (S(), Ee(et($(o).clickToNavigate && $(i).broaderView ? "button" : "div"), ne({
@@ -1188,7 +1188,7 @@ const st = (f, t) => {
             }, 8, ["name"])
           ]),
           $(o).todayButton ? (S(), z(ue, { key: 0 }, [
-            O.$slots["today-button"] ? j(O.$slots, "today-button", {
+            O.$slots["today-button"] ? F(O.$slots, "today-button", {
               key: 0,
               navigate: () => !$(i).containsToday && $(i).goToToday(),
               active: $(i).containsToday
@@ -1206,7 +1206,7 @@ const st = (f, t) => {
             onClick: c[2] || (c[2] = (...P) => $(i).next && $(i).next(...P)),
             type: "button"
           }, [
-            j(O.$slots, "next-button")
+            F(O.$slots, "next-button")
           ], 2)
         ])) : q("", !0)
       ], 64))
@@ -1229,7 +1229,7 @@ const st = (f, t) => {
   },
   emits: ["event-drag-start", "event-drag-end", "event-resize-start", "event-resize-end"],
   setup(f, { emit: t }) {
-    const { config: i, view: o, dnd: p, touch: w, dateUtils: O } = je("vuecal"), c = f, P = ie(null), v = $e(c.event), a = $e({
+    const { config: i, view: o, dnd: p, touch: w, dateUtils: O } = Fe("vuecal"), c = f, P = ie(null), v = $e(c.event), a = $e({
       dragging: !1,
       resizing: !1,
       fromResizer: !1,
@@ -1266,14 +1266,14 @@ const st = (f, t) => {
     }), r = Y(() => i.editableEvents.drag && v.draggable !== !1 && !v.background), x = Y(() => o.isMonth || o.isYear || o.isYears || c.inAllDayBar ? !1 : i.time && i.editableEvents.resize && v.resizable !== !1 && !v.background);
     Y(() => i.editableEvents.delete && v.deletable !== !1 && !v.background);
     const e = Y(() => {
-      var _, k, F, y, D;
+      var _, k, j, y, D;
       return {
         [`vuecal__event--${v._.id}`]: !0,
         [v.class]: !!v.class,
         "vuecal__event--recurring": !!v.recurring,
         "vuecal__event--background": !!v.background,
         "vuecal__event--all-day": v.allDay || ((_ = v._) == null ? void 0 : _.startMinutes) === 0 && ((k = v._) == null ? void 0 : k.duration) === 24 * 60,
-        "vuecal__event--multiday": !!((F = v._) != null && F.multiday),
+        "vuecal__event--multiday": !!((j = v._) != null && j.multiday),
         "vuecal__event--cut-top": !c.inAllDayBar && ((y = v._) == null ? void 0 : y.startMinutes) < i.timeFrom,
         "vuecal__event--cut-bottom": !c.inAllDayBar && ((D = v._) == null ? void 0 : D.endMinutes) > i.timeTo || v._.multiday,
         // Only apply the dragging class on the event copy that is being dragged.
@@ -1295,7 +1295,7 @@ const st = (f, t) => {
         color: v.color || null
       };
       if (_) {
-        const F = Math.max(i.timeFrom, v._.startMinutes), y = Math.min(i.timeTo, v._.endMinutes) + (v._.duration && !v._.endMinutes ? 24 * 60 : 0), D = He(F, i), C = He(y, i) - D;
+        const j = Math.max(i.timeFrom, v._.startMinutes), y = Math.min(i.timeTo, v._.endMinutes) + (v._.duration && !v._.endMinutes ? 24 * 60 : 0), D = He(j, i), C = He(y, i) - D;
         k.top = `${D}%`, k.height = `${C}%`;
       }
       return k;
@@ -1313,29 +1313,29 @@ const st = (f, t) => {
         var D;
         y.stopPropagation(), s(y), (D = k.mousedown) == null || D.call(k, { e: y, event: v });
       };
-      let F = null;
+      let j = null;
       return _.click = (y) => {
         var D;
-        (D = k.click) == null || D.call(k, { e: y, event: v }), F ? F = clearTimeout(F) : F = setTimeout(() => {
+        (D = k.click) == null || D.call(k, { e: y, event: v }), j ? j = clearTimeout(j) : j = setTimeout(() => {
           var C;
-          F = null, (C = k["delayed-click"]) == null || C.call(k, { e: y, event: v });
+          j = null, (C = k["delayed-click"]) == null || C.call(k, { e: y, event: v });
         }, 400);
       }, _.dblclick = (y) => {
         k.dblclick ? k.dblclick({ e: y, event: v }) : v.delete(1);
       }, _;
     }), s = (_) => {
-      var k, F, y;
+      var k, j, y;
       const D = ((k = _.touches) == null ? void 0 : k[0]) || _;
       a.fromResizer = D.target.matches(".vuecal__event-resizer, .vuecal__event-resizer *");
       const C = P.value.getBoundingClientRect();
-      a.startX = (((F = _.touches) == null ? void 0 : F[0]) || _).clientX - C.left, a.startY = (((y = _.touches) == null ? void 0 : y[0]) || _).clientY - C.top, a.startPercentageX = a.startX * 100 / C.width, a.startPercentageY = a.startY * 100 / C.height, a.cellEl = P.value.closest(".vuecal__cell"), a.resizeStartDate = v.start, U(_.type === "touchstart" ? "touchmove" : "mousemove", T), U(_.type === "touchstart" ? "touchend" : "mouseup", h, { once: !0 }), a.holdTimer = setTimeout(() => {
+      a.startX = (((j = _.touches) == null ? void 0 : j[0]) || _).clientX - C.left, a.startY = (((y = _.touches) == null ? void 0 : y[0]) || _).clientY - C.top, a.startPercentageX = a.startX * 100 / C.width, a.startPercentageY = a.startY * 100 / C.height, a.cellEl = P.value.closest(".vuecal__cell"), a.resizeStartDate = v.start, U(_.type === "touchstart" ? "touchmove" : "mousemove", T), U(_.type === "touchstart" ? "touchend" : "mouseup", h, { once: !0 }), a.holdTimer = setTimeout(() => {
         var d, I;
         a.holding = !0, (I = (d = n.value).hold) == null || I.call(d, { e: _, event: v });
       }, 1e3);
     }, T = async (_) => {
-      var k, F, y, D;
+      var k, j, y, D;
       const C = ((k = _.touches) == null ? void 0 : k[0]) || _;
-      if (a.fromResizer && !a.resizing && (a.resizing = !0, a.resizingOriginalEvent = { ...v, _: { ...v._ } }, w.isResizingEvent = !0, (y = (F = n.value)["resize-start"]) == null || y.call(F, { e: _, event: v })), a.holdTimer = clearTimeout(a.holdTimer), a.holding = !1, a.cellEl) {
+      if (a.fromResizer && !a.resizing && (a.resizing = !0, a.resizingOriginalEvent = { ...v, _: { ...v._ } }, w.isResizingEvent = !0, (y = (j = n.value)["resize-start"]) == null || y.call(j, { e: _, event: v })), a.holdTimer = clearTimeout(a.holdTimer), a.holding = !1, a.cellEl) {
         const { top: d, left: I, width: te, height: ae } = a.cellEl.getBoundingClientRect();
         a.moveX = C.clientX - I, a.moveY = C.clientY - d, a.movePercentageX = a.moveX * 100 / te, a.movePercentageY = a.moveY * 100 / ae;
       }
@@ -1350,7 +1350,7 @@ const st = (f, t) => {
         })), te !== !1 ? (v.start = d, v.end = I, a.resizingLastAcceptedEvent && (a.resizingLastAcceptedEvent = null)) : ae && (a.resizingLastAcceptedEvent = { ...v, _: { ...v._ } });
       }
     }, h = async (_) => {
-      var k, F;
+      var k, j;
       if (a.holdTimer = clearTimeout(a.holdTimer), a.holding = !1, a.resizing) {
         const { newStart: y, newEnd: D } = X(v);
         let C = !0;
@@ -1361,43 +1361,43 @@ const st = (f, t) => {
           original: a.resizingOriginalEvent,
           // Original event details before resizing.
           overlaps: v.getOverlappingEvents({ start: y, end: D })
-        })), v.start = C === !1 ? (a.resizingLastAcceptedEvent || a.resizingOriginalEvent).start : ((k = a.resizingLastAcceptedEvent) == null ? void 0 : k.start) || y, v.end = C === !1 ? (a.resizingLastAcceptedEvent || a.resizingOriginalEvent).end : ((F = a.resizingLastAcceptedEvent) == null ? void 0 : F.end) || D, v._.duration < 1 && (v.start = a.resizingOriginalEvent.start, v.end = a.resizingOriginalEvent.end), w.isResizingEvent = !1;
+        })), v.start = C === !1 ? (a.resizingLastAcceptedEvent || a.resizingOriginalEvent).start : ((k = a.resizingLastAcceptedEvent) == null ? void 0 : k.start) || y, v.end = C === !1 ? (a.resizingLastAcceptedEvent || a.resizingOriginalEvent).end : ((j = a.resizingLastAcceptedEvent) == null ? void 0 : j.end) || D, v._.duration < 1 && (v.start = a.resizingOriginalEvent.start, v.end = a.resizingOriginalEvent.end), w.isResizingEvent = !1;
       }
       document.removeEventListener(_.type === "touchend" ? "touchmove" : "mousemove", T), a.resizing = !1, a.fromResizer = !1, a.dragging = !1, a.startX = 0, a.startY = 0, a.moveX = 0, a.moveY = 0, a.startPercentageX = 0, a.startPercentageY = 0, a.movePercentageX = 0, a.movePercentageY = 0, a.cellEl = null, a.resizeStartDate = null, a.resizingOriginalEvent = null, a.resizingLastAcceptedEvent = null, a.schedule = null;
     }, X = (_) => {
       const k = new Date(_.start.getFullYear(), _.start.getMonth(), _.start.getDate());
       new Date(k).setDate(k.getDate() + 1);
-      let F = Oe(a.movePercentageY, i);
-      if (F = Math.max(0, Math.min(F, 24 * 60)), i.snapToInterval) {
-        const C = F + i.snapToInterval / 2;
-        F = C - C % i.snapToInterval;
+      let j = Oe(a.movePercentageY, i);
+      if (j = Math.max(0, Math.min(j, 24 * 60)), i.snapToInterval) {
+        const C = j + i.snapToInterval / 2;
+        j = C - C % i.snapToInterval;
       }
-      let y = _.start, D = new Date(k.getTime() + F * 6e4);
+      let y = _.start, D = new Date(k.getTime() + j * 6e4);
       return D < a.resizeStartDate && (y = D, D = a.resizeStartDate), { newStart: y, newEnd: D };
-    }, B = [], U = (_, k, F) => {
-      document.addEventListener(_, k, F), B.push({ event: _, handler: k, options: F });
+    }, B = [], U = (_, k, j) => {
+      document.addEventListener(_, k, j), B.push({ event: _, handler: k, options: j });
     };
     return Ke(() => v._.register(P.value)), Ae(() => {
       v._.unregister();
-      for (const { event: _, handler: k, options: F } of B)
-        document.removeEventListener(_, k, F);
+      for (const { event: _, handler: k, options: j } of B)
+        document.removeEventListener(_, k, j);
     }), (_, k) => (S(), z("div", ne({ class: "vuecal__event" }, We(n.value, !0), {
       ref_key: "eventEl",
       ref: P,
       class: e.value,
       style: E.value,
       draggable: r.value ? "true" : void 0,
-      onDragstart: k[2] || (k[2] = (F) => r.value && $(p).eventDragStart(F, v)),
-      onDragend: k[3] || (k[3] = (F) => r.value && $(p).eventDragEnd(F, v))
+      onDragstart: k[2] || (k[2] = (j) => r.value && $(p).eventDragStart(j, v)),
+      onDragend: k[3] || (k[3] = (j) => r.value && $(p).eventDragEnd(j, v))
     }), [
       ge("div", qt, [
-        _.$slots["event.all-day"] ? j(_.$slots, "event.all-day", {
+        _.$slots["event.all-day"] ? F(_.$slots, "event.all-day", {
           key: 0,
           event: v
-        }) : _.$slots[`event.${$(o).id}`] ? j(_.$slots, `event.${$(o).id}`, {
+        }) : _.$slots[`event.${$(o).id}`] ? F(_.$slots, `event.${$(o).id}`, {
           key: 1,
           event: v
-        }) : j(_.$slots, "event", {
+        }) : F(_.$slots, "event", {
           key: 2,
           event: v
         }, () => [
@@ -1425,7 +1425,7 @@ const st = (f, t) => {
           v._.deleting ? (S(), z("div", {
             key: 0,
             class: "vuecal__event-delete",
-            onClick: k[1] || (k[1] = at((F) => v.delete(3), ["stop"]))
+            onClick: k[1] || (k[1] = at((j) => v.delete(3), ["stop"]))
           }, "Delete")) : q("", !0)
         ]),
         _: 1
@@ -1465,7 +1465,7 @@ const st = (f, t) => {
     // True when the cell is an all-day cell.
   },
   setup(f) {
-    const t = f, i = je("vuecal"), { view: o, config: p, dateUtils: w, eventsManager: O, dnd: c, touch: P } = i, v = Y(() => w.isToday(t.start)), a = ie(null), r = ie([]), x = ie(!1), e = (u) => {
+    const t = f, i = Fe("vuecal"), { view: o, config: p, dateUtils: w, eventsManager: O, dnd: c, touch: P } = i, v = Y(() => w.isToday(t.start)), a = ie(null), r = ie([]), x = ie(!1), e = (u) => {
       r.value.push(u.detail), x.value = !0;
     }, E = () => setTimeout(() => x.value = !1, 300), n = $e({
       dragging: !1,
@@ -1544,7 +1544,7 @@ const st = (f, t) => {
       t.start,
       t.end,
       { excludeIds: r.value, ...p.allDayEvents ? { allDay: t.allDay } : {} }
-    )), k = Y(() => _.value.filter((u) => !u.background)), F = Y(() => {
+    )), k = Y(() => _.value.filter((u) => !u.background)), j = Y(() => {
       var u;
       return (u = p.schedules) == null ? void 0 : u.reduce((H, V) => (H[V.id] = _.value.filter((M) => M.schedule === V.id), H), {});
     }), y = Y(() => {
@@ -1692,7 +1692,7 @@ const st = (f, t) => {
       ref_key: "cellEl",
       ref: a
     }, We(ve.value, !0)), [
-      u.$slots.cell ? j(u.$slots, "cell", {
+      u.$slots.cell ? F(u.$slots, "cell", {
         key: 0,
         cell: G.value
       }) : q("", !0),
@@ -1707,20 +1707,20 @@ const st = (f, t) => {
         style: De(V.style || null),
         "data-schedule": V.id
       }, [
-        u.$slots["cell-events"] ? j(u.$slots, "cell-events", {
+        u.$slots["cell-events"] ? F(u.$slots, "cell-events", {
           key: 0,
           cell: G.value
         }) : q("", !0),
         U.value || u.$slots["cell-date"] ? (S(), z("div", na, [
-          j(u.$slots, "cell-date", { cell: G.value }, () => [
+          F(u.$slots, "cell-date", { cell: G.value }, () => [
             Ge(oe(U.value), 1)
           ])
         ])) : q("", !0),
         u.$slots["cell-content"] ? (S(), z("div", sa, [
-          j(u.$slots, "cell-content", { cell: G.value })
+          F(u.$slots, "cell-content", { cell: G.value })
         ])) : q("", !0),
         u.$slots["cell-events"] && _.value.length ? (S(), z("div", ra, [
-          j(u.$slots, "cell-events", { cell: G.value })
+          F(u.$slots, "cell-events", { cell: G.value })
         ])) : _.value.length || x.value ? (S(), Ee(tt, {
           key: 4,
           class: "vuecal__cell-events",
@@ -1730,7 +1730,7 @@ const st = (f, t) => {
           tag: "div"
         }, {
           default: A(() => [
-            (S(!0), z(ue, null, _e(F.value[V.id], (M) => (S(), Ee(nt, {
+            (S(!0), z(ue, null, _e(j.value[V.id], (M) => (S(), Ee(nt, {
               key: M._.id,
               event: M,
               onEventDeleted: e,
@@ -1740,21 +1740,21 @@ const st = (f, t) => {
               u.$slots["event.all-day"] && t.allDay ? {
                 name: "event.all-day",
                 fn: A((L) => [
-                  j(u.$slots, "event.all-day", ne({ ref_for: !0 }, L))
+                  F(u.$slots, "event.all-day", ne({ ref_for: !0 }, L))
                 ]),
                 key: "0"
               } : void 0,
               u.$slots[`event.${$(o).id}`] ? {
                 name: `event.${$(o).id}`,
                 fn: A((L) => [
-                  j(u.$slots, `event.${$(o).id}`, ne({ ref_for: !0 }, L))
+                  F(u.$slots, `event.${$(o).id}`, ne({ ref_for: !0 }, L))
                 ]),
                 key: "1"
               } : void 0,
               u.$slots.event ? {
                 name: "event",
                 fn: A((L) => [
-                  j(u.$slots, "event", ne({ ref_for: !0 }, L))
+                  F(u.$slots, "event", ne({ ref_for: !0 }, L))
                 ]),
                 key: "2"
               } : void 0
@@ -1769,20 +1769,20 @@ const st = (f, t) => {
         }, oe(h.value.start) + " - " + oe(h.value.end), 5)) : q("", !0)
       ], 14, la))), 128)) : q("", !0),
       !u.$slots.cell && !$(p).schedules ? (S(), z(ue, { key: 3 }, [
-        u.$slots["cell-events"] ? j(u.$slots, "cell-events", {
+        u.$slots["cell-events"] ? F(u.$slots, "cell-events", {
           key: 0,
           cell: G.value
         }) : q("", !0),
         U.value || u.$slots["cell-date"] ? (S(), z("div", oa, [
-          j(u.$slots, "cell-date", { cell: G.value }, () => [
+          F(u.$slots, "cell-date", { cell: G.value }, () => [
             Ge(oe(U.value), 1)
           ])
         ])) : q("", !0),
         u.$slots["cell-content"] ? (S(), z("div", ia, [
-          j(u.$slots, "cell-content", { cell: G.value })
+          F(u.$slots, "cell-content", { cell: G.value })
         ])) : q("", !0),
         u.$slots["cell-events"] && _.value.length ? (S(), z("div", ua, [
-          j(u.$slots, "cell-events", { cell: G.value })
+          F(u.$slots, "cell-events", { cell: G.value })
         ])) : !($(o).isMonth && !$(p).eventsOnMonthView) && !$(o).isYear && !$(o).isYears && (_.value.length || x.value) ? (S(), Ee(tt, {
           key: 4,
           class: "vuecal__cell-events",
@@ -1803,21 +1803,21 @@ const st = (f, t) => {
               u.$slots["event.all-day"] && t.allDay ? {
                 name: "event.all-day",
                 fn: A((M) => [
-                  j(u.$slots, "event.all-day", ne({ ref_for: !0 }, M))
+                  F(u.$slots, "event.all-day", ne({ ref_for: !0 }, M))
                 ]),
                 key: "0"
               } : void 0,
               u.$slots[`event.${$(o).id}`] ? {
                 name: `event.${$(o).id}`,
                 fn: A((M) => [
-                  j(u.$slots, `event.${$(o).id}`, ne({ ref_for: !0 }, M))
+                  F(u.$slots, `event.${$(o).id}`, ne({ ref_for: !0 }, M))
                 ]),
                 key: "1"
               } : void 0,
               u.$slots.event ? {
                 name: "event",
                 fn: A((M) => [
-                  j(u.$slots, "event", ne({ ref_for: !0 }, M))
+                  F(u.$slots, "event", ne({ ref_for: !0 }, M))
                 ]),
                 key: "2"
               } : void 0
@@ -1831,7 +1831,7 @@ const st = (f, t) => {
           style: De(h.value.style)
         }, oe(h.value.start) + " - " + oe(h.value.end), 5)) : q("", !0)
       ], 64)) : q("", !0),
-      u.$slots["event-count"] ? j(u.$slots, "event-count", {
+      u.$slots["event-count"] ? F(u.$slots, "event-count", {
         key: 4,
         events: k.value
       }) : C.value ? (S(), z("div", da, oe(k.value.length), 1)) : q("", !0),
@@ -1863,7 +1863,7 @@ const st = (f, t) => {
 }, _a = {
   __name: "headings-bar",
   setup(f) {
-    const t = je("vuecal"), i = je("$vuecalEl"), { view: o, config: p, dateUtils: w } = t, O = Y(() => p.xs ? "day-xs" : p.sm || o.isDays || o.isMonth ? "day-sm" : "day"), c = Y(() => (o.isDay || o.isDays || o.isWeek || o.isMonth) && !(o.isDay && !p.schedules && !p.allDayEvents)), P = Y(() => o.cellDates.slice(0, o.cols).map(({ start: r }) => ({
+    const t = Fe("vuecal"), i = Fe("$vuecalEl"), { view: o, config: p, dateUtils: w } = t, O = Y(() => p.xs ? "day-xs" : p.sm || o.isDays || o.isMonth ? "day-sm" : "day"), c = Y(() => (o.isDay || o.isDays || o.isWeek || o.isMonth) && !(o.isDay && !p.schedules && !p.allDayEvents)), P = Y(() => o.cellDates.slice(0, o.cols).map(({ start: r }) => ({
       id: Ie[r.getDay()],
       date: r,
       dateNumber: r.getDate(),
@@ -1924,7 +1924,7 @@ const st = (f, t) => {
           key: E,
           onClick: (n) => v.click(e.date)
         }, [
-          j(r.$slots, "weekday-heading", {
+          F(r.$slots, "weekday-heading", {
             label: e[O.value],
             id: e.id,
             date: e.date
@@ -1941,7 +1941,7 @@ const st = (f, t) => {
               key: 0,
               class: me(["vuecal__schedule vuecal__schedule--heading", n.class])
             }, [
-              j(r.$slots, "schedule-heading", {
+              F(r.$slots, "schedule-heading", {
                 schedule: n,
                 view: $(o)
               })
@@ -1965,13 +1965,13 @@ const st = (f, t) => {
           r.$slots["event.all-day"] ? {
             name: "event.all-day",
             fn: A((n) => [
-              j(r.$slots, "event.all-day", ne({ ref_for: !0 }, n))
+              F(r.$slots, "event.all-day", ne({ ref_for: !0 }, n))
             ]),
             key: "0"
           } : {
             name: "event",
             fn: A((n) => [
-              j(r.$slots, "event", ne({ ref_for: !0 }, n))
+              F(r.$slots, "event", ne({ ref_for: !0 }, n))
             ]),
             key: "1"
           }
@@ -1990,7 +1990,7 @@ const st = (f, t) => {
 }, ba = {
   __name: "time-column",
   setup(f) {
-    const t = je("vuecal"), { config: i, texts: o } = t, p = Y(() => {
+    const t = Fe("vuecal"), { config: i, texts: o } = t, p = Y(() => {
       const w = [];
       for (let O = i.timeFrom; O < i.timeTo; O += i.timeStep) {
         const c = O + i.timeStep > i.timeTo, P = ~~(O / 60), v = O % 60, a = o[O < 720 ? "am" : "pm"];
@@ -2009,7 +2009,7 @@ const st = (f, t) => {
     });
     return (w, O) => (S(), z("div", wa, [
       $(i).allDayEvents ? (S(), z("div", ka, [
-        j(w.$slots, "all-day-label", {}, () => [
+        F(w.$slots, "all-day-label", {}, () => [
           Ge(oe($(t).texts.allDay), 1)
         ])
       ])) : q("", !0),
@@ -2018,7 +2018,7 @@ const st = (f, t) => {
         key: P,
         style: De({ height: c.height || null })
       }, [
-        j(w.$slots, "time-cell", {
+        F(w.$slots, "time-cell", {
           index: P,
           minutes: c.minutes,
           hours: c.hours,
@@ -2034,7 +2034,7 @@ const st = (f, t) => {
 }, $a = {
   __name: "body",
   setup(f) {
-    const t = je("vuecal"), { view: i, config: o, dateUtils: p } = t, w = ie(null), O = ie(null), c = Y(() => ({
+    const t = Fe("vuecal"), { view: i, config: o, dateUtils: p } = t, w = ie(null), O = ie(null), c = Y(() => ({
       "--vuecal-grid-columns": i.cols,
       "--vuecal-grid-rows": i.rows
     })), P = Y(() => {
@@ -2082,56 +2082,56 @@ const st = (f, t) => {
         r.$slots.cell ? {
           name: "cell",
           fn: A((n) => [
-            j(r.$slots, "cell", ne({ ref_for: !0 }, n))
+            F(r.$slots, "cell", ne({ ref_for: !0 }, n))
           ]),
           key: "0"
         } : void 0,
         r.$slots["cell-date"] ? {
           name: "cell-date",
           fn: A((n) => [
-            j(r.$slots, "cell-date", ne({ ref_for: !0 }, n))
+            F(r.$slots, "cell-date", ne({ ref_for: !0 }, n))
           ]),
           key: "1"
         } : void 0,
         r.$slots["cell-content"] ? {
           name: "cell-content",
           fn: A((n) => [
-            j(r.$slots, "cell-content", ne({ ref_for: !0 }, n))
+            F(r.$slots, "cell-content", ne({ ref_for: !0 }, n))
           ]),
           key: "2"
         } : void 0,
         r.$slots["cell-events"] ? {
           name: "cell-events",
           fn: A((n) => [
-            j(r.$slots, "cell-events", ne({ ref_for: !0 }, n))
+            F(r.$slots, "cell-events", ne({ ref_for: !0 }, n))
           ]),
           key: "3"
         } : void 0,
         r.$slots[`event.${$(i).id}`] ? {
           name: `event.${$(i).id}`,
           fn: A((n) => [
-            j(r.$slots, `event.${$(i).id}`, ne({ ref_for: !0 }, n))
+            F(r.$slots, `event.${$(i).id}`, ne({ ref_for: !0 }, n))
           ]),
           key: "4"
         } : void 0,
         r.$slots["event.all-day"] ? {
           name: "event.all-day",
           fn: A((n) => [
-            j(r.$slots, "event.all-day", ne({ ref_for: !0 }, n))
+            F(r.$slots, "event.all-day", ne({ ref_for: !0 }, n))
           ]),
           key: "5"
         } : void 0,
         r.$slots.event ? {
           name: "event",
           fn: A((n) => [
-            j(r.$slots, "event", ne({ ref_for: !0 }, n))
+            F(r.$slots, "event", ne({ ref_for: !0 }, n))
           ]),
           key: "6"
         } : void 0,
         r.$slots["event-count"] ? {
           name: "event-count",
           fn: A((n) => [
-            j(r.$slots, "event-count", ne({ ref_for: !0 }, n))
+            F(r.$slots, "event-count", ne({ ref_for: !0 }, n))
           ]),
           key: "7"
         } : void 0
@@ -2197,7 +2197,7 @@ const st = (f, t) => {
       "data-locale": s.locale,
       style: De(E.value)
     }, [
-      s.$slots.diy ? j(s.$slots, "diy", {
+      s.$slots.diy ? F(s.$slots, "diy", {
         key: 0,
         vuecal: $(O)
       }) : (S(), z(ue, { key: 1 }, [
@@ -2205,84 +2205,84 @@ const st = (f, t) => {
           s.$slots.header ? {
             name: "header",
             fn: A((h) => [
-              j(s.$slots, "header", J(ee(h)))
+              F(s.$slots, "header", J(ee(h)))
             ]),
             key: "0"
           } : void 0,
           !s.$slots.header && s.$slots["previous-button"] ? {
             name: "previous-button",
             fn: A((h) => [
-              j(s.$slots, "previous-button", J(ee(h)))
+              F(s.$slots, "previous-button", J(ee(h)))
             ]),
             key: "1"
           } : void 0,
           !s.$slots.header && s.$slots["next-button"] ? {
             name: "next-button",
             fn: A((h) => [
-              j(s.$slots, "next-button", J(ee(h)))
+              F(s.$slots, "next-button", J(ee(h)))
             ]),
             key: "2"
           } : void 0,
           !s.$slots.header && s.$slots["today-button"] ? {
             name: "today-button",
             fn: A((h) => [
-              j(s.$slots, "today-button", J(ee(h)))
+              F(s.$slots, "today-button", J(ee(h)))
             ]),
             key: "3"
           } : void 0,
           !s.$slots.header && s.$slots.title ? {
             name: "title",
             fn: A((h) => [
-              j(s.$slots, "title", J(ee(h)))
+              F(s.$slots, "title", J(ee(h)))
             ]),
             key: "4"
           } : void 0,
           !s.$slots.header && s.$slots["title.day"] ? {
             name: "title.day",
             fn: A((h) => [
-              j(s.$slots, "title.day", J(ee(h)))
+              F(s.$slots, "title.day", J(ee(h)))
             ]),
             key: "5"
           } : void 0,
           !s.$slots.header && s.$slots["title.days"] ? {
             name: "title.days",
             fn: A((h) => [
-              j(s.$slots, "title.days", J(ee(h)))
+              F(s.$slots, "title.days", J(ee(h)))
             ]),
             key: "6"
           } : void 0,
           !s.$slots.header && s.$slots["title.week"] ? {
             name: "title.week",
             fn: A((h) => [
-              j(s.$slots, "title.week", J(ee(h)))
+              F(s.$slots, "title.week", J(ee(h)))
             ]),
             key: "7"
           } : void 0,
           !s.$slots.header && s.$slots["title.month"] ? {
             name: "title.month",
             fn: A((h) => [
-              j(s.$slots, "title.month", J(ee(h)))
+              F(s.$slots, "title.month", J(ee(h)))
             ]),
             key: "8"
           } : void 0,
           !s.$slots.header && s.$slots["title.year"] ? {
             name: "title.year",
             fn: A((h) => [
-              j(s.$slots, "title.year", J(ee(h)))
+              F(s.$slots, "title.year", J(ee(h)))
             ]),
             key: "9"
           } : void 0,
           !s.$slots.header && s.$slots["title.years"] ? {
             name: "title.years",
             fn: A((h) => [
-              j(s.$slots, "title.years", J(ee(h)))
+              F(s.$slots, "title.years", J(ee(h)))
             ]),
             key: "10"
           } : void 0,
           !s.$slots.header && s.$slots["schedule-heading"] ? {
             name: "schedule-heading",
             fn: A((h) => [
-              j(s.$slots, "schedule-heading", J(ee(h)))
+              F(s.$slots, "schedule-heading", J(ee(h)))
             ]),
             key: "11"
           } : void 0
@@ -2300,14 +2300,14 @@ const st = (f, t) => {
                   s.$slots["time-cell"] ? {
                     name: "time-cell",
                     fn: A((h) => [
-                      j(s.$slots, "time-cell", J(ee(h)))
+                      F(s.$slots, "time-cell", J(ee(h)))
                     ]),
                     key: "0"
                   } : void 0
                 ]), 1024)) : q("", !0),
                 $(c).weekNumbers && $(P).isMonth ? (S(), z("div", Ya, [
                   (S(!0), z(ue, null, _e(x.value, (h) => (S(), z("div", Ea, [
-                    j(s.$slots, "week-number", {}, () => [
+                    F(s.$slots, "week-number", {}, () => [
                       ge("small", null, oe(h), 1)
                     ])
                   ]))), 256))
@@ -2317,28 +2317,28 @@ const st = (f, t) => {
                     s.$slots["weekday-heading"] ? {
                       name: "weekday-heading",
                       fn: A((h) => [
-                        j(s.$slots, "weekday-heading", J(ee(h)))
+                        F(s.$slots, "weekday-heading", J(ee(h)))
                       ]),
                       key: "0"
                     } : void 0,
                     s.$slots["schedule-heading"] ? {
                       name: "schedule-heading",
                       fn: A((h) => [
-                        j(s.$slots, "schedule-heading", J(ee(h)))
+                        F(s.$slots, "schedule-heading", J(ee(h)))
                       ]),
                       key: "1"
                     } : void 0,
                     s.$slots["event.all-day"] ? {
                       name: "event.all-day",
                       fn: A((h) => [
-                        j(s.$slots, "event.all-day", J(ee(h)))
+                        F(s.$slots, "event.all-day", J(ee(h)))
                       ]),
                       key: "2"
                     } : void 0,
                     s.$slots.event ? {
                       name: "event",
                       fn: A((h) => [
-                        j(s.$slots, "event", J(ee(h)))
+                        F(s.$slots, "event", J(ee(h)))
                       ]),
                       key: "3"
                     } : void 0
@@ -2347,56 +2347,56 @@ const st = (f, t) => {
                     s.$slots.cell ? {
                       name: "cell",
                       fn: A((h) => [
-                        j(s.$slots, "cell", J(ee(h)))
+                        F(s.$slots, "cell", J(ee(h)))
                       ]),
                       key: "0"
                     } : void 0,
                     !s.$slots.cell && s.$slots["cell-date"] ? {
                       name: "cell-date",
                       fn: A((h) => [
-                        j(s.$slots, "cell-date", J(ee(h)))
+                        F(s.$slots, "cell-date", J(ee(h)))
                       ]),
                       key: "1"
                     } : void 0,
                     !s.$slots.cell && s.$slots["cell-content"] ? {
                       name: "cell-content",
                       fn: A((h) => [
-                        j(s.$slots, "cell-content", J(ee(h)))
+                        F(s.$slots, "cell-content", J(ee(h)))
                       ]),
                       key: "2"
                     } : void 0,
                     !s.$slots.cell && s.$slots["cell-events"] ? {
                       name: "cell-events",
                       fn: A((h) => [
-                        j(s.$slots, "cell-events", J(ee(h)))
+                        F(s.$slots, "cell-events", J(ee(h)))
                       ]),
                       key: "3"
                     } : void 0,
                     !s.$slots.cell && !s.$slots["cell-events"] && s.$slots["event.all-day"] ? {
                       name: "event.all-day",
                       fn: A((h) => [
-                        j(s.$slots, "event.all-day", J(ee(h)))
+                        F(s.$slots, "event.all-day", J(ee(h)))
                       ]),
                       key: "4"
                     } : void 0,
                     !s.$slots.cell && !s.$slots["cell-events"] && s.$slots[`event.${$(P).id}`] ? {
                       name: `event.${$(P).id}`,
                       fn: A((h) => [
-                        j(s.$slots, `event.${$(P).id}`, J(ee(h)))
+                        F(s.$slots, `event.${$(P).id}`, J(ee(h)))
                       ]),
                       key: "5"
                     } : void 0,
                     !s.$slots.cell && !s.$slots["cell-events"] && s.$slots.event ? {
                       name: "event",
                       fn: A((h) => [
-                        j(s.$slots, "event", J(ee(h)))
+                        F(s.$slots, "event", J(ee(h)))
                       ]),
                       key: "6"
                     } : void 0,
                     !s.$slots.cell && s.$slots["event-count"] ? {
                       name: "event-count",
                       fn: A((h) => [
-                        j(s.$slots, "event-count", J(ee(h)))
+                        F(s.$slots, "event-count", J(ee(h)))
                       ]),
                       key: "7"
                     } : void 0
@@ -2447,7 +2447,7 @@ const st = (f, t) => {
   emits: ["ready", "update", "eventClick", "chooseDate"],
   setup(f, { emit: t }) {
     St((w) => ({
-      "9fac8070": p.value
+      c7c040d8: p.value
     }));
     const i = f, o = t, p = Y(() => i.height ? `${i.height}px` : "500px");
     return (w, O) => (S(), z("div", {
@@ -2463,8 +2463,8 @@ const st = (f, t) => {
         minDate: i.minDate,
         locale: i.lang,
         todayButton: !1,
-        onReady: O[0] || (O[0] = (c) => o("ready", c)),
-        onViewChange: O[1] || (O[1] = (c) => o("update", c)),
+        onReady: O[0] || (O[0] = (c) => o("ready", { dateFrom: c?.view?.firstCellDate, dateTo: c?.view?.lastCellDate })),
+        onViewChange: O[1] || (O[1] = (c) => o("update", { dateFrom: c?.extendedStart, dateTo: c?.extendedEnd })),
         "onEvent:click": O[2] || (O[2] = (c) => o("eventClick", c)),
         "onCell:click": O[3] || (O[3] = (c) => o("chooseDate", c))
       }, {
@@ -2481,9 +2481,9 @@ const st = (f, t) => {
 }), Va = "_container_1xv8u_1", Ha = "_title_1xv8u_5", Oa = {
   container: Va,
   title: Ha
-}, ja = {
+}, Fa = {
   $style: Oa
-}, ul = /* @__PURE__ */ Ct(xa, [["__cssModules", ja]]);
+}, ul = /* @__PURE__ */ Ct(xa, [["__cssModules", Fa]]);
 export {
   ul as default
 };

package/dist/UiCalendar/interface/index.d.ts

@@ -6,7 +6,17 @@ export interface ICalendarEvent<T> {
     content: T[];
     color?: string;
 }
+export interface ICalendarReady {
+    view: {
+        firstCellDate: string;
+        lastCellDate: string;
+    };
+}
 export interface ICalendarUpdate {
-    firstCellDate: string;
-    lastCellDate: string;
+    extendedStart: string;
+    extendedEnd: string;
+}
+export interface ICalendarDates {
+    dateFrom: string;
+    dateTo: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "Mhz ui kit",
-  "version": "1.1.39",
+  "version": "1.1.40",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",