calkit 0.1.0

package/dist/calkit.umd.js

@@ -0,0 +1,2164 @@
+(function(fe,be){typeof exports=="object"&&typeof module<"u"?be(exports):typeof define=="function"&&define.amd?define(["exports"],be):(fe=typeof globalThis<"u"?globalThis:fe||self,be(fe.CalKit={}))})(this,(function(fe){"use strict";class be extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._initialized=!1}static get styles(){return[]}connectedCallback(){this._initialized||(this._adoptStyles(),this._initialized=!0),this.render()}_adoptStyles(){const e=this.constructor.styles;if(e.length)if("adoptedStyleSheets"in this.shadowRoot)this.shadowRoot.adoptedStyleSheets=e.map(a=>{if(a instanceof CSSStyleSheet)return a;const t=new CSSStyleSheet;return t.replaceSync(a),t});else for(const a of e){const t=document.createElement("style");t.textContent=a instanceof CSSStyleSheet?"":a,this.shadowRoot.prepend(t)}}render(){}emit(e,a={}){this.dispatchEvent(new CustomEvent(e,{detail:a,bubbles:!0,composed:!0}))}showStatus(e,a,t={}){if(!this._store)return;const{autoDismiss:s,dismissible:i=!0}=t;clearTimeout(this._statusTimer),this._store.set({statusType:e,statusMessage:a,statusDismissible:i}),this.emit("cal:status",{type:e,message:a}),s&&s>0&&(this._statusTimer=setTimeout(()=>this.clearStatus(),s))}clearStatus(){this._store&&(clearTimeout(this._statusTimer),this._store.set({statusType:null,statusMessage:null,statusDismissible:!0}),this.emit("cal:status",{type:null,message:null}))}$(e){return this.shadowRoot.querySelector(e)}$$(e){return this.shadowRoot.querySelectorAll(e)}}function De(n){let e={...n};const a=new Set;return{get(t){return e[t]},set(t){const s=e;e={...e,...t};let i=!1;for(const l of Object.keys(t))if(s[l]!==e[l]){i=!0;break}if(i)for(const l of a)l(e,s)},getState(){return e},subscribe(t){return a.add(t),()=>a.delete(t)}}}const se=["January","February","March","April","May","June","July","August","September","October","November","December"],kt=["Su","Mo","Tu","We","Th","Fr","Sa"],wt=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Et=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];function We(n,e="short"){const a=W(n);return a?e==="long"?wt[a.getDay()]:Et[a.getDay()]:""}function Xe(n=0){const e=[];for(let a=0;a<7;a++)e.push(kt[(n+a)%7]);return e}function Ge(n,e){return new Date(n,e+1,0).getDate()}function Lt(n,e){return new Date(n,e,1).getDay()}function Z(n){if(typeof n=="string")return n;const e=n instanceof Date?n:new Date(n.year,n.month,n.day),a=e.getFullYear(),t=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getDate()).padStart(2,"0");return`${a}-${t}-${s}`}function W(n){if(!n)return null;if(n instanceof Date)return n;if(typeof n=="string"){const[e,a,t]=n.split("-").map(Number);return!e||!a||!t?null:new Date(e,a-1,t)}return null}function re(n,e){if(!n||!e)return!1;const a=W(n),t=W(e);return!a||!t?!1:a.getFullYear()===t.getFullYear()&&a.getMonth()===t.getMonth()&&a.getDate()===t.getDate()}function Ct(n,e,a){if(!n||!e||!a)return!1;const t=W(n),s=W(e),i=W(a);if(!t||!s||!i)return!1;const l=t.getTime(),r=Math.min(s.getTime(),i.getTime()),o=Math.max(s.getTime(),i.getTime());return l>=r&&l<=o}function ue(){return Z(new Date)}function pe(n,e,a){const t=new Date(n,e+a,1);return{year:t.getFullYear(),month:t.getMonth()}}function ye(n,e){const a=W(n);return a?(a.setDate(a.getDate()+e),Z(a)):n}function Ke(n,e,a=0){const t=Ge(n,e),i=(Lt(n,e)-a+7)%7,l=[],r=ue(),o=pe(n,e,-1),h=Ge(o.year,o.month);for(let g=i-1;g>=0;g--){const u=h-g,p=Z({year:o.year,month:o.month,day:u});l.push({year:o.year,month:o.month,day:u,dateString:p,isCurrentMonth:!1,isToday:p===r})}for(let g=1;g<=t;g++){const u=Z({year:n,month:e,day:g});l.push({year:n,month:e,day:g,dateString:u,isCurrentMonth:!0,isToday:u===r})}const c=pe(n,e,1);let d=1;for(;l.length<42;){const g=Z({year:c.year,month:c.month,day:d});l.push({year:c.year,month:c.month,day:d,dateString:g,isCurrentMonth:!1,isToday:g===r}),d++}return l}const Se=`
+  :host {
+    /* Light theme (default) */
+    --cal-bg: 0 0% 100%;
+    --cal-bg-muted: 240 5% 96%;
+    --cal-fg: 240 6% 10%;
+    --cal-fg-muted: 240 4% 46%;
+    --cal-border: 240 6% 90%;
+    --cal-accent: 240 6% 10%;
+    --cal-accent-fg: 0 0% 100%;
+    --cal-accent-subtle: 240 5% 96%;
+    --cal-hover: 240 5% 93%;
+    --cal-ring: 240 6% 10%;
+    --cal-radius: 8px;
+    --cal-radius-sm: 6px;
+    --cal-cell-size: 36px;
+    --cal-transition: 150ms ease;
+
+    /* Booking color palette (softer / less saturated) */
+    --cal-booking-blue-bg: 217 55% 94%;
+    --cal-booking-blue-fg: 217 60% 35%;
+    --cal-booking-green-bg: 152 45% 93%;
+    --cal-booking-green-fg: 152 55% 28%;
+    --cal-booking-red-bg: 4 50% 94%;
+    --cal-booking-red-fg: 4 55% 40%;
+    --cal-booking-orange-bg: 30 55% 93%;
+    --cal-booking-orange-fg: 30 60% 35%;
+    --cal-booking-gray-bg: 240 8% 94%;
+    --cal-booking-gray-fg: 240 8% 38%;
+
+    /* Booking hover tokens */
+    --cal-booking-blue-hover: 217 55% 88%;
+    --cal-booking-green-hover: 152 45% 87%;
+    --cal-booking-red-hover: 4 50% 88%;
+    --cal-booking-orange-hover: 30 55% 87%;
+    --cal-booking-gray-hover: 240 8% 88%;
+
+    /* Scheduler tokens */
+    --cal-sched-grid-line: 240 6% 94%;
+    --cal-sched-now-line: 4 70% 55%;
+    --cal-sched-slot-hover: 240 5% 97%;
+    --cal-sched-header-bg: 240 5% 98%;
+
+    /* Status tokens */
+    --cal-status-error-bg: 4 50% 95%;
+    --cal-status-error-fg: 4 55% 40%;
+    --cal-status-error-border: 4 50% 85%;
+    --cal-status-warning-bg: 40 55% 95%;
+    --cal-status-warning-fg: 40 60% 35%;
+    --cal-status-warning-border: 40 50% 85%;
+    --cal-status-info-bg: 217 55% 95%;
+    --cal-status-info-fg: 217 60% 35%;
+    --cal-status-info-border: 217 50% 85%;
+    --cal-status-success-bg: 152 45% 95%;
+    --cal-status-success-fg: 152 55% 28%;
+    --cal-status-success-border: 152 45% 85%;
+  }
+
+  :host([theme="dark"]) {
+    --cal-bg: 240 6% 10%;
+    --cal-bg-muted: 240 4% 16%;
+    --cal-fg: 0 0% 98%;
+    --cal-fg-muted: 240 4% 54%;
+    --cal-border: 240 4% 20%;
+    --cal-accent: 0 0% 98%;
+    --cal-accent-fg: 240 6% 10%;
+    --cal-accent-subtle: 240 4% 16%;
+    --cal-hover: 240 4% 20%;
+    --cal-ring: 0 0% 98%;
+
+    --cal-booking-blue-bg: 217 50% 25%;
+    --cal-booking-blue-fg: 217 80% 75%;
+    --cal-booking-green-bg: 142 40% 22%;
+    --cal-booking-green-fg: 142 70% 70%;
+    --cal-booking-red-bg: 4 45% 25%;
+    --cal-booking-red-fg: 4 70% 75%;
+    --cal-booking-orange-bg: 30 45% 25%;
+    --cal-booking-orange-fg: 30 80% 75%;
+    --cal-booking-gray-bg: 240 5% 22%;
+    --cal-booking-gray-fg: 240 5% 65%;
+
+    --cal-booking-blue-hover: 217 50% 30%;
+    --cal-booking-green-hover: 142 40% 27%;
+    --cal-booking-red-hover: 4 45% 30%;
+    --cal-booking-orange-hover: 30 45% 30%;
+    --cal-booking-gray-hover: 240 5% 27%;
+
+    --cal-sched-grid-line: 240 4% 18%;
+    --cal-sched-now-line: 4 55% 55%;
+    --cal-sched-slot-hover: 240 4% 14%;
+    --cal-sched-header-bg: 240 5% 12%;
+
+    --cal-status-error-bg: 4 45% 20%;
+    --cal-status-error-fg: 4 70% 75%;
+    --cal-status-error-border: 4 45% 30%;
+    --cal-status-warning-bg: 40 45% 20%;
+    --cal-status-warning-fg: 40 80% 75%;
+    --cal-status-warning-border: 40 45% 30%;
+    --cal-status-info-bg: 217 50% 20%;
+    --cal-status-info-fg: 217 80% 75%;
+    --cal-status-info-border: 217 50% 30%;
+    --cal-status-success-bg: 152 40% 18%;
+    --cal-status-success-fg: 152 70% 70%;
+    --cal-status-success-border: 152 40% 28%;
+  }
+
+  :host([theme="auto"]) {
+    --cal-bg: 0 0% 100%;
+    --cal-bg-muted: 240 5% 96%;
+    --cal-fg: 240 6% 10%;
+    --cal-fg-muted: 240 4% 46%;
+    --cal-border: 240 6% 90%;
+    --cal-accent: 240 6% 10%;
+    --cal-accent-fg: 0 0% 100%;
+    --cal-accent-subtle: 240 5% 96%;
+    --cal-hover: 240 5% 93%;
+    --cal-ring: 240 6% 10%;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :host([theme="auto"]) {
+      --cal-bg: 240 6% 10%;
+      --cal-bg-muted: 240 4% 16%;
+      --cal-fg: 0 0% 98%;
+      --cal-fg-muted: 240 4% 54%;
+      --cal-border: 240 4% 20%;
+      --cal-accent: 0 0% 98%;
+      --cal-accent-fg: 240 6% 10%;
+      --cal-accent-subtle: 240 4% 16%;
+      --cal-hover: 240 4% 20%;
+      --cal-ring: 0 0% 98%;
+
+      --cal-booking-blue-bg: 217 50% 25%;
+      --cal-booking-blue-fg: 217 80% 75%;
+      --cal-booking-green-bg: 142 40% 22%;
+      --cal-booking-green-fg: 142 70% 70%;
+      --cal-booking-red-bg: 4 45% 25%;
+      --cal-booking-red-fg: 4 70% 75%;
+      --cal-booking-orange-bg: 30 45% 25%;
+      --cal-booking-orange-fg: 30 80% 75%;
+      --cal-booking-gray-bg: 240 5% 22%;
+      --cal-booking-gray-fg: 240 5% 65%;
+
+      --cal-booking-blue-hover: 217 50% 30%;
+      --cal-booking-green-hover: 142 40% 27%;
+      --cal-booking-red-hover: 4 45% 30%;
+      --cal-booking-orange-hover: 30 45% 30%;
+      --cal-booking-gray-hover: 240 5% 27%;
+
+      --cal-sched-grid-line: 240 4% 18%;
+      --cal-sched-now-line: 4 55% 55%;
+      --cal-sched-slot-hover: 240 4% 14%;
+      --cal-sched-header-bg: 240 5% 12%;
+
+      --cal-status-error-bg: 4 45% 20%;
+      --cal-status-error-fg: 4 70% 75%;
+      --cal-status-error-border: 4 45% 30%;
+      --cal-status-warning-bg: 40 45% 20%;
+      --cal-status-warning-fg: 40 80% 75%;
+      --cal-status-warning-border: 40 45% 30%;
+      --cal-status-info-bg: 217 50% 20%;
+      --cal-status-info-fg: 217 80% 75%;
+      --cal-status-info-border: 217 50% 30%;
+      --cal-status-success-bg: 152 40% 18%;
+      --cal-status-success-fg: 152 70% 70%;
+      --cal-status-success-border: 152 40% 28%;
+    }
+  }
+`,Te=`
+  :host {
+    display: inline-block;
+    font-family: inherit;
+    font-size: 14px;
+    line-height: 1.5;
+    color: hsl(var(--cal-fg));
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  :host([display="inline"]) {
+    display: inline-block;
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  button {
+    font: inherit;
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  button:focus-visible {
+    outline: 2px solid hsl(var(--cal-ring));
+    outline-offset: 2px;
+    border-radius: var(--cal-radius-sm);
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`,Me=`
+  @keyframes cal-fade-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
+  }
+
+  @keyframes cal-slide-up {
+    from {
+      opacity: 0;
+      transform: translateY(4px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes cal-slide-left {
+    from {
+      opacity: 0;
+      transform: translateX(16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes cal-slide-right {
+    from {
+      opacity: 0;
+      transform: translateX(-16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  .cal-animate-fade { animation: cal-fade-in 150ms cubic-bezier(0.16, 1, 0.3, 1); }
+  .cal-animate-slide-up { animation: cal-slide-up 200ms cubic-bezier(0.16, 1, 0.3, 1); }
+  .cal-animate-slide-left { animation: cal-slide-left 200ms cubic-bezier(0.16, 1, 0.3, 1); }
+  .cal-animate-slide-right { animation: cal-slide-right 200ms cubic-bezier(0.16, 1, 0.3, 1); }
+
+  @keyframes cal-shimmer {
+    0% { background-position: -200% 0; }
+    100% { background-position: 200% 0; }
+  }
+
+  .cal-skeleton {
+    background: linear-gradient(
+      90deg,
+      hsl(var(--cal-bg-muted)) 25%,
+      hsl(var(--cal-hover)) 50%,
+      hsl(var(--cal-bg-muted)) 75%
+    );
+    background-size: 200% 100%;
+    animation: cal-shimmer 1.5s infinite ease-in-out;
+    border-radius: 999px;
+  }
+
+  .cal-skeleton--rect {
+    border-radius: var(--cal-radius-sm);
+  }
+`,Ue={blue:{bg:"var(--cal-booking-blue-bg)",fg:"var(--cal-booking-blue-fg)",hover:"var(--cal-booking-blue-hover)"},green:{bg:"var(--cal-booking-green-bg)",fg:"var(--cal-booking-green-fg)",hover:"var(--cal-booking-green-hover)"},red:{bg:"var(--cal-booking-red-bg)",fg:"var(--cal-booking-red-fg)",hover:"var(--cal-booking-red-hover)"},orange:{bg:"var(--cal-booking-orange-bg)",fg:"var(--cal-booking-orange-fg)",hover:"var(--cal-booking-orange-hover)"},gray:{bg:"var(--cal-booking-gray-bg)",fg:"var(--cal-booking-gray-fg)",hover:"var(--cal-booking-gray-hover)"}},xe="blue";function we(n){return Ue[n]||Ue[xe]}function Dt(n,e=[],a={},t=null){const s=e.find(p=>p.end===n),i=e.find(p=>p.start===n),l=e.find(p=>p.start<n&&p.end>n);let r="available",o=null,h=!1,c=null,d=null,g=null;s&&i?(r="half-day",h=!0,c=we(s.color||xe),d=we(i.color||xe)):l?(r="booked",g=we(l.color||xe)):i&&!s?(r="checkin-only",d=we(i.color||xe)):s&&!i&&(r="checkout-only",c=we(s.color||xe));const u=a[n];if(u&&(u.status&&(r=u.status),u.label!==void 0&&(o=u.label)),t){const p=t(n);p&&(p.status&&(r=p.status),p.label!==void 0&&(o=p.label))}return{status:r,label:o,checkoutBooking:s,checkinBooking:i,halfDay:h,colorOut:c,colorIn:d,colorFull:g}}function Ve(n,e,a=[]){if(!n||!e)return!0;const t=n<e?n:e,s=n<e?e:n;for(const i of a)if(t<i.end&&s>i.start)return!1;return!0}function St(n,e,a=[]){return!n||!e?!1:!Ve(n,e,a)}function Je(n){const{year:e,month:a,firstDay:t=0,selectedDates:s=[],rangeStart:i,rangeEnd:l,hoverDate:r,minDate:o,maxDate:h,disabledDates:c=[],mode:d="single",focusedDate:g,onSelect:u,onHover:p,bookings:_=null,dayData:m=null,labelFormula:v=null,showLabelsOnHover:C=!1}=n,k=_!==null,S=document.createElement("div");S.setAttribute("role","grid"),S.classList.add("cal-grid");const B=document.createElement("div");B.setAttribute("role","row"),B.classList.add("cal-weekdays");for(const M of Xe(t)){const x=document.createElement("div");x.setAttribute("role","columnheader"),x.setAttribute("aria-label",M),x.classList.add("cal-weekday"),x.textContent=M,B.appendChild(x)}S.appendChild(B);const V=Ke(e,a,t),O=d==="range"&&i&&!l&&r||k&&i&&!l&&r?r:l,N=k?St(i,r,_):!1;let I;return V.forEach((M,x)=>{x%7===0&&(I=document.createElement("div"),I.setAttribute("role","row"),I.classList.add("cal-row"),S.appendChild(I));const f=document.createElement("button");f.setAttribute("role","gridcell"),f.setAttribute("part","day"),f.classList.add("cal-day");const F=M.dateString;f.dataset.date=F;const R=new Date(M.year,M.month,M.day);f.setAttribute("aria-label",R.toLocaleDateString("en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric"})),M.isCurrentMonth||f.classList.add("cal-day--outside"),M.isToday&&f.classList.add("cal-day--today");let L=null,y=!1;if(k){L=Dt(F,_,m||{},v);const{status:E,label:Y,halfDay:X,colorOut:$,colorIn:T,colorFull:z}=L;if(E==="booked"&&(f.classList.add("cal-day--booked"),z&&(f.style.setProperty("--booking-bg",`hsl(${z.bg})`),f.style.setProperty("--booking-fg",`hsl(${z.fg})`),f.style.setProperty("--booking-hover",`hsl(${z.hover})`)),y=!0),E==="blocked"&&(f.classList.add("cal-day--blocked"),y=!0),X&&(f.classList.add("cal-day--half-day"),$&&f.style.setProperty("--half-day-color-out",`hsl(${$.bg})`),T&&f.style.setProperty("--half-day-color-in",`hsl(${T.bg})`),y=!0),E==="checkout-only"&&(f.classList.add("cal-day--checkout-only"),$&&f.style.setProperty("--half-day-color-out",`hsl(${$.bg})`)),E==="checkin-only"&&(f.classList.add("cal-day--checkin-only"),T&&f.style.setProperty("--half-day-color-in",`hsl(${T.bg})`)),C){let q=null;if(X&&L.checkoutBooking&&L.checkinBooking)q=`${L.checkoutBooking.label||""} / ${L.checkinBooking.label||""}`;else if(E==="booked"){const Q=_.find(ke=>ke.start<=F&&ke.end>F);Q&&(q=Q.label)}else E==="checkout-only"&&L.checkoutBooking?q=L.checkoutBooking.label:E==="checkin-only"&&L.checkinBooking&&(q=L.checkinBooking.label);q&&f.setAttribute("data-booking-label",q)}if(N&&i&&!l&&r){const q=i<r?i:r,Q=i<r?r:i;F>=q&&F<=Q&&f.classList.add("cal-day--invalid-range")}}if(k?i&&l&&(re(F,i)||re(F,l))?(f.classList.add("cal-day--selected"),f.setAttribute("aria-selected","true")):f.setAttribute("aria-selected","false"):s.some(Y=>re(Y,F))?(f.classList.add("cal-day--selected"),f.setAttribute("aria-selected","true")):f.setAttribute("aria-selected","false"),(d==="range"||k)&&i&&O){const E=re(F,i),Y=re(F,O),X=Ct(F,i,O);E&&f.classList.add("cal-day--range-start"),Y&&f.classList.add("cal-day--range-end"),X&&!E&&!Y&&f.classList.add("cal-day--in-range")}const K=Tt(F,o,h,c)||y;if(K&&(f.classList.add("cal-day--disabled"),f.disabled=!0,f.setAttribute("aria-disabled","true")),g&&re(F,g)?f.setAttribute("tabindex","0"):f.setAttribute("tabindex","-1"),k&&L&&L.label!=null){f.classList.add("cal-day--with-label");const E=document.createElement("span");E.classList.add("cal-day__number"),E.textContent=M.day,f.appendChild(E);const Y=document.createElement("span");Y.classList.add("cal-day__label"),Y.textContent=L.label,f.appendChild(Y)}else f.textContent=M.day;K?k&&f.addEventListener("mouseenter",()=>p==null?void 0:p(F)):(f.addEventListener("click",()=>u==null?void 0:u(F)),f.addEventListener("mouseenter",()=>p==null?void 0:p(F))),I.appendChild(f)}),S.addEventListener("mouseleave",()=>p==null?void 0:p(null)),S}function Tt(n,e,a,t){return!!(t.includes(n)||e&&n<e||a&&n>a)}const Ze=`
+  .cal-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .cal-weekdays {
+    display: grid;
+    grid-template-columns: repeat(7, var(--cal-cell-size));
+    gap: 0;
+    margin-bottom: 4px;
+  }
+
+  .cal-weekday {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: var(--cal-cell-size);
+    font-size: 12px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    user-select: none;
+  }
+
+  .cal-row {
+    display: grid;
+    grid-template-columns: repeat(7, var(--cal-cell-size));
+    gap: 0;
+  }
+
+  .cal-day {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--cal-cell-size);
+    height: var(--cal-cell-size);
+    font-size: 14px;
+    border-radius: var(--cal-radius-sm);
+    transition: background var(--cal-transition), color var(--cal-transition);
+    position: relative;
+    user-select: none;
+  }
+
+  .cal-day:not(.cal-day--disabled):not(.cal-day--selected):not(.cal-day--booked):not(.cal-day--half-day):not(.cal-day--blocked):not(.cal-day--checkout-only):not(.cal-day--checkin-only):hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-day--outside {
+    color: hsl(var(--cal-fg-muted));
+    opacity: 0.4;
+  }
+
+  .cal-day--today:not(.cal-day--selected):not(.cal-day--booked):not(.cal-day--half-day):not(.cal-day--checkout-only):not(.cal-day--checkin-only) {
+    border: 1px solid hsl(var(--cal-border));
+    font-weight: 600;
+  }
+
+  .cal-day--selected {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-day--range-start {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+    border-radius: var(--cal-radius-sm) 0 0 var(--cal-radius-sm);
+  }
+
+  .cal-day--range-end {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+    border-radius: 0 var(--cal-radius-sm) var(--cal-radius-sm) 0;
+  }
+
+  .cal-day--range-start.cal-day--range-end {
+    border-radius: var(--cal-radius-sm);
+  }
+
+  .cal-day--in-range {
+    background: hsl(var(--cal-accent-subtle));
+    border-radius: 0;
+  }
+
+  .cal-day--in-range:hover {
+    background: hsl(var(--cal-accent-subtle)) !important;
+  }
+
+  .cal-day--disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  /* ── Booking-specific styles ── */
+
+  /* Booked (fully occupied) */
+  .cal-day--booked {
+    background: var(--booking-bg, hsl(var(--cal-booking-blue-bg)));
+    color: var(--booking-fg, hsl(var(--cal-booking-blue-fg)));
+    cursor: not-allowed;
+  }
+
+  .cal-day--booked:hover {
+    background: var(--booking-hover, hsl(var(--cal-booking-blue-hover)));
+  }
+
+  /* Blocked */
+  .cal-day--blocked {
+    background: hsl(var(--cal-bg-muted));
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  /* Half-day diagonal (checkout + checkin on same day) */
+  .cal-day--half-day {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-bg)) 49.5%, hsl(var(--cal-bg)) 50.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-green-bg))) 50.5%);
+    cursor: not-allowed;
+  }
+
+  /* Checkout-only (last day of a booking — outgoing triangle) */
+  .cal-day--checkout-only {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-bg)) 49.5%);
+  }
+
+  /* Checkin-only (first day of a booking — incoming triangle) */
+  .cal-day--checkin-only {
+    background: linear-gradient(135deg,
+      hsl(var(--cal-bg)) 50.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-blue-bg))) 50.5%);
+  }
+
+  /* Diagonal cells: standard text color for clean contrast */
+  .cal-day--half-day,
+  .cal-day--checkout-only,
+  .cal-day--checkin-only {
+    color: hsl(var(--cal-fg));
+  }
+
+  /* ── Diagonal + selection compounds ── */
+
+  /* Checkout-only — range boundary: accent-subtle fill + refined ring */
+  .cal-day--checkout-only.cal-day--range-start,
+  .cal-day--checkout-only.cal-day--range-end,
+  .cal-day--checkout-only.cal-day--selected {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-accent-subtle)) 50.5%);
+    color: hsl(var(--cal-fg));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent) / 0.3);
+  }
+
+  /* Checkout-only — in range: accent-subtle fill */
+  .cal-day--checkout-only.cal-day--in-range {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-accent-subtle)) 50.5%);
+  }
+
+  /* Checkin-only — range boundary: accent-subtle fill + refined ring */
+  .cal-day--checkin-only.cal-day--range-start,
+  .cal-day--checkin-only.cal-day--range-end,
+  .cal-day--checkin-only.cal-day--selected {
+    background: linear-gradient(135deg,
+      hsl(var(--cal-accent-subtle)) 49.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-blue-bg))) 50.5%);
+    color: hsl(var(--cal-fg));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent) / 0.3);
+  }
+
+  /* Checkin-only — in range: accent-subtle fill */
+  .cal-day--checkin-only.cal-day--in-range {
+    background: linear-gradient(135deg,
+      hsl(var(--cal-accent-subtle)) 49.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-blue-bg))) 50.5%);
+  }
+
+  /* Half-day in range — accent-subtle stripe between booking triangles */
+  .cal-day--half-day.cal-day--in-range {
+    background: linear-gradient(135deg,
+      var(--half-day-color-out, hsl(var(--cal-booking-blue-bg))) 49.5%,
+      hsl(var(--cal-accent-subtle)) 49.5%, hsl(var(--cal-accent-subtle)) 50.5%,
+      var(--half-day-color-in, hsl(var(--cal-booking-green-bg))) 50.5%);
+  }
+
+  /* Invalid range preview (crosses a booking) */
+  .cal-day--invalid-range {
+    background: hsl(var(--cal-booking-red-bg));
+    border-radius: 0;
+  }
+
+  /* Booked/half-day/diagonal cells stay opaque even when disabled */
+  .cal-day--disabled.cal-day--booked,
+  .cal-day--disabled.cal-day--half-day,
+  .cal-day--disabled.cal-day--checkout-only,
+  .cal-day--disabled.cal-day--checkin-only {
+    opacity: 1;
+  }
+
+  /* Sublabel spans */
+  .cal-day__number {
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 1;
+  }
+
+  .cal-day__label {
+    font-size: 9px;
+    font-weight: 500;
+    line-height: 1;
+    opacity: 0.8;
+  }
+
+  .cal-day--with-label {
+    flex-direction: column;
+    gap: 1px;
+  }
+
+  /* CSS Tooltip */
+  .cal-day[data-booking-label] {
+    overflow: visible;
+  }
+
+  .cal-day[data-booking-label]:hover::after {
+    content: attr(data-booking-label);
+    position: absolute;
+    bottom: calc(100% + 6px);
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 4px 8px;
+    font-size: 11px;
+    font-weight: 500;
+    white-space: nowrap;
+    color: hsl(var(--cal-accent-fg));
+    background: hsl(var(--cal-accent));
+    border-radius: 4px;
+    pointer-events: none;
+    z-index: 10;
+  }
+
+  .cal-day[data-booking-label]:hover::before {
+    content: '';
+    position: absolute;
+    bottom: calc(100% + 2px);
+    left: 50%;
+    transform: translateX(-50%);
+    border: 4px solid transparent;
+    border-top-color: hsl(var(--cal-accent));
+    pointer-events: none;
+    z-index: 10;
+  }
+`,Pe='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 12L6 8l4-4"/></svg>',He='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4l4 4-4 4"/></svg>';function Ae({year:n,month:e,onPrev:a,onNext:t,onTitleClick:s}){const i=document.createElement("div");i.classList.add("cal-nav");const l=document.createElement("button");l.classList.add("cal-nav__btn","cal-nav__btn--prev"),l.innerHTML=Pe,l.setAttribute("aria-label","Previous month"),l.addEventListener("click",a);const r=s?"button":"div",o=document.createElement(r);o.classList.add("cal-nav__title"),s&&(o.classList.add("cal-nav__title--interactive"),o.setAttribute("aria-label",`Select month and year, currently ${se[e]} ${n}`),o.addEventListener("click",s)),o.setAttribute("aria-live","polite"),o.textContent=`${se[e]} ${n}`;const h=document.createElement("button");return h.classList.add("cal-nav__btn","cal-nav__btn--next"),h.innerHTML=He,h.setAttribute("aria-label","Next month"),h.addEventListener("click",t),i.appendChild(l),i.appendChild(o),i.appendChild(h),i}const Qe=`
+  .cal-nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 4px;
+    margin-bottom: 8px;
+  }
+
+  .cal-nav__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border-radius: var(--cal-radius-sm);
+    color: hsl(var(--cal-fg));
+    transition: background var(--cal-transition);
+  }
+
+  .cal-nav__btn:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-nav__title {
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    user-select: none;
+  }
+
+  .cal-nav__title--interactive {
+    cursor: pointer;
+    padding: 2px 8px;
+    border-radius: var(--cal-radius-sm);
+    transition: background var(--cal-transition);
+  }
+
+  .cal-nav__title--interactive:hover {
+    background: hsl(var(--cal-hover));
+  }
+`,Mt=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function et({pickerYear:n,viewMonth:e,viewYear:a,onMonthSelect:t,onYearPrev:s,onYearNext:i,onClose:l}){const r=document.createElement("div");r.classList.add("cal-myp","cal-animate-fade");const o=document.createElement("div");o.classList.add("cal-myp__year-nav");const h=document.createElement("button");h.classList.add("cal-nav__btn"),h.innerHTML=Pe,h.setAttribute("aria-label","Previous year"),h.addEventListener("click",s);const c=document.createElement("div");c.classList.add("cal-myp__year-label"),c.textContent=n;const d=document.createElement("button");d.classList.add("cal-nav__btn"),d.innerHTML=He,d.setAttribute("aria-label","Next year"),d.addEventListener("click",i),o.appendChild(h),o.appendChild(c),o.appendChild(d),r.appendChild(o);const g=document.createElement("div");g.classList.add("cal-myp__grid");const u=new Date,p=u.getMonth(),_=u.getFullYear();for(let m=0;m<12;m++){const v=document.createElement("button");v.classList.add("cal-myp__cell"),v.textContent=Mt[m],m===e&&n===a&&v.classList.add("cal-myp__cell--active"),m===p&&n===_&&v.classList.add("cal-myp__cell--today"),v.addEventListener("click",()=>t(m,n)),g.appendChild(v)}return r.appendChild(g),r.addEventListener("keydown",m=>{m.key==="Escape"&&(m.stopPropagation(),l())}),r}const tt=`
+  .cal-myp {
+    width: calc(7 * var(--cal-cell-size));
+  }
+
+  .cal-myp__year-nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 4px;
+    margin-bottom: 8px;
+  }
+
+  .cal-myp__year-label {
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    user-select: none;
+  }
+
+  .cal-myp__grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 4px;
+  }
+
+  .cal-myp__cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: calc(var(--cal-cell-size) * 1.5);
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    border-radius: var(--cal-radius-sm);
+    cursor: pointer;
+    transition: background var(--cal-transition);
+    user-select: none;
+  }
+
+  .cal-myp__cell:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-myp__cell--active {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-myp__cell--active:hover {
+    background: hsl(var(--cal-accent));
+  }
+
+  .cal-myp__cell--today:not(.cal-myp__cell--active) {
+    border: 1px solid hsl(var(--cal-border));
+    font-weight: 600;
+  }
+`;function At(){return[{key:"today",label:"Today",resolve(){const n=ue();return{start:n,end:n}}},{key:"this-week",label:"This Week",resolve(){const n=new Date,e=n.getDay(),a=new Date(n);a.setDate(n.getDate()-e);const t=new Date(a);return t.setDate(a.getDate()+6),{start:Z(a),end:Z(t)}}},{key:"next-7",label:"Next 7 Days",resolve(){const n=new Date,e=new Date;return e.setDate(n.getDate()+6),{start:Z(n),end:Z(e)}}},{key:"next-30",label:"Next 30 Days",resolve(){const n=new Date,e=new Date;return e.setDate(n.getDate()+29),{start:Z(n),end:Z(e)}}}]}function $t({presetKeys:n,onSelect:e}){const a=document.createElement("div");a.classList.add("cal-presets");const t=At(),s=n.map(i=>t.find(l=>l.key===i)).filter(Boolean);for(const i of s){const l=document.createElement("button");l.classList.add("cal-preset"),l.textContent=i.label,l.addEventListener("click",()=>{e==null||e(i.resolve())}),a.appendChild(l)}return a}const zt=`
+  .cal-presets {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    padding: 8px 4px;
+    border-top: 1px solid hsl(var(--cal-border));
+    margin-top: 8px;
+  }
+
+  .cal-preset {
+    display: inline-flex;
+    align-items: center;
+    height: 28px;
+    padding: 0 10px;
+    font-size: 12px;
+    font-weight: 500;
+    border-radius: 999px;
+    background: hsl(var(--cal-bg-muted));
+    color: hsl(var(--cal-fg));
+    transition: background var(--cal-transition);
+  }
+
+  .cal-preset:hover {
+    background: hsl(var(--cal-hover));
+  }
+`;function Be({trigger:n,content:e,onClose:a}){const t=document.createElement("div");t.classList.add("cal-popover"),t.setAttribute("role","dialog"),t.setAttribute("aria-modal","false"),t.style.display="none",t.appendChild(e);let s=!1;function i(){t.classList.remove("cal-popover--above");const d=n.getBoundingClientRect(),g=t.offsetHeight,u=window.innerHeight-d.bottom,p=d.top;u<g+8&&p>u?(t.classList.add("cal-popover--above"),t.style.top="auto",t.style.bottom="100%",t.style.marginBottom="4px",t.style.marginTop="0"):(t.style.top="100%",t.style.bottom="auto",t.style.marginTop="4px",t.style.marginBottom="0")}function l(){s||(s=!0,t.style.display="",t.classList.add("cal-animate-slide-up"),requestAnimationFrame(()=>i()),document.addEventListener("click",o,!0),document.addEventListener("keydown",h,!0))}function r(){s&&(s=!1,t.style.display="none",t.classList.remove("cal-animate-slide-up"),document.removeEventListener("click",o,!0),document.removeEventListener("keydown",h,!0),a==null||a())}function o(d){var u;const g=(u=n.getRootNode())==null?void 0:u.host;g&&!g.contains(d.target)&&d.target!==g&&r()}function h(d){d.key==="Escape"&&(d.stopPropagation(),r())}function c(){s&&(s=!1,t.style.display="none",t.classList.remove("cal-animate-slide-up")),document.removeEventListener("click",o,!0),document.removeEventListener("keydown",h,!0)}return{panel:t,open:l,close:r,destroy:c,get isOpen(){return s}}}const Oe=`
+  .cal-popover-wrapper {
+    position: relative;
+    display: inline-block;
+  }
+
+  .cal-popover {
+    position: absolute;
+    left: 0;
+    z-index: 50;
+    background: hsl(var(--cal-bg));
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius);
+    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.08), 0 2px 6px -2px rgba(0, 0, 0, 0.04);
+    padding: 12px;
+  }
+
+  .cal-trigger {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    height: 36px;
+    padding: 0 12px;
+    font-size: 14px;
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius-sm);
+    background: hsl(var(--cal-bg));
+    color: hsl(var(--cal-fg));
+    cursor: pointer;
+    transition: border-color var(--cal-transition);
+    white-space: nowrap;
+  }
+
+  .cal-trigger:hover {
+    border-color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-trigger--placeholder {
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-trigger__icon {
+    display: flex;
+    color: hsl(var(--cal-fg-muted));
+  }
+`;function at({columns:n=3,rows:e=4,durationLabels:a=!1}={}){const t=document.createElement("div");t.setAttribute("role","status"),t.setAttribute("aria-label","Loading..."),t.classList.add("cal-skeleton-time-grid"),a&&t.classList.add("cal-skeleton-time-grid--duration");const s=n*e;for(let i=0;i<s;i++){const l=document.createElement("div");l.classList.add("cal-skeleton"),t.appendChild(l)}return t}function st({rows:n=5}={}){const e=document.createElement("div");e.setAttribute("role","status"),e.setAttribute("aria-label","Loading..."),e.classList.add("cal-skeleton-calendar-grid");for(let t=0;t<7;t++){const s=document.createElement("div");s.classList.add("cal-skeleton","cal-skeleton-calendar-grid__header"),e.appendChild(s)}const a=7*n;for(let t=0;t<a;t++){const s=document.createElement("div");s.classList.add("cal-skeleton","cal-skeleton-calendar-grid__day"),e.appendChild(s)}return e}const Fe=`
+  .cal-skeleton-time-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+    gap: 6px;
+    padding: 4px;
+  }
+
+  .cal-skeleton-time-grid--duration {
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  }
+
+  .cal-skeleton-time-grid .cal-skeleton {
+    height: 40px;
+  }
+
+  .cal-skeleton-calendar-grid {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    gap: 2px;
+    padding: 4px;
+  }
+
+  .cal-skeleton-calendar-grid__header {
+    height: 20px;
+    margin-bottom: 4px;
+  }
+
+  .cal-skeleton-calendar-grid__day {
+    height: var(--cal-cell-size, 36px);
+    aspect-ratio: 1;
+    border-radius: var(--cal-radius-sm) !important;
+  }
+`,nt={error:'<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M7 4v3M7 9.5v.01"/></svg>',warning:'<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M7 1.5L1 12.5h12L7 1.5zM7 6v2.5M7 10.5v.01"/></svg>',info:'<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M7 6.5V10M7 4.5v.01"/></svg>',success:'<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="6"/><path d="M4.5 7l2 2L9.5 5"/></svg>'};function $e({type:n="info",message:e,dismissible:a=!0,onDismiss:t}){const s=document.createElement("div");s.classList.add("cal-status",`cal-status--${n}`,"cal-animate-slide-up"),s.setAttribute("role",n==="error"?"alert":"status"),s.setAttribute("aria-live",n==="error"?"assertive":"polite");const i=document.createElement("span");i.classList.add("cal-status__icon"),i.innerHTML=nt[n]||nt.info,s.appendChild(i);const l=document.createElement("span");if(l.classList.add("cal-status__text"),l.textContent=e,s.appendChild(l),a){const r=document.createElement("button");r.classList.add("cal-status__close"),r.setAttribute("aria-label","Dismiss"),r.innerHTML='<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 3l6 6M9 3l-6 6"/></svg>',r.addEventListener("click",()=>t==null?void 0:t()),s.appendChild(r)}return s}const ze=`
+  .cal-status {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    border-radius: var(--cal-radius-sm);
+    font-size: 12px;
+    line-height: 1.4;
+    margin-bottom: 8px;
+  }
+
+  .cal-status__icon {
+    flex-shrink: 0;
+    display: flex;
+  }
+
+  .cal-status__text {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .cal-status__close {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    cursor: pointer;
+    opacity: 0.7;
+    transition: opacity var(--cal-transition);
+  }
+
+  .cal-status__close:hover {
+    opacity: 1;
+  }
+
+  .cal-status--error {
+    background: hsl(var(--cal-status-error-bg));
+    color: hsl(var(--cal-status-error-fg));
+    border: 1px solid hsl(var(--cal-status-error-border));
+  }
+
+  .cal-status--warning {
+    background: hsl(var(--cal-status-warning-bg));
+    color: hsl(var(--cal-status-warning-fg));
+    border: 1px solid hsl(var(--cal-status-warning-border));
+  }
+
+  .cal-status--info {
+    background: hsl(var(--cal-status-info-bg));
+    color: hsl(var(--cal-status-info-fg));
+    border: 1px solid hsl(var(--cal-status-info-border));
+  }
+
+  .cal-status--success {
+    background: hsl(var(--cal-status-success-bg));
+    color: hsl(var(--cal-status-success-fg));
+    border: 1px solid hsl(var(--cal-status-success-border));
+  }
+`,Yt='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="12" height="11" rx="2"/><path d="M5 1v3M11 1v3M2 7h12"/></svg>',It=`
+  .cal-picker {
+    background: hsl(var(--cal-bg));
+    border-radius: var(--cal-radius);
+    user-select: none;
+  }
+
+  :host([display="inline"]) .cal-picker {
+    border: 1px solid hsl(var(--cal-border));
+    padding: 12px;
+  }
+
+  .cal-months {
+    display: flex;
+    gap: 16px;
+  }
+
+  .cal-month {
+    flex: 0 0 auto;
+  }
+`;class it extends be{static get styles(){return[Se,Te,Me,Ze,Qe,tt,zt,Oe,Fe,ze,It]}static get observedAttributes(){return["mode","display","theme","value","min-date","max-date","disabled-dates","first-day","locale","presets","placeholder","loading"]}constructor(){super();const e=new Date;this._store=De({viewYear:e.getFullYear(),viewMonth:e.getMonth(),selectedDates:[],rangeStart:null,rangeEnd:null,hoverDate:null,isOpen:!1,focusedDate:ue(),navDirection:null,pickingMonth:!1,pickerYear:e.getFullYear(),statusType:null,statusMessage:null,statusDismissible:!0}),this._popover=null,this._unsubscribe=null,this._rendering=!1}get mode(){return this.getAttribute("mode")||"single"}get display(){return this.getAttribute("display")||"inline"}get placeholder(){return this.getAttribute("placeholder")||"Select date"}get firstDay(){return parseInt(this.getAttribute("first-day")||"0",10)}get minDate(){return this.getAttribute("min-date")||null}get maxDate(){return this.getAttribute("max-date")||null}get loading(){return this.hasAttribute("loading")}set loading(e){e?this.setAttribute("loading",""):this.removeAttribute("loading")}get disabledDates(){const e=this.getAttribute("disabled-dates");return e?e.split(",").map(a=>a.trim()):[]}get presetKeys(){const e=this.getAttribute("presets");return e?e.split(",").map(a=>a.trim()):[]}get value(){const e=this._store.getState();return this.mode==="range"?e.rangeStart&&e.rangeEnd?{start:e.rangeStart,end:e.rangeEnd}:null:this.mode==="multi"?[...e.selectedDates]:e.selectedDates[0]||null}set value(e){if(this.mode==="range"&&e&&typeof e=="object"){const a=typeof e.start=="string"?e.start:Z(e.start),t=typeof e.end=="string"?e.end:Z(e.end);this._store.set({rangeStart:a,rangeEnd:t,selectedDates:[a,t]}),this._navigateToDate(a)}else this.mode==="multi"&&Array.isArray(e)?(this._store.set({selectedDates:e}),e.length&&this._navigateToDate(e[0])):typeof e=="string"?(this._store.set({selectedDates:[e],rangeStart:null,rangeEnd:null}),this._navigateToDate(e)):this._store.set({selectedDates:[],rangeStart:null,rangeEnd:null})}_navigateToDate(e){const a=W(e);a&&this._store.set({viewYear:a.getFullYear(),viewMonth:a.getMonth()})}connectedCallback(){super.connectedCallback(),this._unsubscribe=this._store.subscribe((a,t)=>{if(this._rendering)return;a.hoverDate!==t.hoverDate&&a.viewYear===t.viewYear&&a.viewMonth===t.viewMonth&&a.selectedDates===t.selectedDates&&a.rangeStart===t.rangeStart&&a.rangeEnd===t.rangeEnd&&a.isOpen===t.isOpen&&a.navDirection===t.navDirection&&a.pickingMonth===t.pickingMonth&&a.pickerYear===t.pickerYear?this._updateGridHighlight(a):this.render()});const e=this.getAttribute("value");if(e)if(this.mode==="range"&&e.includes("/")){const[a,t]=e.split("/");this.value={start:a,end:t}}else this.mode==="multi"&&e.includes(",")?this.value=e.split(",").map(a=>a.trim()):this.value=e}disconnectedCallback(){var e,a;(e=this._unsubscribe)==null||e.call(this),(a=this._popover)==null||a.destroy(),clearTimeout(this._statusTimer)}attributeChangedCallback(e,a,t){if(a!==t){if(e==="value"&&this._initialized)if(this.mode==="range"&&t&&t.includes("/")){const[s,i]=t.split("/");this.value={start:s,end:i}}else this.mode==="multi"&&t&&t.includes(",")?this.value=t.split(",").map(s=>s.trim()):this.value=t;this._initialized&&this.render()}}_handleSelect(e){const a=this._store.getState();if(this.mode==="single")this._store.set({selectedDates:[e],focusedDate:e}),this.emit("cal:change",{value:e}),this.display==="popover"&&this.close();else if(this.mode==="range")if(!a.rangeStart||a.rangeEnd)this._store.set({rangeStart:e,rangeEnd:null,selectedDates:[e],focusedDate:e});else{let t=a.rangeStart,s=e;t>s&&([t,s]=[s,t]),this._store.set({rangeStart:t,rangeEnd:s,selectedDates:[t,s],hoverDate:null,focusedDate:s}),this.emit("cal:change",{value:{start:t,end:s}}),this.display==="popover"&&this.close()}else if(this.mode==="multi"){const t=[...a.selectedDates],s=t.findIndex(i=>re(i,e));s>=0?t.splice(s,1):t.push(e),t.sort(),this._store.set({selectedDates:t,focusedDate:e}),this.emit("cal:change",{value:t})}}_handleHover(e){this.mode==="range"&&this._store.set({hoverDate:e})}_handlePresetSelect({start:e,end:a}){this._store.set({rangeStart:e,rangeEnd:a,selectedDates:[e,a],hoverDate:null}),this._navigateToDate(e),this.emit("cal:change",{value:{start:e,end:a}}),this.display==="popover"&&this.close()}_prevMonth(){const{viewYear:e,viewMonth:a}=this._store.getState(),{year:t,month:s}=pe(e,a,-1);this._store.set({viewYear:t,viewMonth:s,navDirection:"prev"}),this.emit("cal:month-change",{year:t,month:s})}_nextMonth(){const{viewYear:e,viewMonth:a}=this._store.getState(),{year:t,month:s}=pe(e,a,1);this._store.set({viewYear:t,viewMonth:s,navDirection:"next"}),this.emit("cal:month-change",{year:t,month:s})}_toggleMonthPicker(){const e=this._store.getState();this._store.set({pickingMonth:!e.pickingMonth,pickerYear:e.viewYear})}_selectMonthFromPicker(e,a){this._store.set({viewYear:a,viewMonth:e,pickingMonth:!1}),this.emit("cal:month-change",{year:a,month:e})}_handleKeydown(e){if(e.key==="Escape"&&this._store.get("pickingMonth")){e.stopPropagation(),this._store.set({pickingMonth:!1});return}const a=this._store.getState(),t=W(a.focusedDate);if(!t)return;let s=null;switch(e.key){case"ArrowLeft":s=new Date(t),s.setDate(t.getDate()-1);break;case"ArrowRight":s=new Date(t),s.setDate(t.getDate()+1);break;case"ArrowUp":s=new Date(t),s.setDate(t.getDate()-7);break;case"ArrowDown":s=new Date(t),s.setDate(t.getDate()+7);break;case"Enter":case" ":e.preventDefault(),this._handleSelect(a.focusedDate);return;case"Escape":this.display==="popover"&&this.close();return;default:return}if(s){e.preventDefault();const i=Z(s);s.getMonth()!==a.viewMonth||s.getFullYear()!==a.viewYear?this._store.set({viewYear:s.getFullYear(),viewMonth:s.getMonth(),focusedDate:i,navDirection:s>t?"next":"prev"}):this._store.set({focusedDate:i}),requestAnimationFrame(()=>{const l=this.$(`[data-date="${i}"]`);l==null||l.focus()})}}_updateGridHighlight(e){const a=this.$$(".cal-day"),{rangeStart:t,hoverDate:s}=e,i=t&&!e.rangeEnd&&s?s:e.rangeEnd;for(const l of a){const r=l.dataset.date;if(!r||l.classList.contains("cal-day--disabled"))continue;const o=r===t,h=r===i;let c=!1;if(t&&i){const d=t<i?t:i,g=t<i?i:t;c=r>=d&&r<=g&&!o&&!h}l.classList.toggle("cal-day--range-start",o&&!!i),l.classList.toggle("cal-day--range-end",h&&!!i),l.classList.toggle("cal-day--in-range",c)}}open(){this._popover&&(this._popover.open(),this._store.set({isOpen:!0}),this.emit("cal:open"))}close(){this._popover&&(this._popover.close(),this._store.set({isOpen:!1}),this.emit("cal:close"))}goToMonth(e,a){this._store.set({viewYear:a,viewMonth:e})}_renderCalendarContent(){const e=this._store.getState(),a=document.createElement("div");if(a.classList.add("cal-picker"),e.statusType&&e.statusMessage&&a.appendChild($e({type:e.statusType,message:e.statusMessage,dismissible:e.statusDismissible,onDismiss:()=>this.clearStatus()})),this.loading){const l=document.createElement("div");l.classList.add("cal-months");const r=document.createElement("div");return r.classList.add("cal-month"),r.appendChild(st()),l.appendChild(r),a.appendChild(l),a.addEventListener("keydown",o=>this._handleKeydown(o)),a}const t=document.createElement("div");t.classList.add("cal-months");const s=this.mode==="range"&&this.hasAttribute("dual"),i=s?2:1;for(let l=0;l<i;l++){const{year:r,month:o}=l===0?{year:e.viewYear,month:e.viewMonth}:pe(e.viewYear,e.viewMonth,1),h=document.createElement("div");if(h.classList.add("cal-month"),l===0&&h.appendChild(Ae({year:r,month:o,onPrev:e.pickingMonth?()=>{}:()=>this._prevMonth(),onNext:e.pickingMonth?()=>{}:()=>{s||this._nextMonth()},onTitleClick:()=>this._toggleMonthPicker()})),l===1&&h.appendChild(Ae({year:r,month:o,onPrev:()=>{},onNext:()=>this._nextMonth()})),e.pickingMonth&&l===0){const c=et({pickerYear:e.pickerYear,viewMonth:e.viewMonth,viewYear:e.viewYear,onMonthSelect:(d,g)=>this._selectMonthFromPicker(d,g),onYearPrev:()=>this._store.set({pickerYear:e.pickerYear-1}),onYearNext:()=>this._store.set({pickerYear:e.pickerYear+1}),onClose:()=>this._store.set({pickingMonth:!1})});h.appendChild(c)}else{const c=e.navDirection==="next"?"cal-animate-slide-left":e.navDirection==="prev"?"cal-animate-slide-right":"",d=Je({year:r,month:o,firstDay:this.firstDay,selectedDates:e.selectedDates,rangeStart:e.rangeStart,rangeEnd:e.rangeEnd,hoverDate:e.hoverDate,minDate:this.minDate,maxDate:this.maxDate,disabledDates:this.disabledDates,mode:this.mode,focusedDate:e.focusedDate,onSelect:g=>this._handleSelect(g),onHover:g=>this._handleHover(g)});c&&d.classList.add(c),h.appendChild(d)}t.appendChild(h)}return a.appendChild(t),this.mode==="range"&&this.presetKeys.length&&a.appendChild($t({presetKeys:this.presetKeys,onSelect:l=>this._handlePresetSelect(l)})),a.addEventListener("keydown",l=>this._handleKeydown(l)),a}_formatTriggerText(){const e=this._store.getState();return this.mode==="range"&&e.rangeStart&&e.rangeEnd?`${this._formatShortDate(e.rangeStart)} – ${this._formatShortDate(e.rangeEnd)}`:e.selectedDates.length?this.mode==="multi"?`${e.selectedDates.length} dates selected`:this._formatShortDate(e.selectedDates[0]):null}_formatShortDate(e){const a=W(e);return a?`${se[a.getMonth()].slice(0,3)} ${a.getDate()}, ${a.getFullYear()}`:e}render(){var t;if(this._rendering)return;this._rendering=!0;const e=this.shadowRoot,a=[...e.childNodes];for(const s of a)s.nodeName!=="STYLE"&&!(s instanceof CSSStyleSheet)&&e.removeChild(s);if((t=this._popover)==null||t.destroy(),this._popover=null,this.display==="popover"){const s=document.createElement("div");s.classList.add("cal-popover-wrapper");const i=document.createElement("button");i.classList.add("cal-trigger");const l=document.createElement("span");l.classList.add("cal-trigger__icon"),l.innerHTML=Yt,i.appendChild(l);const r=this._formatTriggerText(),o=document.createElement("span");r?o.textContent=r:(o.textContent=this.placeholder,o.classList.add("cal-trigger--placeholder")),i.appendChild(o),s.appendChild(i);const h=this._renderCalendarContent(),c=Be({trigger:i,content:h,onClose:()=>{this._store.set({isOpen:!1}),this.emit("cal:close")}});s.appendChild(c.panel),e.appendChild(s),i.addEventListener("click",d=>{d.stopPropagation(),c.isOpen?this.close():this.open()}),this._popover=c,this._store.get("isOpen")&&c.open()}else e.appendChild(this._renderCalendarContent());this._store.set({navDirection:null}),this._rendering=!1}}function ie(n){if(!n||typeof n!="string")return null;const e=n.trim().toUpperCase(),a=e.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);if(a){let s=parseInt(a[1],10);const i=parseInt(a[2],10),l=a[3];return l==="AM"&&s===12&&(s=0),l==="PM"&&s!==12&&(s+=12),{hours:s,minutes:i}}const t=e.match(/^(\d{1,2}):(\d{2})$/);return t?{hours:parseInt(t[1],10),minutes:parseInt(t[2],10)}:null}function oe(n,e,a="24h"){const t=String(e).padStart(2,"0");if(a==="12h"){const s=n>=12?"PM":"AM";return`${n%12||12}:${t} ${s}`}return`${String(n).padStart(2,"0")}:${t}`}function b(n){const e=ie(n);return e?e.hours*60+e.minutes:0}function le(n){const e=Math.floor(n/60)%24,a=n%60;return`${String(e).padStart(2,"0")}:${String(a).padStart(2,"0")}`}function Ee(n,e,a){const t=[],s=b(n),i=b(e);for(let l=s;l<=i;l+=a)t.push(le(l));return t}function lt(n,e,a,t="24h"){const s=[],i=b(n),l=b(e);for(let r=i;r<=l;r+=a){const o=le(r),h=r+a,c=le(Math.min(h,l+a)),d=ie(o),g=ie(c),u=d?oe(d.hours,d.minutes,t):o,p=g?oe(g.hours,g.minutes,t):c;s.push({time:o,displayText:`${u}–${p}`})}return s}function rt(){const n=new Date;return`${String(n.getHours()).padStart(2,"0")}:${String(n.getMinutes()).padStart(2,"0")}`}function ot(n,e,a){const t=b(n),s=b(e),i=b(a),l=Math.min(s,i),r=Math.max(s,i);return t>=l&&t<=r}function ct(n){const{slots:e=[],mode:a="single",format:t="24h",selected:s,hoverTime:i,rangeStart:l,unavailableTimes:r=[],onSelect:o,onHover:h,durationLabels:c=!1}=n,d=document.createElement("div");d.classList.add("cal-time-grid"),c&&d.classList.add("cal-time-grid--duration"),d.setAttribute("role","listbox"),a==="multi"&&d.setAttribute("aria-multiselectable","true");for(const g of e){const u=document.createElement("button");u.classList.add("cal-time-slot"),u.setAttribute("role","option"),u.dataset.time=g.time;const p=ie(g.time),_=g.displayText?g.displayText:p?oe(p.hours,p.minutes,t):g.time,m=document.createElement("span");if(m.classList.add("cal-time-slot__time"),m.textContent=_,u.appendChild(m),g.label){const k=document.createElement("span");k.classList.add("cal-time-slot__label"),k.textContent=g.label,u.appendChild(k)}const v=g.available===!1||r.includes(g.time);if(v&&(u.classList.add("cal-time-slot--unavailable"),u.disabled=!0,u.setAttribute("aria-disabled","true")),Pt(g.time,s,a)?(u.classList.add("cal-time-slot--selected"),u.setAttribute("aria-selected","true")):u.setAttribute("aria-selected","false"),a==="range"&&l&&!Ht(s)&&i){const k=ot(g.time,l,i),S=g.time===l,B=g.time===i;k&&!S&&!B&&u.classList.add("cal-time-slot--in-range"),S&&u.classList.add("cal-time-slot--range-start"),B&&u.classList.add("cal-time-slot--range-end")}else if(a==="range"&&s&&typeof s=="object"&&s.start&&s.end){const k=ot(g.time,s.start,s.end),S=g.time===s.start,B=g.time===s.end;S&&u.classList.add("cal-time-slot--range-start","cal-time-slot--selected"),B&&u.classList.add("cal-time-slot--range-end","cal-time-slot--selected"),k&&!S&&!B&&u.classList.add("cal-time-slot--in-range")}v||(u.addEventListener("click",()=>o==null?void 0:o(g.time)),u.addEventListener("mouseenter",()=>h==null?void 0:h(g.time))),d.appendChild(u)}return d.addEventListener("mouseleave",()=>h==null?void 0:h(null)),d}function Pt(n,e,a){return e?a==="single"?e===n:a==="multi"?Array.isArray(e)&&e.includes(n):a==="range"&&typeof e=="object"&&e.start&&e.end?e.start===n||e.end===n:!1:!1}function Ht(n){return n&&typeof n=="object"&&n.start&&n.end}const dt=`
+  .cal-time-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+    gap: 6px;
+    max-height: 280px;
+    overflow-y: auto;
+    padding: 4px;
+  }
+
+  .cal-time-grid::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .cal-time-grid::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .cal-time-grid::-webkit-scrollbar-thumb {
+    background: hsl(var(--cal-border));
+    border-radius: 3px;
+  }
+
+  .cal-time-slot {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    padding: 0 8px;
+    border-radius: 999px;
+    font-size: 13px;
+    background: hsl(var(--cal-bg-muted));
+    color: hsl(var(--cal-fg));
+    transition: background var(--cal-transition), color var(--cal-transition);
+    gap: 1px;
+  }
+
+  .cal-time-slot:not(.cal-time-slot--unavailable):not(.cal-time-slot--selected):hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-time-slot__time {
+    font-weight: 500;
+    line-height: 1;
+  }
+
+  .cal-time-slot__label {
+    font-size: 9px;
+    opacity: 0.7;
+    line-height: 1;
+  }
+
+  .cal-time-slot--selected {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-time-slot--in-range {
+    background: hsl(var(--cal-accent-subtle));
+  }
+
+  .cal-time-slot--range-start,
+  .cal-time-slot--range-end {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    font-weight: 600;
+  }
+
+  .cal-time-slot--unavailable {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  .cal-time-grid--duration {
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  }
+
+  .cal-time-grid--duration .cal-time-slot {
+    font-size: 12px;
+  }
+`,Bt='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="12" height="11" rx="2"/><path d="M5 1v3M11 1v3M2 7h12"/></svg>',Ot=`
+  .cal-picker {
+    background: hsl(var(--cal-bg));
+    border-radius: var(--cal-radius);
+    user-select: none;
+  }
+
+  :host([display="inline"]) .cal-picker {
+    border: 1px solid hsl(var(--cal-border));
+    padding: 12px;
+  }
+
+  .cal-months {
+    display: flex;
+    gap: 16px;
+  }
+
+  .cal-month {
+    flex: 0 0 auto;
+  }
+
+  /* Time section */
+  .cal-booking-time-section {
+    margin-top: 12px;
+    padding-top: 12px;
+    border-top: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-booking-time-header {
+    font-size: 13px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    margin-bottom: 8px;
+  }
+`;class ht extends be{static get styles(){return[Se,Te,Me,Ze,dt,Qe,tt,Oe,Fe,ze,Ot]}static get observedAttributes(){return["theme","display","min-date","max-date","first-day","placeholder","dual","show-labels-on-hover","time-slots","time-start","time-end","time-interval","time-format","duration-labels","loading"]}constructor(){super();const e=new Date;this._store=De({viewYear:e.getFullYear(),viewMonth:e.getMonth(),rangeStart:null,rangeEnd:null,hoverDate:null,isOpen:!1,focusedDate:ue(),navDirection:null,pickingMonth:!1,pickerYear:e.getFullYear(),startTime:null,endTime:null,timeSelectPhase:null,statusType:null,statusMessage:null,statusDismissible:!0}),this._bookings=[],this._dayData={},this._labelFormula=null,this._timeSlots=null,this._popover=null,this._unsubscribe=null,this._rendering=!1}get display(){return this.getAttribute("display")||"inline"}get placeholder(){return this.getAttribute("placeholder")||"Select dates"}get firstDay(){return parseInt(this.getAttribute("first-day")||"0",10)}get minDate(){return this.getAttribute("min-date")||null}get maxDate(){return this.getAttribute("max-date")||null}get showLabelsOnHover(){return this.hasAttribute("show-labels-on-hover")}get timeSlotsEnabled(){return this.hasAttribute("time-slots")}get timeStartTime(){return this.getAttribute("time-start")||"09:00"}get timeEndTime(){return this.getAttribute("time-end")||"17:00"}get timeInterval(){return parseInt(this.getAttribute("time-interval")||"60",10)}get timeFormat(){return this.getAttribute("time-format")||"24h"}get durationLabels(){return this.hasAttribute("duration-labels")}get loading(){return this.hasAttribute("loading")}set loading(e){e?this.setAttribute("loading",""):this.removeAttribute("loading")}get bookings(){return this._bookings}set bookings(e){this._bookings=Array.isArray(e)?e:[],this._initialized&&this.render()}get dayData(){return this._dayData}set dayData(e){this._dayData=e&&typeof e=="object"?e:{},this._initialized&&this.render()}get labelFormula(){return this._labelFormula}set labelFormula(e){this._labelFormula=typeof e=="function"?e:null,this._initialized&&this.render()}get timeSlots(){return this._timeSlots}set timeSlots(e){this._timeSlots=Array.isArray(e)?e:null,this._initialized&&this.render()}get value(){const e=this._store.getState();if(!e.rangeStart||!e.rangeEnd)return null;const a={start:e.rangeStart,end:e.rangeEnd};return this.timeSlotsEnabled&&(e.startTime&&(a.startTime=e.startTime),e.endTime&&(a.endTime=e.endTime)),a}set value(e){if(e&&typeof e=="object"&&e.start&&e.end){const a=typeof e.start=="string"?e.start:Z(e.start),t=typeof e.end=="string"?e.end:Z(e.end),s={rangeStart:a,rangeEnd:t};e.startTime&&(s.startTime=e.startTime),e.endTime&&(s.endTime=e.endTime),this._store.set(s),this._navigateToDate(a)}else this._store.set({rangeStart:null,rangeEnd:null,startTime:null,endTime:null,timeSelectPhase:null})}_navigateToDate(e){const a=W(e);a&&this._store.set({viewYear:a.getFullYear(),viewMonth:a.getMonth()})}connectedCallback(){super.connectedCallback(),this._unsubscribe=this._store.subscribe((a,t)=>{if(this._rendering)return;a.hoverDate!==t.hoverDate&&a.viewYear===t.viewYear&&a.viewMonth===t.viewMonth&&a.rangeStart===t.rangeStart&&a.rangeEnd===t.rangeEnd&&a.isOpen===t.isOpen&&a.navDirection===t.navDirection&&a.pickingMonth===t.pickingMonth&&a.pickerYear===t.pickerYear&&a.timeSelectPhase===t.timeSelectPhase?this._updateGridHighlight(a):this.render()});const e=this.getAttribute("bookings");if(e&&!this._bookings.length)try{this._bookings=JSON.parse(e)}catch{}}disconnectedCallback(){var e,a;(e=this._unsubscribe)==null||e.call(this),(a=this._popover)==null||a.destroy(),clearTimeout(this._statusTimer)}attributeChangedCallback(e,a,t){a!==t&&this._initialized&&this.render()}_handleSelect(e){const a=this._store.getState();if(!a.rangeStart||a.rangeEnd)this._store.set({rangeStart:e,rangeEnd:null,hoverDate:null,focusedDate:e,startTime:null,endTime:null,timeSelectPhase:null});else{let t=a.rangeStart,s=e;if(t>s&&([t,s]=[s,t]),!Ve(t,s,this._bookings)){this.emit("cal:selection-invalid",{start:t,end:s}),this._store.set({rangeStart:null,rangeEnd:null,hoverDate:null,startTime:null,endTime:null,timeSelectPhase:null}),this.showStatus("error","Selection overlaps an existing booking",{autoDismiss:4e3});return}this.timeSlotsEnabled?this._store.set({rangeStart:t,rangeEnd:s,hoverDate:null,focusedDate:s,timeSelectPhase:"start"}):(this._store.set({rangeStart:t,rangeEnd:s,hoverDate:null,focusedDate:s}),this.emit("cal:change",{value:{start:t,end:s}}),this.display==="popover"&&this.close())}}_handleTimeSelect(e){const a=this._store.getState();if(a.timeSelectPhase==="start")this._store.set({startTime:e,timeSelectPhase:"end"});else if(a.timeSelectPhase==="end"){this._store.set({endTime:e,timeSelectPhase:null});const t={start:a.rangeStart,end:a.rangeEnd,startTime:a.startTime,endTime:e};this.emit("cal:change",{value:t}),this.display==="popover"&&this.close()}}_handleHover(e){this._store.set({hoverDate:e})}_updateGridHighlight(e){const a=this.$$(".cal-day"),{rangeStart:t,hoverDate:s}=e,i=t&&!e.rangeEnd&&s?s:e.rangeEnd;let l=!1;if(t&&!e.rangeEnd&&s){const r=t<s?t:s,o=t<s?s:t;for(const h of this._bookings)if(r<h.end&&o>h.start){l=!0;break}}for(const r of a){const o=r.dataset.date;if(!o)continue;const h=o===t&&!!i,c=o===i&&!!i;let d=!1;if(t&&i){const u=t<i?t:i,p=t<i?i:t;d=o>=u&&o<=p&&!h&&!c}const g=l&&t&&!e.rangeEnd&&s&&(()=>{const u=t<s?t:s,p=t<s?s:t;return o>=u&&o<=p})();r.classList.toggle("cal-day--range-start",h),r.classList.toggle("cal-day--range-end",c),r.classList.toggle("cal-day--in-range",d),r.classList.toggle("cal-day--invalid-range",!!g)}}_prevMonth(){const{viewYear:e,viewMonth:a}=this._store.getState(),{year:t,month:s}=pe(e,a,-1);this._store.set({viewYear:t,viewMonth:s,navDirection:"prev"}),this.emit("cal:month-change",{year:t,month:s})}_nextMonth(){const{viewYear:e,viewMonth:a}=this._store.getState(),{year:t,month:s}=pe(e,a,1);this._store.set({viewYear:t,viewMonth:s,navDirection:"next"}),this.emit("cal:month-change",{year:t,month:s})}_toggleMonthPicker(){const e=this._store.getState();this._store.set({pickingMonth:!e.pickingMonth,pickerYear:e.viewYear})}_selectMonthFromPicker(e,a){this._store.set({viewYear:a,viewMonth:e,pickingMonth:!1}),this.emit("cal:month-change",{year:a,month:e})}_handleKeydown(e){if(e.key==="Escape"&&this._store.get("pickingMonth")){e.stopPropagation(),this._store.set({pickingMonth:!1});return}const a=this._store.getState(),t=W(a.focusedDate);if(!t)return;let s=null;switch(e.key){case"ArrowLeft":s=new Date(t),s.setDate(t.getDate()-1);break;case"ArrowRight":s=new Date(t),s.setDate(t.getDate()+1);break;case"ArrowUp":s=new Date(t),s.setDate(t.getDate()-7);break;case"ArrowDown":s=new Date(t),s.setDate(t.getDate()+7);break;case"Enter":case" ":e.preventDefault(),this._handleSelect(a.focusedDate);return;case"Escape":this.display==="popover"&&this.close();return;default:return}if(s){e.preventDefault();const i=Z(s);s.getMonth()!==a.viewMonth||s.getFullYear()!==a.viewYear?this._store.set({viewYear:s.getFullYear(),viewMonth:s.getMonth(),focusedDate:i,navDirection:s>t?"next":"prev"}):this._store.set({focusedDate:i}),requestAnimationFrame(()=>{const l=this.$(`[data-date="${i}"]`);l==null||l.focus()})}}open(){this._popover&&(this._popover.open(),this._store.set({isOpen:!0}),this.emit("cal:open"))}close(){this._popover&&(this._popover.close(),this._store.set({isOpen:!1}),this.emit("cal:close"))}goToMonth(e,a){this._store.set({viewYear:a,viewMonth:e})}_getTimeSlotArray(){return this._timeSlots?this._timeSlots:this.durationLabels?lt(this.timeStartTime,this.timeEndTime,this.timeInterval,this.timeFormat).map(a=>({...a,available:!0})):Ee(this.timeStartTime,this.timeEndTime,this.timeInterval).map(a=>({time:a,available:!0}))}_renderCalendarContent(){const e=this._store.getState(),a=document.createElement("div");if(a.classList.add("cal-picker"),e.statusType&&e.statusMessage&&a.appendChild($e({type:e.statusType,message:e.statusMessage,dismissible:e.statusDismissible,onDismiss:()=>this.clearStatus()})),this.loading){const l=document.createElement("div");l.classList.add("cal-months");const r=document.createElement("div");if(r.classList.add("cal-month"),r.appendChild(st()),l.appendChild(r),a.appendChild(l),this.timeSlotsEnabled){const o=document.createElement("div");o.classList.add("cal-booking-time-section"),o.appendChild(at({durationLabels:this.durationLabels})),a.appendChild(o)}return a.addEventListener("keydown",o=>this._handleKeydown(o)),a}const t=document.createElement("div");t.classList.add("cal-months");const s=this.hasAttribute("dual"),i=s?2:1;for(let l=0;l<i;l++){const{year:r,month:o}=l===0?{year:e.viewYear,month:e.viewMonth}:pe(e.viewYear,e.viewMonth,1),h=document.createElement("div");if(h.classList.add("cal-month"),l===0&&h.appendChild(Ae({year:r,month:o,onPrev:e.pickingMonth?()=>{}:()=>this._prevMonth(),onNext:e.pickingMonth?()=>{}:()=>{s||this._nextMonth()},onTitleClick:()=>this._toggleMonthPicker()})),l===1&&h.appendChild(Ae({year:r,month:o,onPrev:()=>{},onNext:()=>this._nextMonth()})),e.pickingMonth&&l===0){const c=et({pickerYear:e.pickerYear,viewMonth:e.viewMonth,viewYear:e.viewYear,onMonthSelect:(d,g)=>this._selectMonthFromPicker(d,g),onYearPrev:()=>this._store.set({pickerYear:e.pickerYear-1}),onYearNext:()=>this._store.set({pickerYear:e.pickerYear+1}),onClose:()=>this._store.set({pickingMonth:!1})});h.appendChild(c)}else{const c=e.navDirection==="next"?"cal-animate-slide-left":e.navDirection==="prev"?"cal-animate-slide-right":"",d=Je({year:r,month:o,firstDay:this.firstDay,rangeStart:e.rangeStart,rangeEnd:e.rangeEnd,hoverDate:e.hoverDate,minDate:this.minDate,maxDate:this.maxDate,focusedDate:e.focusedDate,mode:"range",onSelect:g=>this._handleSelect(g),onHover:g=>this._handleHover(g),bookings:this._bookings,dayData:this._dayData,labelFormula:this._labelFormula,showLabelsOnHover:this.showLabelsOnHover});c&&d.classList.add(c),h.appendChild(d)}t.appendChild(h)}if(a.appendChild(t),this.timeSlotsEnabled&&e.timeSelectPhase&&!e.pickingMonth){const l=document.createElement("div");l.classList.add("cal-booking-time-section");const r=document.createElement("div");r.classList.add("cal-booking-time-header"),r.textContent=e.timeSelectPhase==="start"?"Select check-in time":"Select check-out time",l.appendChild(r);const o=this._getTimeSlotArray(),h=ct({slots:o,mode:"single",format:this.timeFormat,selected:e.timeSelectPhase==="end"?e.startTime:null,onSelect:c=>this._handleTimeSelect(c),onHover:()=>{},durationLabels:this.durationLabels});l.appendChild(h),a.appendChild(l)}return a.addEventListener("keydown",l=>this._handleKeydown(l)),a}_formatTriggerText(){const e=this._store.getState();if(e.rangeStart&&e.rangeEnd){let a=`${this._formatShortDate(e.rangeStart)} – ${this._formatShortDate(e.rangeEnd)}`;return e.startTime&&e.endTime&&(a+=` (${e.startTime} – ${e.endTime})`),a}return null}_formatShortDate(e){const a=W(e);return a?`${se[a.getMonth()].slice(0,3)} ${a.getDate()}, ${a.getFullYear()}`:e}render(){var t;if(this._rendering)return;this._rendering=!0;const e=this.shadowRoot,a=[...e.childNodes];for(const s of a)s.nodeName!=="STYLE"&&!(s instanceof CSSStyleSheet)&&e.removeChild(s);if((t=this._popover)==null||t.destroy(),this._popover=null,this.display==="popover"){const s=document.createElement("div");s.classList.add("cal-popover-wrapper");const i=document.createElement("button");i.classList.add("cal-trigger");const l=document.createElement("span");l.classList.add("cal-trigger__icon"),l.innerHTML=Bt,i.appendChild(l);const r=this._formatTriggerText(),o=document.createElement("span");r?o.textContent=r:(o.textContent=this.placeholder,o.classList.add("cal-trigger--placeholder")),i.appendChild(o),s.appendChild(i);const h=this._renderCalendarContent(),c=Be({trigger:i,content:h,onClose:()=>{this._store.set({isOpen:!1}),this.emit("cal:close")}});s.appendChild(c.panel),e.appendChild(s),i.addEventListener("click",d=>{d.stopPropagation(),c.isOpen?this.close():this.open()}),this._popover=c,this._store.get("isOpen")&&c.open()}else e.appendChild(this._renderCalendarContent());this._store.set({navDirection:null}),this._rendering=!1}}const Ft='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6"/><path d="M8 4.5V8l2.5 1.5"/></svg>',Nt=`
+  .cal-timepicker {
+    background: hsl(var(--cal-bg));
+    border-radius: var(--cal-radius);
+    user-select: none;
+    min-width: 200px;
+  }
+
+  :host([display="inline"]) .cal-timepicker {
+    border: 1px solid hsl(var(--cal-border));
+    padding: 12px;
+  }
+
+  .cal-timepicker__header {
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    margin-bottom: 8px;
+    padding: 0 4px;
+  }
+`;class ut extends be{static get styles(){return[Se,Te,Me,dt,Oe,Fe,ze,Nt]}static get observedAttributes(){return["mode","display","theme","start-time","end-time","interval","format","placeholder","value","duration-labels","loading"]}constructor(){super(),this._store=De({selected:null,rangeStart:null,hoverTime:null,isOpen:!1,statusType:null,statusMessage:null,statusDismissible:!0}),this._slots=null,this._unavailableTimes=[],this._popover=null,this._unsubscribe=null,this._rendering=!1}get mode(){return this.getAttribute("mode")||"single"}get display(){return this.getAttribute("display")||"inline"}get placeholder(){return this.getAttribute("placeholder")||"Select time"}get startTime(){return this.getAttribute("start-time")||"09:00"}get endTime(){return this.getAttribute("end-time")||"17:00"}get interval(){return parseInt(this.getAttribute("interval")||"30",10)}get format(){return this.getAttribute("format")||"24h"}get durationLabels(){return this.hasAttribute("duration-labels")}get loading(){return this.hasAttribute("loading")}set loading(e){e?this.setAttribute("loading",""):this.removeAttribute("loading")}get slots(){return this._slots}set slots(e){this._slots=Array.isArray(e)?e:null,this._initialized&&this.render()}get unavailableTimes(){return this._unavailableTimes}set unavailableTimes(e){this._unavailableTimes=Array.isArray(e)?e:[],this._initialized&&this.render()}get value(){return this._store.getState().selected}set value(e){this.mode==="single"&&typeof e=="string"?this._store.set({selected:e,rangeStart:null}):this.mode==="multi"&&Array.isArray(e)?this._store.set({selected:[...e].sort((a,t)=>b(a)-b(t)),rangeStart:null}):this.mode==="range"&&e&&typeof e=="object"?this._store.set({selected:{start:e.start,end:e.end},rangeStart:null}):this._store.set({selected:null,rangeStart:null})}_getEffectiveSlots(){return this._slots?this._slots:this.durationLabels?lt(this.startTime,this.endTime,this.interval,this.format).map(t=>({...t,available:!this._unavailableTimes.includes(t.time)})):Ee(this.startTime,this.endTime,this.interval).map(a=>({time:a,available:!this._unavailableTimes.includes(a)}))}connectedCallback(){super.connectedCallback(),this._unsubscribe=this._store.subscribe((a,t)=>{if(this._rendering)return;a.hoverTime!==t.hoverTime&&a.selected===t.selected&&a.rangeStart===t.rangeStart&&a.isOpen===t.isOpen?this._updateSlotHighlight(a):this.render()});const e=this.getAttribute("value");if(e)if(this.mode==="multi"&&e.includes(","))this.value=e.split(",").map(a=>a.trim());else if(this.mode==="range"&&e.includes("/")){const[a,t]=e.split("/");this.value={start:a.trim(),end:t.trim()}}else this.value=e}disconnectedCallback(){var e,a;(e=this._unsubscribe)==null||e.call(this),(a=this._popover)==null||a.destroy(),clearTimeout(this._statusTimer)}attributeChangedCallback(e,a,t){if(a!==t){if(e==="value"&&this._initialized)if(this.mode==="multi"&&t&&t.includes(","))this.value=t.split(",").map(s=>s.trim());else if(this.mode==="range"&&t&&t.includes("/")){const[s,i]=t.split("/");this.value={start:s.trim(),end:i.trim()}}else this.value=t;this._initialized&&this.render()}}_handleSelect(e){const a=this._store.getState();if(this.mode==="single")this._store.set({selected:e}),this.emit("cal:time-change",{value:e}),this.display==="popover"&&this.close();else if(this.mode==="multi"){const t=Array.isArray(a.selected)?[...a.selected]:[],s=t.indexOf(e);s>=0?t.splice(s,1):t.push(e),t.sort((i,l)=>b(i)-b(l)),this._store.set({selected:t}),this.emit("cal:time-change",{value:t})}else if(this.mode==="range")if(!a.rangeStart||a.selected&&typeof a.selected=="object"&&a.selected.start&&a.selected.end)this._store.set({rangeStart:e,selected:null,hoverTime:null});else{let t=a.rangeStart,s=e;b(t)>b(s)&&([t,s]=[s,t]);const i={start:t,end:s};this._store.set({selected:i,rangeStart:null,hoverTime:null}),this.emit("cal:time-change",{value:i}),this.display==="popover"&&this.close()}}_handleHover(e){this.mode==="range"&&this._store.set({hoverTime:e})}_updateSlotHighlight(e){const a=this.$$(".cal-time-slot"),{rangeStart:t,hoverTime:s,selected:i}=e,l=i&&typeof i=="object"&&i.start&&i.end;for(const r of a){const o=r.dataset.time;if(!(!o||r.disabled))if(t&&!l&&s){const h=b(t)<b(s)?t:s,c=b(t)<b(s)?s:t,d=b(o),g=d>b(h)&&d<b(c),u=o===t,p=o===s;r.classList.toggle("cal-time-slot--range-start",u),r.classList.toggle("cal-time-slot--range-end",p),r.classList.toggle("cal-time-slot--in-range",g)}else t||r.classList.remove("cal-time-slot--range-start","cal-time-slot--range-end","cal-time-slot--in-range")}}open(){this._popover&&(this._popover.open(),this._store.set({isOpen:!0}),this.emit("cal:open"))}close(){this._popover&&(this._popover.close(),this._store.set({isOpen:!1}),this.emit("cal:close"))}_renderTimepickerContent(){const e=this._store.getState(),a=document.createElement("div");a.classList.add("cal-timepicker"),e.statusType&&e.statusMessage&&a.appendChild($e({type:e.statusType,message:e.statusMessage,dismissible:e.statusDismissible,onDismiss:()=>this.clearStatus()}));const t=document.createElement("div");if(t.classList.add("cal-timepicker__header"),t.textContent="Select Time",a.appendChild(t),this.loading)a.appendChild(at({durationLabels:this.durationLabels}));else{const s=this._getEffectiveSlots(),i=ct({slots:s,mode:this.mode,format:this.format,selected:e.selected,hoverTime:e.hoverTime,rangeStart:e.rangeStart,unavailableTimes:this._unavailableTimes,onSelect:l=>this._handleSelect(l),onHover:l=>this._handleHover(l),durationLabels:this.durationLabels});a.appendChild(i)}return a}_formatTriggerText(){const e=this._store.getState();return e.selected?this.mode==="single"&&typeof e.selected=="string"?e.selected:this.mode==="multi"&&Array.isArray(e.selected)&&e.selected.length?`${e.selected.length} time${e.selected.length>1?"s":""} selected`:this.mode==="range"&&typeof e.selected=="object"&&e.selected.start?`${e.selected.start} – ${e.selected.end}`:null:null}render(){var t;if(this._rendering)return;this._rendering=!0;const e=this.shadowRoot,a=[...e.childNodes];for(const s of a)s.nodeName!=="STYLE"&&!(s instanceof CSSStyleSheet)&&e.removeChild(s);if((t=this._popover)==null||t.destroy(),this._popover=null,this.display==="popover"){const s=document.createElement("div");s.classList.add("cal-popover-wrapper");const i=document.createElement("button");i.classList.add("cal-trigger");const l=document.createElement("span");l.classList.add("cal-trigger__icon"),l.innerHTML=Ft,i.appendChild(l);const r=this._formatTriggerText(),o=document.createElement("span");r?o.textContent=r:(o.textContent=this.placeholder,o.classList.add("cal-trigger--placeholder")),i.appendChild(o),s.appendChild(i);const h=this._renderTimepickerContent(),c=Be({trigger:i,content:h,onClose:()=>{this._store.set({isOpen:!1}),this.emit("cal:close")}});s.appendChild(c.panel),e.appendChild(s),i.addEventListener("click",d=>{d.stopPropagation(),c.isOpen?this.close():this.open()}),this._popover=c,this._store.get("isOpen")&&c.open()}else e.appendChild(this._renderTimepickerContent());this._rendering=!1}}function Rt(n,e=0){const a=W(n);if(!a)return n;const s=(a.getDay()-e+7)%7;return a.setDate(a.getDate()-s),Z(a)}function Ne(n,e=0){const a=Rt(n,e),t=[];for(let s=0;s<7;s++)t.push(ye(a,s));return t}function jt(n,e,a){const t=W(e);if(!t)return"";if(n==="day")return`${se[t.getMonth()]} ${t.getDate()}, ${t.getFullYear()}`;if(n==="week"&&a&&a.length===7){const s=W(a[0]),i=W(a[6]);return!s||!i?"":s.getMonth()===i.getMonth()?`${se[s.getMonth()]} ${s.getDate()}–${i.getDate()}, ${s.getFullYear()}`:s.getFullYear()===i.getFullYear()?`${se[s.getMonth()].slice(0,3)} ${s.getDate()} – ${se[i.getMonth()].slice(0,3)} ${i.getDate()}, ${s.getFullYear()}`:`${se[s.getMonth()].slice(0,3)} ${s.getDate()}, ${s.getFullYear()} – ${se[i.getMonth()].slice(0,3)} ${i.getDate()}, ${i.getFullYear()}`}return n==="month"?`${se[t.getMonth()]} ${t.getFullYear()}`:""}function Le(n,e){return n.filter(a=>a.start?a.end&&a.end!==a.start?e>=a.start&&e<=a.end:a.start===e:!1)}function Ye(n){if(!n.length)return n;const e=[...n].sort((t,s)=>{const i=b(t.startTime||"00:00"),l=b(s.startTime||"00:00");if(i!==l)return i-l;const r=b(t.endTime||"23:59");return b(s.endTime||"23:59")-l-(r-i)}),a=[];for(const t of e){const s=b(t.startTime||"00:00"),i=b(t.endTime||"23:59");let l=!1;for(let r=0;r<a.length;r++)if(s>=a[r]){t._col=r,a[r]=i,l=!0;break}l||(t._col=a.length,a.push(i))}for(const t of e){const s=b(t.startTime||"00:00"),i=b(t.endTime||"23:59");let l=t._col;for(const r of e){const o=b(r.startTime||"00:00"),h=b(r.endTime||"23:59");o<i&&h>s&&(l=Math.max(l,r._col))}t._totalCols=l+1}return e}function ge(n,e,a,t){return(b(n)-b(e))/t*a}function pt(n,e,a,t){const s=n/a*t,i=b(e)+s;return le(Math.round(i))}function gt(n,e){const a=b(n),t=Math.round(a/e)*e;return le(t)}function qt(n,e,a){return Le(n,a).filter(t=>t.resourceId===e)}function mt(n,e,a,t,s){const i=qt(n,e,a),l=b(t),r=b(s);for(const o of i){if(!o.startTime||!o.endTime)continue;const h=b(o.startTime),c=b(o.endTime);if(l<c&&r>h)return!1}return!0}function Wt(n,e,a,t,s="08:00",i="18:00"){const{duration:l,resourceId:r,minCapacity:o}=n,h=n.date||ue(),c=14;let d=e;r&&(d=e.filter(p=>p.id===r)),o&&(d=d.filter(p=>p.capacity&&p.capacity>=o));const g=b(s),u=b(i);for(let p=0;p<c;p++){const _=ye(h,p);for(const m of d)for(let v=g;v+l<=u;v+=t){const C=le(v),k=le(v+l);if(mt(a,m.id,_,C,k))return{resourceId:m.id,date:_,startTime:C,endTime:k}}}return null}function Xt({title:n,view:e,onPrev:a,onNext:t,onToday:s,onViewChange:i}){const l=document.createElement("div");l.classList.add("cal-sched-nav");const r=document.createElement("div");r.classList.add("cal-sched-nav__left");const o=document.createElement("button");o.classList.add("cal-sched-nav__btn"),o.innerHTML=Pe,o.setAttribute("aria-label","Previous"),o.addEventListener("click",a);const h=document.createElement("button");h.classList.add("cal-sched-nav__btn"),h.innerHTML=He,h.setAttribute("aria-label","Next"),h.addEventListener("click",t);const c=document.createElement("button");c.classList.add("cal-sched-nav__today"),c.textContent="Today",c.addEventListener("click",s);const d=document.createElement("span");d.classList.add("cal-sched-nav__title"),d.setAttribute("aria-live","polite"),d.textContent=n,r.appendChild(o),r.appendChild(h),r.appendChild(c),r.appendChild(d);const g=document.createElement("div");g.classList.add("cal-sched-nav__tabs");for(const u of["day","week","month"]){const p=document.createElement("button");p.classList.add("cal-sched-nav__tab"),u===e&&p.classList.add("cal-sched-nav__tab--active"),p.textContent=u.charAt(0).toUpperCase()+u.slice(1),p.addEventListener("click",()=>i(u)),g.appendChild(p)}return l.appendChild(r),l.appendChild(g),l}const Gt=`
+  .cal-sched-nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 0;
+    gap: 8px;
+  }
+
+  .cal-sched-nav__left {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .cal-sched-nav__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border-radius: var(--cal-radius-sm);
+    color: hsl(var(--cal-fg));
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-nav__btn:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-sched-nav__today {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    padding: 4px 12px;
+    border-radius: var(--cal-radius-sm);
+    border: 1px solid hsl(var(--cal-border));
+    margin-left: 4px;
+    margin-right: 8px;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-nav__today:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-sched-nav__title {
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    user-select: none;
+  }
+
+  .cal-sched-nav__tabs {
+    display: flex;
+    gap: 0;
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius-sm);
+    overflow: hidden;
+  }
+
+  .cal-sched-nav__tab {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    padding: 4px 12px;
+    transition: all var(--cal-transition);
+    border-right: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-sched-nav__tab:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-nav__tab:hover {
+    background: hsl(var(--cal-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-nav__tab--active {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+
+  .cal-sched-nav__tab--active:hover {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+`;function ft({startTime:n,endTime:e,interval:a,slotHeight:t,format:s}){const i=document.createElement("div");i.classList.add("cal-sched-time-axis");const l=Ee(n,e,a);for(let r=0;r<l.length;r++){const o=l[r],h=ie(o);if(!h)continue;const c=document.createElement("div");if(c.classList.add("cal-sched-time-axis__slot"),c.style.height=`${t}px`,h.minutes===0){const d=document.createElement("span");d.classList.add("cal-sched-time-axis__label"),d.textContent=oe(h.hours,h.minutes,s),c.appendChild(d)}i.appendChild(c)}return i}const Kt=`
+  .cal-sched-time-axis {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    width: 56px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-time-axis__slot {
+    position: relative;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-end;
+    padding-right: 8px;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-time-axis__label {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    transform: translateY(-7px);
+    white-space: nowrap;
+    user-select: none;
+  }
+`;function Ut({resource:n,width:e}){const a=document.createElement("div");a.classList.add("cal-sched-resource-header"),e&&(a.style.width=`${e}px`),a.style.flex=e?`0 0 ${e}px`:"1 1 0";const t=document.createElement("span");t.classList.add("cal-sched-resource-header__dot");const s=n.color||"blue";t.style.background=`hsl(var(--cal-booking-${s}-fg))`,a.appendChild(t);const i=document.createElement("span");if(i.classList.add("cal-sched-resource-header__name"),i.textContent=n.name,a.appendChild(i),n.capacity){const l=document.createElement("span");l.classList.add("cal-sched-resource-header__capacity"),l.textContent=n.capacity,l.setAttribute("title",`Capacity: ${n.capacity}`),a.appendChild(l)}return a}function Vt({resources:n}){const e=document.createElement("div");e.classList.add("cal-sched-resource-header-row");for(const a of n)e.appendChild(Ut({resource:a}));return e}const Jt=`
+  .cal-sched-resource-header-row {
+    display: flex;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+  }
+
+  .cal-sched-resource-header {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 12px;
+    min-width: 0;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-resource-header:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-resource-header__dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-resource-header__name {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .cal-sched-resource-header__capacity {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    background: hsl(var(--cal-bg-muted));
+    padding: 1px 6px;
+    border-radius: 999px;
+    flex-shrink: 0;
+  }
+`;function Ie({event:n,gridStartTime:e,slotHeight:a,interval:t,format:s,onClick:i,eventContent:l,showTime:r=!0,resource:o,draggable:h}){const c=document.createElement("div");c.classList.add("cal-sched-event"),c.setAttribute("role","button"),c.setAttribute("tabindex","0"),c.dataset.eventId=n.id;const d=!!n.locked;h&&!d&&(c.dataset.draggable="true"),d&&c.classList.add("cal-sched-event--locked");const g=n.color||"blue";if(c.style.setProperty("--ev-bg",`var(--cal-booking-${g}-bg)`),c.style.setProperty("--ev-fg",`var(--cal-booking-${g}-fg)`),n.startTime&&n.endTime){const u=ge(n.startTime,e,a,t),p=ge(n.endTime,e,a,t),_=Math.max(p-u,a*.5);if(c.style.top=`${u}px`,c.style.height=`${_}px`,n._totalCols>1){const m=100/n._totalCols;c.style.left=`${n._col*m}%`,c.style.width=`${m}%`}}if(typeof l=="function"){const u=l(n,o),p=document.createElement("div");p.classList.add("cal-sched-event__custom"),u instanceof HTMLElement?p.appendChild(u):u!=null&&(p.textContent=String(u)),c.appendChild(p)}else{const u=document.createElement("div");if(u.classList.add("cal-sched-event__title"),u.textContent=n.title||"",c.appendChild(u),r&&n.startTime&&n.endTime){const p=document.createElement("div");p.classList.add("cal-sched-event__time");const _=ie(n.startTime),m=ie(n.endTime);_&&m&&(p.textContent=`${oe(_.hours,_.minutes,s)}–${oe(m.hours,m.minutes,s)}`),c.appendChild(p)}}if(h&&!d){const u=document.createElement("div");u.classList.add("cal-sched-event__resize-handle"),c.appendChild(u)}return i&&(c.addEventListener("click",u=>{if(c.dataset.wasDragged){delete c.dataset.wasDragged;return}u.stopPropagation(),i(n)}),c.addEventListener("keydown",u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),u.stopPropagation(),i(n))})),c}function vt({event:n,onClick:e,eventContent:a,resource:t}){const s=document.createElement("div");s.classList.add("cal-sched-allday-chip"),s.dataset.eventId=n.id;const i=n.color||"blue";if(s.style.setProperty("--ev-bg",`var(--cal-booking-${i}-bg)`),s.style.setProperty("--ev-fg",`var(--cal-booking-${i}-fg)`),typeof a=="function"){const l=a(n,t);l instanceof HTMLElement?s.appendChild(l):l!=null&&(s.textContent=String(l))}else s.textContent=n.title||"";return e&&s.addEventListener("click",l=>{l.stopPropagation(),e(n)}),s}function Zt({event:n,format:e,onClick:a,eventContent:t,resource:s}){const i=document.createElement("div");i.classList.add("cal-sched-month-chip"),i.dataset.eventId=n.id;const l=n.color||"blue";if(i.style.setProperty("--ev-bg",`var(--cal-booking-${l}-bg)`),i.style.setProperty("--ev-fg",`var(--cal-booking-${l}-fg)`),typeof t=="function"){const r=t(n,s);r instanceof HTMLElement?i.appendChild(r):r!=null&&(i.textContent=String(r))}else{const r=document.createElement("span");r.classList.add("cal-sched-month-chip__dot"),r.style.background=`hsl(var(--cal-booking-${l}-fg))`,i.appendChild(r);const o=document.createElement("span");if(o.classList.add("cal-sched-month-chip__text"),n.startTime){const h=ie(n.startTime),c=h?oe(h.hours,h.minutes,e):n.startTime;o.textContent=`${c} ${n.title||""}`}else o.textContent=n.title||"";i.appendChild(o)}return a&&i.addEventListener("click",r=>{r.stopPropagation(),a(n)}),i}const Qt=`
+  .cal-sched-event {
+    position: absolute;
+    left: 2px;
+    right: 2px;
+    background: hsl(var(--ev-bg));
+    color: hsl(var(--ev-fg));
+    border-left: 3px solid hsl(var(--ev-fg));
+    border-radius: var(--cal-radius-sm);
+    padding: 2px 6px;
+    font-size: 12px;
+    line-height: 1.3;
+    overflow: hidden;
+    cursor: pointer;
+    transition: box-shadow var(--cal-transition);
+    z-index: 1;
+  }
+
+  .cal-sched-event:hover {
+    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.1);
+    z-index: 2;
+  }
+
+  .cal-sched-event:focus-visible {
+    outline: 2px solid hsl(var(--cal-ring));
+    outline-offset: 1px;
+  }
+
+  .cal-sched-event__title {
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .cal-sched-event__time {
+    font-size: 11px;
+    opacity: 0.8;
+    white-space: nowrap;
+  }
+
+  .cal-sched-event__custom {
+    overflow: hidden;
+  }
+
+  .cal-sched-event--locked {
+    cursor: default;
+    opacity: 0.85;
+  }
+
+  .cal-sched-event--locked::after {
+    content: '';
+    position: absolute;
+    top: 3px;
+    right: 4px;
+    width: 10px;
+    height: 10px;
+    background: currentColor;
+    opacity: 0.25;
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11 5V4a3 3 0 0 0-6 0v1H4v7h8V5h-1ZM6 4a2 2 0 1 1 4 0v1H6V4Z'/%3E%3C/svg%3E");
+    mask-size: contain;
+    mask-repeat: no-repeat;
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11 5V4a3 3 0 0 0-6 0v1H4v7h8V5h-1ZM6 4a2 2 0 1 1 4 0v1H6V4Z'/%3E%3C/svg%3E");
+    -webkit-mask-size: contain;
+    -webkit-mask-repeat: no-repeat;
+  }
+
+  .cal-sched-allday-chip {
+    background: hsl(var(--ev-bg));
+    color: hsl(var(--ev-fg));
+    border-left: 3px solid hsl(var(--ev-fg));
+    border-radius: var(--cal-radius-sm);
+    padding: 2px 8px;
+    font-size: 12px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: pointer;
+    transition: box-shadow var(--cal-transition);
+  }
+
+  .cal-sched-allday-chip:hover {
+    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.1);
+  }
+
+  .cal-sched-month-chip {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    background: hsl(var(--ev-bg));
+    color: hsl(var(--ev-fg));
+    border-radius: var(--cal-radius-sm);
+    padding: 1px 6px;
+    font-size: 11px;
+    cursor: pointer;
+    overflow: hidden;
+    transition: box-shadow var(--cal-transition);
+  }
+
+  .cal-sched-month-chip:hover {
+    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.1);
+  }
+
+  .cal-sched-month-chip__dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-month-chip__text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;function Ce({date:n,startTime:e,endTime:a,resourceName:t,format:s,onCreate:i}){const l=document.createElement("div");l.classList.add("cal-sched-slot-prompt","cal-animate-fade");const r=document.createElement("div");if(r.classList.add("cal-sched-slot-prompt__info"),e&&a){const h=ie(e),c=ie(a),d=document.createElement("div");d.classList.add("cal-sched-slot-prompt__time"),h&&c&&(d.textContent=`${oe(h.hours,h.minutes,s)}–${oe(c.hours,c.minutes,s)}`),r.appendChild(d)}else{const h=document.createElement("div");h.classList.add("cal-sched-slot-prompt__time"),h.textContent=n,r.appendChild(h)}if(t){const h=document.createElement("div");h.classList.add("cal-sched-slot-prompt__resource"),h.textContent=t,r.appendChild(h)}l.appendChild(r);const o=document.createElement("button");return o.classList.add("cal-sched-slot-prompt__btn"),o.setAttribute("aria-label","Create event"),o.innerHTML='<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M7 3v8M3 7h8"/></svg>',o.addEventListener("click",h=>{h.stopPropagation(),i==null||i()}),l.appendChild(o),l.addEventListener("click",h=>h.stopPropagation()),l}const ea=`
+  .cal-sched-slot-prompt {
+    position: absolute;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: hsl(var(--cal-bg));
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius);
+    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.06);
+    padding: 6px 8px 6px 12px;
+    font-size: 12px;
+    color: hsl(var(--cal-fg));
+    white-space: nowrap;
+    pointer-events: auto;
+  }
+
+  .cal-sched-slot-prompt__info {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+  }
+
+  .cal-sched-slot-prompt__time {
+    font-weight: 600;
+    font-size: 12px;
+  }
+
+  .cal-sched-slot-prompt__resource {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-slot-prompt__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    border-radius: var(--cal-radius-sm);
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    flex-shrink: 0;
+    transition: opacity var(--cal-transition);
+  }
+
+  .cal-sched-slot-prompt__btn:hover {
+    opacity: 0.85;
+  }
+
+  /* Selected slot highlight */
+  .cal-sched-week__slot--selected,
+  .cal-sched-day__slot--selected {
+    background: hsl(var(--cal-accent-subtle));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent));
+    z-index: 1;
+    position: relative;
+  }
+
+  .cal-sched-month__cell--selected {
+    background: hsl(var(--cal-accent-subtle));
+    box-shadow: inset 0 0 0 1.5px hsl(var(--cal-accent));
+  }
+`;function ta({date:n,resources:e,events:a,startTime:t,endTime:s,interval:i,slotHeight:l,format:r,layout:o,resourceMode:h,selectedSlot:c,eventContent:d,showTime:g=!0,draggable:u,onSlotClick:p,onEventClick:_,onSlotCreate:m}){const v=document.createElement("div");v.classList.add("cal-sched-day"),o==="horizontal"&&v.classList.add("cal-sched-day--horizontal");const C=h==="tabs",k=e.length>1&&!C,S=Le(a,n),B=S.filter(x=>!x.startTime||!x.endTime),V=S.filter(x=>x.startTime&&x.endTime),O=Ee(t,s,i);if(B.length>0){const x=document.createElement("div");x.classList.add("cal-sched-day__allday");const f=document.createElement("div");f.classList.add("cal-sched-day__allday-label"),f.textContent="All day",x.appendChild(f);const F=document.createElement("div");F.classList.add("cal-sched-day__allday-chips");for(const R of B){const L=e.find(y=>y.id===R.resourceId);F.appendChild(vt({event:R,onClick:y=>_==null?void 0:_(y,R.resourceId,L),eventContent:d,resource:L}))}x.appendChild(F),v.appendChild(x)}if(k){const x=document.createElement("div");x.classList.add("cal-sched-day__header");const f=document.createElement("div");f.classList.add("cal-sched-day__header-spacer"),x.appendChild(f),x.appendChild(Vt({resources:e})),v.appendChild(x)}const N=document.createElement("div");N.classList.add("cal-sched-day__grid-area"),N.appendChild(ft({startTime:t,endTime:s,interval:i,slotHeight:l,format:r}));const I=document.createElement("div");if(I.classList.add("cal-sched-day__lanes"),k)for(const x of e){const f=document.createElement("div");f.classList.add("cal-sched-day__lane"),f.style.flex="1 1 0",f.dataset.resourceId=x.id,f.dataset.date=n;for(let L=0;L<O.length;L++){const y=document.createElement("div");y.classList.add("cal-sched-day__slot"),y.style.height=`${l}px`,y.dataset.time=O[L],y.dataset.resourceId=x.id;const H=L<O.length-1?O[L+1]:s;c&&c.date===n&&c.startTime===O[L]&&c.resourceId===x.id&&(y.classList.add("cal-sched-day__slot--selected"),y.appendChild(Ce({date:n,startTime:O[L],endTime:H,resourceName:x.name,format:r,onCreate:()=>m==null?void 0:m(n,O[L],H,x.id,x)}))),y.addEventListener("click",()=>{p==null||p(n,O[L],H,x.id,x)}),f.appendChild(y)}const F=V.filter(L=>L.resourceId===x.id),R=Ye(F);for(const L of R)f.appendChild(Ie({event:L,gridStartTime:t,slotHeight:l,interval:i,format:r,onClick:y=>_==null?void 0:_(y,x.id,x),eventContent:d,showTime:g,resource:x,draggable:u}));I.appendChild(f)}else{const x=document.createElement("div");x.classList.add("cal-sched-day__lane"),x.style.flex="1 1 0",x.dataset.date=n;const f=e.length===1?e[0]:null;f&&(x.dataset.resourceId=f.id);for(let R=0;R<O.length;R++){const L=document.createElement("div");L.classList.add("cal-sched-day__slot"),L.style.height=`${l}px`,L.dataset.time=O[R];const y=R<O.length-1?O[R+1]:s,H=(f==null?void 0:f.id)||null;c&&c.date===n&&c.startTime===O[R]&&(c.resourceId===H||!c.resourceId&&!H)&&(L.classList.add("cal-sched-day__slot--selected"),L.appendChild(Ce({date:n,startTime:O[R],endTime:y,resourceName:(f==null?void 0:f.name)||null,format:r,onCreate:()=>m==null?void 0:m(n,O[R],y,H,f)}))),L.addEventListener("click",()=>{p==null||p(n,O[R],y,H,f)}),x.appendChild(L)}const F=Ye(V);for(const R of F){const L=e.find(y=>y.id===R.resourceId)||e[0];x.appendChild(Ie({event:R,gridStartTime:t,slotHeight:l,interval:i,format:r,onClick:y=>_==null?void 0:_(y,R.resourceId,L),eventContent:d,showTime:g,resource:L,draggable:u}))}I.appendChild(x)}N.appendChild(I);const M=ue();if(re(n,M)){const x=rt(),f=b(x),F=b(t),R=b(s);if(f>=F&&f<=R){const L=ge(x,t,l,i),y=document.createElement("div");y.classList.add("cal-sched-now-line"),y.style.top=`${L}px`;const H=document.createElement("div");H.classList.add("cal-sched-now-line__dot"),y.appendChild(H),I.appendChild(y)}}return v.appendChild(N),v}const aa=`
+  .cal-sched-day {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-day__allday {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+    flex-wrap: wrap;
+  }
+
+  .cal-sched-day__allday-label {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    flex-shrink: 0;
+    width: 48px;
+  }
+
+  .cal-sched-day__allday-chips {
+    display: flex;
+    gap: 4px;
+    flex-wrap: wrap;
+    flex: 1;
+  }
+
+  .cal-sched-day__header {
+    display: flex;
+    background: hsl(var(--cal-sched-header-bg));
+    position: sticky;
+    top: 0;
+    z-index: 3;
+  }
+
+  .cal-sched-day__header-spacer {
+    width: 56px;
+    flex-shrink: 0;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day__grid-area {
+    display: flex;
+    overflow-y: auto;
+    position: relative;
+    padding-top: 8px;
+  }
+
+  .cal-sched-day__lanes {
+    display: flex;
+    flex: 1;
+    position: relative;
+  }
+
+  .cal-sched-day__lane {
+    position: relative;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day__lane:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-day__slot {
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    cursor: pointer;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-day__slot:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+  }
+
+  /* Now line */
+  .cal-sched-now-line {
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: hsl(var(--cal-sched-now-line));
+    z-index: 5;
+    pointer-events: none;
+  }
+
+  .cal-sched-now-line__dot {
+    position: absolute;
+    left: -4px;
+    top: -3px;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: hsl(var(--cal-sched-now-line));
+  }
+
+  /* Horizontal layout */
+  .cal-sched-day--horizontal .cal-sched-day__grid-area {
+    flex-direction: column;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__lanes {
+    flex-direction: column;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__lane {
+    display: flex;
+    border-right: none;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__lane:last-child {
+    border-bottom: none;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-day__slot {
+    border-bottom: none;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    flex: 0 0 auto;
+  }
+
+  .cal-sched-day--horizontal .cal-sched-time-axis {
+    flex-direction: row;
+    width: auto;
+    border-right: none;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-day--horizontal .cal-sched-time-axis__slot {
+    border-bottom: none;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    align-items: center;
+    justify-content: center;
+    padding: 4px 0;
+  }
+`,Re=3,je=5;function sa({date:n,firstDay:e,resources:a,events:t,startTime:s,endTime:i,interval:l,slotHeight:r,format:o,layout:h,resourceMode:c,selectedSlot:d,eventContent:g,showTime:u=!0,draggable:p,allDayCollapsed:_,onToggleAllDay:m,onSlotClick:v,onEventClick:C,onSlotCreate:k}){const S=document.createElement("div");S.classList.add("cal-sched-week"),h==="horizontal"&&S.classList.add("cal-sched-week--horizontal");const B=Ne(n,e),V=c==="tabs",O=a.length>1&&!V,N=Ee(s,i,l),I=ue(),M={};for(const y of B){const H=Le(t,y).filter(K=>!K.startTime||!K.endTime);H.length&&(M[y]=H)}if(Object.keys(M).length>0){const y=document.createElement("div");y.classList.add("cal-sched-week__allday"),_&&y.classList.add("cal-sched-week__allday--collapsed");const H=document.createElement("div");H.classList.add("cal-sched-week__allday-spacer");const K=document.createElement("span");K.textContent="All day",H.appendChild(K);const E=document.createElement("button");E.classList.add("cal-sched-week__allday-toggle"),E.setAttribute("aria-label",_?"Expand all-day events":"Collapse all-day events"),E.innerHTML=_?'<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5l3 3 3-3"/></svg>':'<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7l3-3 3 3"/></svg>',E.addEventListener("click",Y=>{Y.stopPropagation(),m==null||m()}),H.appendChild(E),y.appendChild(H);for(const Y of B){const X=document.createElement("div");X.classList.add("cal-sched-week__allday-cell");const $=M[Y]||[];if(_){if($.length>0){const T=document.createElement("div");T.classList.add("cal-sched-week__allday-dots");const z=$.slice(0,je);for(const q of z){const Q=document.createElement("span");Q.classList.add("cal-sched-week__allday-dot");const ke=q.color||"blue";Q.style.background=`hsl(var(--cal-booking-${ke}-fg))`,T.appendChild(Q)}if($.length>je){const q=document.createElement("span");q.classList.add("cal-sched-week__allday-overflow"),q.textContent=`+${$.length-je}`,T.appendChild(q)}X.appendChild(T)}}else{const T=$.slice(0,Re);for(const z of T){const q=a.find(Q=>Q.id===z.resourceId);X.appendChild(vt({event:z,onClick:Q=>C==null?void 0:C(Q,z.resourceId,q),eventContent:g,resource:q}))}if($.length>Re){const z=document.createElement("span");z.classList.add("cal-sched-week__allday-overflow"),z.textContent=`+${$.length-Re}`,X.appendChild(z)}}y.appendChild(X)}S.appendChild(y)}const f=document.createElement("div");f.classList.add("cal-sched-week__header");const F=document.createElement("div");F.classList.add("cal-sched-week__header-spacer"),f.appendChild(F);for(const y of B){const H=W(y),K=document.createElement("div");K.classList.add("cal-sched-week__day-header"),re(y,I)&&K.classList.add("cal-sched-week__day-header--today");const E=document.createElement("span");E.classList.add("cal-sched-week__day-name"),E.textContent=We(y);const Y=document.createElement("span");if(Y.classList.add("cal-sched-week__day-num"),re(y,I)&&Y.classList.add("cal-sched-week__day-num--today"),Y.textContent=H?H.getDate():"",K.appendChild(E),K.appendChild(Y),O){const X=document.createElement("div");X.classList.add("cal-sched-week__res-row");for(const $ of a){const T=document.createElement("span");T.classList.add("cal-sched-week__res-label");const z=document.createElement("span");z.classList.add("cal-sched-week__res-dot"),z.style.background=`hsl(var(--cal-booking-${$.color||"blue"}-fg))`,T.appendChild(z),T.appendChild(document.createTextNode($.name)),X.appendChild(T)}K.appendChild(X)}f.appendChild(K)}S.appendChild(f);const R=document.createElement("div");R.classList.add("cal-sched-week__grid-area"),R.appendChild(ft({startTime:s,endTime:i,interval:l,slotHeight:r,format:o}));const L=document.createElement("div");L.classList.add("cal-sched-week__cols");for(const y of B){const H=document.createElement("div");H.classList.add("cal-sched-week__day-col"),H.dataset.date=y,re(y,I)&&H.classList.add("cal-sched-week__day-col--today");const K=Le(t,y).filter(E=>E.startTime&&E.endTime);if(O)for(const E of a){const Y=document.createElement("div");Y.classList.add("cal-sched-week__lane"),Y.dataset.resourceId=E.id;for(let T=0;T<N.length;T++){const z=document.createElement("div");z.classList.add("cal-sched-week__slot"),z.style.height=`${r}px`,z.dataset.time=N[T];const q=T<N.length-1?N[T+1]:i;d&&d.date===y&&d.startTime===N[T]&&d.resourceId===E.id&&(z.classList.add("cal-sched-week__slot--selected"),z.appendChild(Ce({date:y,startTime:N[T],endTime:q,resourceName:E.name,format:o,onCreate:()=>k==null?void 0:k(y,N[T],q,E.id,E)}))),z.addEventListener("click",()=>{v==null||v(y,N[T],q,E.id,E)}),Y.appendChild(z)}const X=K.filter(T=>T.resourceId===E.id),$=Ye(X);for(const T of $)Y.appendChild(Ie({event:T,gridStartTime:s,slotHeight:r,interval:l,format:o,onClick:z=>C==null?void 0:C(z,E.id,E),eventContent:g,showTime:u,resource:E,draggable:p}));H.appendChild(Y)}else{const E=document.createElement("div");E.classList.add("cal-sched-week__lane","cal-sched-week__lane--full");const Y=a.length===1?a[0]:null;Y&&(E.dataset.resourceId=Y.id);for(let $=0;$<N.length;$++){const T=document.createElement("div");T.classList.add("cal-sched-week__slot"),T.style.height=`${r}px`,T.dataset.time=N[$];const z=$<N.length-1?N[$+1]:i,q=(Y==null?void 0:Y.id)||null;d&&d.date===y&&d.startTime===N[$]&&(d.resourceId===q||!d.resourceId&&!q)&&(T.classList.add("cal-sched-week__slot--selected"),T.appendChild(Ce({date:y,startTime:N[$],endTime:z,resourceName:(Y==null?void 0:Y.name)||null,format:o,onCreate:()=>k==null?void 0:k(y,N[$],z,q,Y)}))),T.addEventListener("click",()=>{v==null||v(y,N[$],z,q,Y)}),E.appendChild(T)}const X=Ye(K);for(const $ of X){const T=a.find(z=>z.id===$.resourceId)||a[0];E.appendChild(Ie({event:$,gridStartTime:s,slotHeight:r,interval:l,format:o,onClick:z=>C==null?void 0:C(z,$.resourceId,T),eventContent:g,showTime:u,resource:T,draggable:p}))}H.appendChild(E)}L.appendChild(H)}if(B.includes(I)){const y=rt(),H=b(y),K=b(s),E=b(i);if(H>=K&&H<=E){const Y=B.indexOf(I),X=ge(y,s,r,l),$=document.createElement("div");$.classList.add("cal-sched-now-line","cal-sched-now-line--week"),$.style.top=`${X}px`;const T=100/7;$.style.left=`${Y*T}%`,$.style.width=`${T}%`;const z=document.createElement("div");z.classList.add("cal-sched-now-line__dot"),$.appendChild(z),L.appendChild($)}}return R.appendChild(L),S.appendChild(R),S}const na=`
+  .cal-sched-week {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-week__allday {
+    display: flex;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+  }
+
+  .cal-sched-week__allday-spacer {
+    width: 56px;
+    flex-shrink: 0;
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    justify-content: center;
+    gap: 4px;
+    padding-right: 8px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-week__allday-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    border-radius: var(--cal-radius-sm);
+    background: transparent;
+    color: hsl(var(--cal-fg-muted));
+    cursor: pointer;
+    transition: background var(--cal-transition), color var(--cal-transition);
+  }
+
+  .cal-sched-week__allday-toggle:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-week__allday-cell {
+    flex: 1;
+    display: flex;
+    gap: 2px;
+    padding: 4px;
+    flex-wrap: wrap;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    max-height: 80px;
+    overflow: hidden;
+    align-items: flex-start;
+    align-content: flex-start;
+  }
+
+  .cal-sched-week__allday--collapsed .cal-sched-week__allday-cell {
+    max-height: 28px;
+    align-items: center;
+    align-content: center;
+  }
+
+  .cal-sched-week__allday-cell:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__allday-overflow {
+    font-size: 10px;
+    color: hsl(var(--cal-fg-muted));
+    padding: 1px 4px;
+    white-space: nowrap;
+  }
+
+  .cal-sched-week__allday-dots {
+    display: flex;
+    align-items: center;
+    gap: 3px;
+  }
+
+  .cal-sched-week__allday-dot {
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-week__header {
+    display: flex;
+    background: hsl(var(--cal-sched-header-bg));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    position: sticky;
+    top: 0;
+    z-index: 3;
+  }
+
+  .cal-sched-week__header-spacer {
+    width: 56px;
+    flex-shrink: 0;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-week__day-header {
+    flex: 1;
+    text-align: center;
+    padding: 8px 4px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-week__day-header:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__day-name {
+    display: block;
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  .cal-sched-week__day-num {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    font-size: 14px;
+    font-weight: 600;
+    color: hsl(var(--cal-fg));
+    border-radius: 50%;
+  }
+
+  .cal-sched-week__day-num--today {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+
+  .cal-sched-week__res-row {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    margin-top: 4px;
+  }
+
+  .cal-sched-week__res-label {
+    display: flex;
+    align-items: center;
+    gap: 3px;
+    font-size: 10px;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-week__res-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+  }
+
+  .cal-sched-week__grid-area {
+    display: flex;
+    overflow-y: auto;
+    position: relative;
+    padding-top: 8px;
+  }
+
+  .cal-sched-week__cols {
+    display: flex;
+    flex: 1;
+    position: relative;
+  }
+
+  .cal-sched-week__day-col {
+    flex: 1;
+    display: flex;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    position: relative;
+  }
+
+  .cal-sched-week__day-col:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__lane {
+    flex: 1;
+    position: relative;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line) / 0.5);
+  }
+
+  .cal-sched-week__lane:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-week__lane--full {
+    border-right: none;
+  }
+
+  .cal-sched-week__slot {
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    cursor: pointer;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-week__slot:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+  }
+
+  .cal-sched-now-line--week {
+    position: absolute;
+    height: 2px;
+    background: hsl(var(--cal-sched-now-line));
+    z-index: 5;
+    pointer-events: none;
+  }
+`,bt=3;function ia({date:n,firstDay:e,resources:a,events:t,format:s,selectedResourceId:i,selectedDate:l,eventContent:r,onSlotClick:o,onEventClick:h,onSlotCreate:c}){const d=document.createElement("div");d.classList.add("cal-sched-month");const g=W(n);if(!g)return d;const u=g.getFullYear(),p=g.getMonth();ue();const _=document.createElement("div");_.classList.add("cal-sched-month__weekdays");const m=Xe(e);for(const k of m){const S=document.createElement("div");S.classList.add("cal-sched-month__weekday"),S.textContent=k,_.appendChild(S)}d.appendChild(_);const v=document.createElement("div");v.classList.add("cal-sched-month__grid");const C=Ke(u,p,e);for(const k of C){const S=document.createElement("div");S.classList.add("cal-sched-month__cell"),k.isCurrentMonth||S.classList.add("cal-sched-month__cell--outside"),k.isToday&&S.classList.add("cal-sched-month__cell--today"),l&&k.dateString===l&&S.classList.add("cal-sched-month__cell--selected"),S.addEventListener("click",M=>{M.target.closest(".cal-sched-month-chip")||o==null||o(k.dateString)});const B=document.createElement("div");B.classList.add("cal-sched-month__day-num"),k.isToday&&B.classList.add("cal-sched-month__day-num--today"),B.textContent=k.day,S.appendChild(B);let V=Le(t,k.dateString);i&&(V=V.filter(M=>M.resourceId===i)),V.sort((M,x)=>M.startTime&&!x.startTime?-1:!M.startTime&&x.startTime?1:M.startTime&&x.startTime?M.startTime.localeCompare(x.startTime):0);const O=document.createElement("div");O.classList.add("cal-sched-month__events");const N=V.slice(0,bt),I=V.length-bt;for(const M of N){const x=a.find(f=>f.id===M.resourceId);O.appendChild(Zt({event:M,format:s,onClick:f=>h==null?void 0:h(f,M.resourceId,x),eventContent:r,resource:x}))}if(I>0){const M=document.createElement("div");M.classList.add("cal-sched-month__more"),M.textContent=`+${I} more`,O.appendChild(M)}S.appendChild(O),l&&k.dateString===l&&(S.style.position="relative",S.appendChild(Ce({date:k.dateString,startTime:null,endTime:null,resourceName:null,format:s,onCreate:()=>c==null?void 0:c(k.dateString)}))),v.appendChild(S)}return d.appendChild(v),d}const la=`
+  .cal-sched-month {
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-month__weekdays {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+  }
+
+  .cal-sched-month__weekday {
+    font-size: 11px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    text-align: center;
+    padding: 8px 4px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  .cal-sched-month__grid {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .cal-sched-month__cell {
+    min-height: 100px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    padding: 4px;
+    cursor: pointer;
+    transition: background var(--cal-transition);
+  }
+
+  .cal-sched-month__cell:nth-child(7n) {
+    border-right: none;
+  }
+
+  .cal-sched-month__cell:hover {
+    background: hsl(var(--cal-sched-slot-hover));
+  }
+
+  .cal-sched-month__cell--outside {
+    opacity: 0.4;
+  }
+
+  .cal-sched-month__day-num {
+    font-size: 13px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg));
+    margin-bottom: 4px;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .cal-sched-month__day-num--today {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    border-radius: 50%;
+  }
+
+  .cal-sched-month__events {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .cal-sched-month__more {
+    font-size: 11px;
+    color: hsl(var(--cal-fg-muted));
+    padding: 1px 6px;
+    cursor: pointer;
+  }
+
+  .cal-sched-month__more:hover {
+    color: hsl(var(--cal-fg));
+  }
+`;function ra({columns:n=3,rows:e=10,slotHeight:a=48}={}){const t=document.createElement("div");t.setAttribute("role","status"),t.setAttribute("aria-label","Loading..."),t.classList.add("cal-sched-skeleton-grid");const s=document.createElement("div");s.classList.add("cal-sched-skeleton-grid__header");const i=document.createElement("div");i.classList.add("cal-sched-skeleton-grid__spacer"),s.appendChild(i);for(let r=0;r<n;r++){const o=document.createElement("div");o.classList.add("cal-skeleton","cal-sched-skeleton-grid__col-header"),s.appendChild(o)}t.appendChild(s);const l=document.createElement("div");l.classList.add("cal-sched-skeleton-grid__body");for(let r=0;r<e;r++){const o=document.createElement("div");o.classList.add("cal-sched-skeleton-grid__row"),o.style.height=`${a}px`;const h=document.createElement("div");h.classList.add("cal-skeleton","cal-sched-skeleton-grid__time"),o.appendChild(h);for(let c=0;c<n;c++){const d=document.createElement("div");if(d.classList.add("cal-sched-skeleton-grid__cell"),Math.random()<.15){const g=document.createElement("div");g.classList.add("cal-skeleton","cal-skeleton--rect","cal-sched-skeleton-grid__event"),g.style.height=`${a*(1+Math.floor(Math.random()*2))}px`,d.appendChild(g)}o.appendChild(d)}l.appendChild(o)}return t.appendChild(l),t}function oa(){const n=document.createElement("div");n.setAttribute("role","status"),n.setAttribute("aria-label","Loading..."),n.classList.add("cal-sched-skeleton-month");const e=document.createElement("div");e.classList.add("cal-sched-skeleton-month__weekdays");for(let t=0;t<7;t++){const s=document.createElement("div");s.classList.add("cal-skeleton","cal-sched-skeleton-month__weekday"),e.appendChild(s)}n.appendChild(e);const a=document.createElement("div");a.classList.add("cal-sched-skeleton-month__grid");for(let t=0;t<35;t++){const s=document.createElement("div");s.classList.add("cal-sched-skeleton-month__cell");const i=document.createElement("div");i.classList.add("cal-skeleton","cal-sched-skeleton-month__num"),s.appendChild(i);const l=Math.floor(Math.random()*3);for(let r=0;r<l;r++){const o=document.createElement("div");o.classList.add("cal-skeleton","cal-skeleton--rect","cal-sched-skeleton-month__chip"),s.appendChild(o)}a.appendChild(s)}return n.appendChild(a),n}const ca=`
+  .cal-sched-skeleton-grid {
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-skeleton-grid__header {
+    display: flex;
+    background: hsl(var(--cal-sched-header-bg));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    padding: 12px 0;
+  }
+
+  .cal-sched-skeleton-grid__spacer {
+    width: 56px;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-skeleton-grid__col-header {
+    flex: 1;
+    height: 20px;
+    margin: 0 12px;
+  }
+
+  .cal-sched-skeleton-grid__body {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .cal-sched-skeleton-grid__row {
+    display: flex;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-skeleton-grid__time {
+    width: 36px;
+    height: 12px;
+    margin: 4px 10px;
+    flex-shrink: 0;
+  }
+
+  .cal-sched-skeleton-grid__cell {
+    flex: 1;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    position: relative;
+    padding: 2px;
+  }
+
+  .cal-sched-skeleton-grid__cell:last-child {
+    border-right: none;
+  }
+
+  .cal-sched-skeleton-grid__event {
+    width: 80%;
+    min-height: 24px;
+  }
+
+  .cal-sched-skeleton-month {
+    border: 1px solid hsl(var(--cal-sched-grid-line));
+    border-radius: var(--cal-radius);
+    overflow: hidden;
+  }
+
+  .cal-sched-skeleton-month__weekdays {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    gap: 8px;
+    padding: 12px;
+    background: hsl(var(--cal-sched-header-bg));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+  }
+
+  .cal-sched-skeleton-month__weekday {
+    height: 14px;
+  }
+
+  .cal-sched-skeleton-month__grid {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .cal-sched-skeleton-month__cell {
+    min-height: 80px;
+    border-right: 1px solid hsl(var(--cal-sched-grid-line));
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    padding: 6px;
+  }
+
+  .cal-sched-skeleton-month__cell:nth-child(7n) {
+    border-right: none;
+  }
+
+  .cal-sched-skeleton-month__num {
+    width: 20px;
+    height: 14px;
+    margin-bottom: 6px;
+  }
+
+  .cal-sched-skeleton-month__chip {
+    height: 16px;
+    margin-bottom: 2px;
+    width: 85%;
+  }
+`;function da({event:n,resource:e,format:a,onClose:t,actions:s,onAction:i}){const l=document.createElement("div");l.classList.add("cal-sched-detail-backdrop"),l.addEventListener("click",t);const r=document.createElement("div");r.classList.add("cal-sched-detail","cal-animate-fade"),r.addEventListener("click",u=>u.stopPropagation());const o=document.createElement("button");o.classList.add("cal-sched-detail__close"),o.setAttribute("aria-label","Close"),o.innerHTML='<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M4 4l6 6M10 4l-6 6"/></svg>',o.addEventListener("click",t),r.appendChild(o);const h=n.color||"blue",c=document.createElement("div");c.classList.add("cal-sched-detail__accent"),c.style.background=`hsl(var(--cal-booking-${h}-fg))`,r.appendChild(c);const d=document.createElement("div");if(d.classList.add("cal-sched-detail__title"),d.textContent=n.title||"Untitled",r.appendChild(d),n.startTime&&n.endTime){const u=document.createElement("div");u.classList.add("cal-sched-detail__row");const p=document.createElement("span");p.classList.add("cal-sched-detail__icon"),p.innerHTML='<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="5.5"/><path d="M7 4v3.5l2.5 1.5"/></svg>',u.appendChild(p);const _=ie(n.startTime),m=ie(n.endTime),v=document.createElement("span");_&&m&&(v.textContent=`${oe(_.hours,_.minutes,a)}–${oe(m.hours,m.minutes,a)}`),u.appendChild(v),r.appendChild(u)}if(n.start){const u=document.createElement("div");u.classList.add("cal-sched-detail__row");const p=document.createElement("span");p.classList.add("cal-sched-detail__icon"),p.innerHTML='<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><rect x="1.5" y="2.5" width="11" height="9.5" rx="1.5"/><path d="M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11"/></svg>',u.appendChild(p);const _=W(n.start),m=document.createElement("span");if(_){let v=`${We(n.start,"long")}, ${se[_.getMonth()]} ${_.getDate()}`;if(n.end&&n.end!==n.start){const C=W(n.end);C&&(v+=` – ${se[C.getMonth()]} ${C.getDate()}`)}m.textContent=v}u.appendChild(m),r.appendChild(u)}if(e&&e.name){const u=document.createElement("div");u.classList.add("cal-sched-detail__row");const p=document.createElement("span");p.classList.add("cal-sched-detail__res-dot"),p.style.background=`hsl(var(--cal-booking-${e.color||"blue"}-fg))`,u.appendChild(p);const _=document.createElement("span");_.textContent=e.name,e.capacity&&(_.textContent+=` (capacity: ${e.capacity})`),u.appendChild(_),r.appendChild(u)}if(n.metadata&&typeof n.metadata=="object"){const u=Object.entries(n.metadata);if(u.length>0){const p=document.createElement("div");p.classList.add("cal-sched-detail__meta");for(const[_,m]of u){const v=document.createElement("div");v.classList.add("cal-sched-detail__meta-row");const C=document.createElement("span");C.classList.add("cal-sched-detail__meta-label"),C.textContent=_;const k=document.createElement("span");k.textContent=String(m),v.appendChild(C),v.appendChild(k),p.appendChild(v)}r.appendChild(p)}}if(s&&s.length>0){const u=document.createElement("div");u.classList.add("cal-sched-detail__actions");for(const p of s){const _=document.createElement("button");_.classList.add("cal-sched-detail__action"),p.type==="danger"&&_.classList.add("cal-sched-detail__action--danger"),_.textContent=p.label,_.addEventListener("click",()=>{i==null||i(p.label)}),u.appendChild(_)}r.appendChild(u)}l.appendChild(r);const g=u=>{u.key==="Escape"&&t()};return l.addEventListener("keydown",g),requestAnimationFrame(()=>o.focus()),l}const ha=`
+  .cal-sched-detail-backdrop {
+    position: absolute;
+    inset: 0;
+    z-index: 20;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding-top: 80px;
+    background: rgba(0, 0, 0, 0.06);
+  }
+
+  .cal-sched-detail {
+    position: relative;
+    background: hsl(var(--cal-bg));
+    border: 1px solid hsl(var(--cal-border));
+    border-radius: var(--cal-radius);
+    box-shadow: 0 8px 30px -4px rgba(0, 0, 0, 0.12), 0 2px 8px -2px rgba(0, 0, 0, 0.06);
+    padding: 16px 20px;
+    min-width: 260px;
+    max-width: 340px;
+    font-size: 13px;
+    color: hsl(var(--cal-fg));
+    user-select: text;
+  }
+
+  .cal-sched-detail__close {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    border-radius: var(--cal-radius-sm);
+    color: hsl(var(--cal-fg-muted));
+    transition: background var(--cal-transition), color var(--cal-transition);
+  }
+
+  .cal-sched-detail__close:hover {
+    background: hsl(var(--cal-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-detail__accent {
+    width: 32px;
+    height: 4px;
+    border-radius: 2px;
+    margin-bottom: 10px;
+  }
+
+  .cal-sched-detail__title {
+    font-size: 15px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    padding-right: 24px;
+  }
+
+  .cal-sched-detail__row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 4px 0;
+    color: hsl(var(--cal-fg-muted));
+    font-size: 13px;
+  }
+
+  .cal-sched-detail__icon {
+    display: flex;
+    flex-shrink: 0;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-detail__res-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+    margin-left: 3px;
+    margin-right: 3px;
+  }
+
+  .cal-sched-detail__meta {
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-sched-detail__meta-row {
+    display: flex;
+    justify-content: space-between;
+    padding: 2px 0;
+    font-size: 12px;
+    color: hsl(var(--cal-fg-muted));
+  }
+
+  .cal-sched-detail__meta-label {
+    font-weight: 500;
+    text-transform: capitalize;
+  }
+
+  .cal-sched-detail__actions {
+    display: flex;
+    gap: 6px;
+    margin-top: 14px;
+    padding-top: 12px;
+    border-top: 1px solid hsl(var(--cal-border));
+  }
+
+  .cal-sched-detail__action {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 6px 12px;
+    font-size: 12px;
+    font-weight: 500;
+    border-radius: var(--cal-radius-sm);
+    border: 1px solid hsl(var(--cal-border));
+    color: hsl(var(--cal-fg));
+    background: hsl(var(--cal-bg));
+    transition: background var(--cal-transition);
+    cursor: pointer;
+  }
+
+  .cal-sched-detail__action:hover {
+    background: hsl(var(--cal-hover));
+  }
+
+  .cal-sched-detail__action--danger {
+    color: hsl(var(--cal-status-error-fg));
+    border-color: hsl(var(--cal-status-error-border));
+  }
+
+  .cal-sched-detail__action--danger:hover {
+    background: hsl(var(--cal-status-error-bg));
+  }
+`;function ua({resources:n,selectedResourceId:e,onResourceFilter:a}){const t=document.createElement("div");t.classList.add("cal-sched-res-tabs");const s=document.createElement("button");s.classList.add("cal-sched-res-tabs__tab"),e||s.classList.add("cal-sched-res-tabs__tab--active"),s.textContent="All",s.addEventListener("click",()=>a==null?void 0:a(null)),t.appendChild(s);for(const i of n){const l=document.createElement("button");l.classList.add("cal-sched-res-tabs__tab"),e===i.id&&l.classList.add("cal-sched-res-tabs__tab--active");const r=document.createElement("span");r.classList.add("cal-sched-res-tabs__dot"),r.style.background=`hsl(var(--cal-booking-${i.color||"blue"}-fg))`,l.appendChild(r),l.appendChild(document.createTextNode(i.name)),l.addEventListener("click",()=>a==null?void 0:a(i.id)),t.appendChild(l)}return t}const pa=`
+  .cal-sched-res-tabs {
+    display: flex;
+    gap: 4px;
+    padding: 8px 12px;
+    border-bottom: 1px solid hsl(var(--cal-sched-grid-line));
+    background: hsl(var(--cal-sched-header-bg));
+    flex-wrap: wrap;
+  }
+
+  .cal-sched-res-tabs__tab {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    font-weight: 500;
+    color: hsl(var(--cal-fg-muted));
+    padding: 4px 10px;
+    border-radius: var(--cal-radius-sm);
+    border: 1px solid hsl(var(--cal-border));
+    transition: all var(--cal-transition);
+  }
+
+  .cal-sched-res-tabs__tab:hover {
+    background: hsl(var(--cal-hover));
+    color: hsl(var(--cal-fg));
+  }
+
+  .cal-sched-res-tabs__tab--active {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    border-color: hsl(var(--cal-accent));
+  }
+
+  .cal-sched-res-tabs__tab--active:hover {
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+  }
+
+  .cal-sched-res-tabs__dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+  }
+`;function ga({onClick:n}){const e=document.createElement("button");return e.classList.add("cal-sched-fab"),e.setAttribute("aria-label","Create event"),e.innerHTML='<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M10 4v12M4 10h12"/></svg>',e.addEventListener("click",a=>{a.stopPropagation(),n==null||n()}),e}const ma=`
+  .cal-sched-fab {
+    position: absolute;
+    bottom: 16px;
+    right: 16px;
+    width: 48px;
+    height: 48px;
+    border-radius: 50%;
+    background: hsl(var(--cal-accent));
+    color: hsl(var(--cal-accent-fg));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    z-index: 8;
+    transition: transform var(--cal-transition), box-shadow var(--cal-transition);
+  }
+
+  .cal-sched-fab:hover {
+    transform: scale(1.08);
+    box-shadow: 0 6px 16px -2px rgba(0, 0, 0, 0.25), 0 3px 6px -1px rgba(0, 0, 0, 0.12);
+  }
+
+  .cal-sched-fab:active {
+    transform: scale(0.96);
+  }
+
+  .cal-sched-fab:focus-visible {
+    outline: 2px solid hsl(var(--cal-ring));
+    outline-offset: 2px;
+  }
+`,fa=4;function va({shadowRoot:n,getConfig:e,getViewInfo:a,getEvents:t,onMove:s,onResize:i,onCreate:l}){let r=!1,o=null,h=null,c=null,d=null,g=0,u=0,p=0,_=0,m=!1,v=null,C=null,k=null,S=null,B=null,V=null,O=null,N=null,I=null,M=null,x=null,f=null,F=0;function R(w){if(!r||w.button!==0)return;const A=w.target.closest(".cal-sched-event__resize-handle"),P=w.target.closest('.cal-sched-event[data-draggable="true"]');if(P){const U=P.dataset.eventId;if(h=t().find(j=>j.id===U),!h)return;w.preventDefault(),w.stopPropagation(),N=P,O=w.pointerId,P.setPointerCapture(w.pointerId),p=w.clientX,_=w.clientY,m=!1,C=h.startTime,v=h.endTime,k=h.start,S=h.resourceId,A?(o="resize",d=P,d.classList.add("cal-sched-event--resizing")):(o="move",d=P)}else{const U=w.target.closest("[data-time]");if(!U||w.target.closest(".cal-sched-slot-prompt"))return;const D=H(w.clientX,w.clientY);if(!D)return;w.preventDefault(),o="create",p=w.clientX,_=w.clientY,m=!1,M=D.date,x=D.resourceId,f=D.time;const j=n.querySelectorAll("[data-time]");j.length>0&&(F=j[0].getBoundingClientRect().top),N=U,O=w.pointerId,U.setPointerCapture(w.pointerId)}n.addEventListener("pointermove",L),n.addEventListener("pointerup",y)}function L(w){if(!o)return;const A=w.clientX-p,P=w.clientY-_,U=Math.sqrt(A*A+P*P);if(!(!m&&U<fa)){if(m=!0,o==="move"){if(!c&&d){const j=d.getBoundingClientRect();g=p-j.left,u=_-j.top,c=d.cloneNode(!0),c.classList.add("cal-sched-event--ghost"),c.style.cssText=`
+          position: fixed;
+          width: ${j.width}px;
+          height: ${j.height}px;
+          left: ${j.left}px;
+          top: ${j.top}px;
+          z-index: 1000;
+          pointer-events: none;
+          opacity: 0.85;
+          box-shadow: 0 8px 24px -4px rgba(0,0,0,0.2);
+          background: hsl(var(--ev-bg));
+          color: hsl(var(--ev-fg));
+          border-left: 3px solid hsl(var(--ev-fg));
+          border-radius: var(--cal-radius-sm);
+          padding: 2px 6px;
+          font-size: 12px;
+          line-height: 1.3;
+          overflow: hidden;
+        `,c.style.setProperty("--ev-bg",d.style.getPropertyValue("--ev-bg")),c.style.setProperty("--ev-fg",d.style.getPropertyValue("--ev-fg")),n.appendChild(c),d.classList.add("cal-sched-event--dragging")}c&&(c.style.left=`${w.clientX-g}px`,c.style.top=`${w.clientY-u}px`);const D=H(w.clientX,w.clientY);D?K(D):E()}else if(o==="resize"){const D=e(),j=D.snapInterval||D.interval,ae=D.slotHeight*(j/D.interval),ce=w.clientY-_,J=Math.round(ce/ae)*j,_e=b(v),me=b(C);let te=_e+J;const ne=D.minDuration||j,de=me+ne;if(te<de&&(te=de),D.maxDuration){const ve=me+D.maxDuration;te>ve&&(te=ve)}const G=b(D.endTime);te>G&&(te=G);const he=le(te);if(d){const ve=ge(C,D.startTime,D.slotHeight,D.interval),qe=ge(he,D.startTime,D.slotHeight,D.interval);d.style.height=`${Math.max(qe-ve,D.slotHeight*.5)}px`}X(w.clientX,w.clientY,he,D.format)}else if(o==="create"){const D=e(),j=D.snapInterval||D.interval,ae=w.clientY-F,ce=pt(Math.max(0,ae),D.startTime,D.slotHeight,D.interval),ee=gt(ce,j),J=b(ee),_e=b(f),me=b(D.endTime),te=D.minDuration||j;let ne=Math.max(J,_e+te);if(D.maxDuration){const G=_e+D.maxDuration;ne>G&&(ne=G)}ne>me&&(ne=me);const de=le(ne);if(!I){I=document.createElement("div"),I.classList.add("cal-sched-create-preview");let G=null;x&&(G=n.querySelector(`[data-resource-id="${x}"][data-date="${M}"]`),G||(G=n.querySelector(`[data-date="${M}"] [data-resource-id="${x}"]`))),G||(G=n.querySelector(`[data-date="${M}"] .cal-sched-week__lane`)||n.querySelector(`[data-date="${M}"] .cal-sched-day__lane`)||n.querySelector(`[data-date="${M}"]`)),G&&G.appendChild(I)}if(I){const G=e(),he=ge(f,G.startTime,G.slotHeight,G.interval),ve=ge(de,G.startTime,G.slotHeight,G.interval);I.style.top=`${he}px`,I.style.height=`${Math.max(ve-he,G.slotHeight*.5)}px`,I.dataset.endTime=de}X(w.clientX,w.clientY,de,D.format)}}}function y(w){if(o){if(n.removeEventListener("pointermove",L),n.removeEventListener("pointerup",y),N&&O!=null){try{N.releasePointerCapture(O)}catch{}N=null,O=null}if(o==="move"){if(E(),c&&(c.remove(),c=null),d&&d.classList.remove("cal-sched-event--dragging"),m){d&&(d.dataset.wasDragged="true");const A=H(w.clientX,w.clientY);if(A&&h){const P=e(),U=b(v)-b(C),D=A.time,j=b(D),ae=Math.min(j+U,b(P.endTime)),ce=le(ae),ee={date:k,startTime:C,endTime:v,resourceId:S},J={date:A.date,startTime:D,endTime:ce,resourceId:A.resourceId||S};(ee.date!==J.date||ee.startTime!==J.startTime||ee.resourceId!==J.resourceId)&&(s==null||s({event:h,from:ee,to:J}))}}}else if(o==="resize"){if(m){const A=e(),P=A.snapInterval||A.interval,U=A.slotHeight*(P/A.interval),D=w.clientY-_,ae=Math.round(D/U)*P,ce=b(v),ee=b(C);let J=ce+ae;const _e=A.minDuration||P,me=ee+_e;if(J<me&&(J=me),A.maxDuration){const de=ee+A.maxDuration;J>de&&(J=de)}const te=b(A.endTime);J>te&&(J=te);const ne=le(J);d&&(d.dataset.wasDragged="true"),ne!==v&&h&&(i==null||i({event:h,from:{endTime:v},to:{endTime:ne}}))}d&&d.classList.remove("cal-sched-event--resizing"),$()}else if(o==="create"){$();const A=(I==null?void 0:I.dataset.endTime)||null;I&&(I.remove(),I=null),m&&M&&f&&A&&(l==null||l({date:M,startTime:f,endTime:A,resourceId:x})),M=null,x=null,f=null,F=0}o=null,h=null,d=null,g=0,u=0,p=0,_=0,m=!1,v=null,C=null,k=null,S=null}}function H(w,A){const P=e(),U=n.querySelectorAll("[data-date]");let D=null,j=null;for(const he of U){const ve=he.getBoundingClientRect();if(w>=ve.left&&w<=ve.right){if(D=he.dataset.date,he.dataset.resourceId)j=he.dataset.resourceId;else{const qe=he.querySelectorAll("[data-resource-id]");for(const yt of qe){const xt=yt.getBoundingClientRect();if(w>=xt.left&&w<=xt.right){j=yt.dataset.resourceId;break}}}break}}if(!D)return null;const ae=n.querySelectorAll("[data-time]");if(ae.length===0)return null;const ee=ae[0].getBoundingClientRect().top,J=A-ee;if(J<0)return null;const _e=P.snapInterval||P.interval,me=pt(J,P.startTime,P.slotHeight,P.interval),te=gt(me,_e),ne=b(te),de=b(P.startTime),G=b(P.endTime);return ne<de||ne>=G?null:{date:D,time:te,resourceId:j}}function K(w){E();const A=e();let P=A.interval;h&&C&&v&&(P=b(v)-b(C));let D=b(w.time)+P;const j=b(A.endTime);D>j&&(D=j);const ae=le(D);let ce=Y(w.date,w.resourceId);if(!ce)return;V=document.createElement("div"),V.classList.add("cal-sched-drop-preview");const ee=ge(w.time,A.startTime,A.slotHeight,A.interval),J=ge(ae,A.startTime,A.slotHeight,A.interval);V.style.top=`${ee}px`,V.style.height=`${Math.max(J-ee,A.slotHeight*.5)}px`,ce.appendChild(V)}function E(){V&&(V.remove(),V=null)}function Y(w,A){if(A){let U=n.querySelector(`[data-resource-id="${A}"][data-date="${w}"]`);if(U||(U=n.querySelector(`[data-date="${w}"] [data-resource-id="${A}"]`)),U)return U}const P=n.querySelector(`[data-date="${w}"]`);return P?P.querySelector(".cal-sched-week__lane")||P.querySelector(".cal-sched-day__lane")||P:null}function X(w,A,P,U){B||(B=document.createElement("div"),B.classList.add("cal-sched-drag-time-label"),n.appendChild(B));const{hours:D,minutes:j}=T(P),ae=U==="12h"?z(D,j):P;B.textContent=ae,B.style.left=`${w+12}px`,B.style.top=`${A-8}px`}function $(){B&&(B.remove(),B=null)}function T(w){const[A,P]=w.split(":").map(Number);return{hours:A,minutes:P}}function z(w,A){const P=w>=12?"PM":"AM";return`${w%12||12}:${String(A).padStart(2,"0")} ${P}`}function q(){r||(r=!0,n.addEventListener("pointerdown",R))}function Q(){r=!1,n.removeEventListener("pointerdown",R),n.removeEventListener("pointermove",L),n.removeEventListener("pointerup",y),ke()}function ke(){c&&(c.remove(),c=null),I&&(I.remove(),I=null),d&&(d.classList.remove("cal-sched-event--dragging","cal-sched-event--resizing"),d=null),E(),$(),o=null,h=null,m=!1}function ya(){Q()}return{enable:q,disable:Q,destroy:ya}}const ba=`
+  [data-draggable="true"] {
+    cursor: grab;
+  }
+
+  [data-draggable="true"]:active {
+    cursor: grabbing;
+  }
+
+  .cal-sched-event--dragging {
+    opacity: 0.3;
+    pointer-events: none;
+  }
+
+  .cal-sched-event--ghost {
+    pointer-events: none;
+  }
+
+  .cal-sched-event--resizing {
+    z-index: 10;
+  }
+
+  .cal-sched-event__resize-handle {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 6px;
+    cursor: ns-resize;
+    border-radius: 0 0 var(--cal-radius-sm) var(--cal-radius-sm);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .cal-sched-event__resize-handle::after {
+    content: '';
+    width: 20px;
+    height: 2px;
+    border-radius: 1px;
+    background: currentColor;
+    opacity: 0.3;
+    transition: opacity var(--cal-transition);
+  }
+
+  .cal-sched-event__resize-handle:hover::after {
+    opacity: 0.6;
+  }
+
+  .cal-sched-drop-preview {
+    position: absolute;
+    left: 2px;
+    right: 2px;
+    background: hsl(var(--cal-accent) / 0.12);
+    border: 1.5px solid hsl(var(--cal-accent) / 0.5);
+    border-radius: var(--cal-radius-sm);
+    z-index: 3;
+    pointer-events: none;
+    transition: top 0.05s ease, height 0.05s ease;
+  }
+
+  .cal-sched-create-preview {
+    position: absolute;
+    left: 2px;
+    right: 2px;
+    background: hsl(var(--cal-accent) / 0.15);
+    border: 1.5px dashed hsl(var(--cal-accent));
+    border-radius: var(--cal-radius-sm);
+    z-index: 4;
+    pointer-events: none;
+    transition: height 0.05s ease;
+  }
+
+  .cal-sched-drag-time-label {
+    position: fixed;
+    background: hsl(var(--cal-fg));
+    color: hsl(var(--cal-bg));
+    font-size: 11px;
+    font-weight: 500;
+    padding: 2px 6px;
+    border-radius: var(--cal-radius-sm);
+    pointer-events: none;
+    z-index: 1001;
+    white-space: nowrap;
+  }
+`,_a=`
+  .cal-sched {
+    background: hsl(var(--cal-bg));
+    border-radius: var(--cal-radius);
+    user-select: none;
+    font-size: 14px;
+  }
+
+  .cal-sched__body {
+    position: relative;
+  }
+`;class _t extends be{static get styles(){return[Se,Te,Me,Gt,Kt,Jt,Qt,aa,na,la,ca,ze,ha,pa,ea,ma,ba,_a]}static get observedAttributes(){return["theme","view","layout","date","start-time","end-time","interval","format","first-day","loading","slot-height","resource-mode","show-event-time","show-fab","draggable-events","snap-interval","min-duration","max-duration"]}constructor(){super(),this._store=De({view:"week",anchorDate:ue(),layout:"vertical",selectedResourceId:null,selectedSlot:null,detailEvent:null,detailResource:null,statusType:null,statusMessage:null,statusDismissible:!0,allDayCollapsed:!1}),this._resources=[],this._events=[],this._eventActions=[],this._eventContent=null,this._unsubscribe=null,this._rendering=!1,this._nowTimer=null,this._dragManager=null}get view(){return this.getAttribute("view")||this._store.get("view")}get layout(){return this.getAttribute("layout")||this._store.get("layout")}get startTime(){return this.getAttribute("start-time")||"08:00"}get endTime(){return this.getAttribute("end-time")||"18:00"}get interval(){return parseInt(this.getAttribute("interval")||"30",10)}get format(){return this.getAttribute("format")||"24h"}get firstDay(){return parseInt(this.getAttribute("first-day")||"0",10)}get slotHeight(){return parseInt(this.getAttribute("slot-height")||"48",10)}get resourceMode(){return this.getAttribute("resource-mode")||"tabs"}get loading(){return this.hasAttribute("loading")}set loading(e){e?this.setAttribute("loading",""):this.removeAttribute("loading")}get showEventTime(){return this.getAttribute("show-event-time")!=="false"}get showFab(){return this.hasAttribute("show-fab")}get draggableEvents(){return this.hasAttribute("draggable-events")}get snapInterval(){const e=this.getAttribute("snap-interval");return e?parseInt(e,10):null}get minDuration(){const e=this.getAttribute("min-duration");return e?parseInt(e,10):null}get maxDuration(){const e=this.getAttribute("max-duration");return e?parseInt(e,10):null}get resources(){return this._resources}set resources(e){this._resources=Array.isArray(e)?e:[],this._initialized&&this.render()}get events(){return this._events}set events(e){this._events=Array.isArray(e)?e:[],this._initialized&&this.render()}get eventActions(){return this._eventActions}set eventActions(e){this._eventActions=Array.isArray(e)?e:[],this._initialized&&this.render()}get eventContent(){return this._eventContent}set eventContent(e){this._eventContent=typeof e=="function"?e:null,this._initialized&&this.render()}get value(){return this._lastSlotValue||null}connectedCallback(){const e=this.getAttribute("date");e&&this._store.set({anchorDate:e});const a=this.getAttribute("view");a&&this._store.set({view:a});const t=this.getAttribute("layout");t&&this._store.set({layout:t}),super.connectedCallback(),this._unsubscribe=this._store.subscribe(()=>{this._rendering||this.render()}),this._nowTimer=setInterval(()=>{const s=this._store.get("view");(s==="day"||s==="week")&&this.render()},6e4),this.draggableEvents&&this._initDrag()}disconnectedCallback(){var e;(e=this._unsubscribe)==null||e.call(this),clearInterval(this._nowTimer),clearTimeout(this._statusTimer),this._destroyDrag(),this._escHandler&&(document.removeEventListener("keydown",this._escHandler),this._escHandler=null)}attributeChangedCallback(e,a,t){if(a!==t){if(e==="date"&&t){this._store.set({anchorDate:t});return}if(e==="view"&&t){this._store.set({view:t});return}if(e==="layout"&&t){this._store.set({layout:t});return}e==="draggable-events"&&(t!==null?this._initDrag():this._destroyDrag()),this._initialized&&this.render()}}goToDate(e){this._store.set({anchorDate:e}),this.emit("cal:date-change",{date:e,view:this._store.get("view")})}setView(e){["day","week","month"].includes(e)&&(this._store.set({view:e}),this.emit("cal:view-change",{view:e,date:this._store.get("anchorDate")}))}today(){this.goToDate(ue())}next(){const e=this._store.getState(),a=W(e.anchorDate);if(!a)return;let t;if(e.view==="day")t=ye(e.anchorDate,1);else if(e.view==="week")t=ye(e.anchorDate,7);else{const{year:s,month:i}=pe(a.getFullYear(),a.getMonth(),1);t=Z(new Date(s,i,1))}this._store.set({anchorDate:t}),this.emit("cal:date-change",{date:t,view:e.view})}prev(){const e=this._store.getState(),a=W(e.anchorDate);if(!a)return;let t;if(e.view==="day")t=ye(e.anchorDate,-1);else if(e.view==="week")t=ye(e.anchorDate,-7);else{const{year:s,month:i}=pe(a.getFullYear(),a.getMonth(),-1);t=Z(new Date(s,i,1))}this._store.set({anchorDate:t}),this.emit("cal:date-change",{date:t,view:e.view})}findAvailableSlot(e){return Wt(e,this._resources,this._events,this.interval,this.startTime,this.endTime)}isSlotAvailable(e,a,t,s){return mt(this._events,s,e,a,t)}_handleSlotClick(e,a,t,s,i){this._lastSlotValue={date:e,startTime:a,endTime:t,resourceId:s,resource:i},this._store.set({selectedSlot:{date:e,startTime:a,endTime:t,resourceId:s,resource:i}}),this.emit("cal:slot-select",{date:e,startTime:a,endTime:t,resourceId:s,resource:i})}_handleSlotCreate(e,a,t,s,i){this.emit("cal:slot-create",{date:e,startTime:a,endTime:t,resourceId:s,resource:i})}_dismissSlot(){this._store.set({selectedSlot:null})}_handleEventClick(e,a,t){this._dismissSlot(),this._store.set({detailEvent:e,detailResource:t||null}),this.emit("cal:event-click",{event:e,resourceId:a,resource:t})}_closeDetail(){this._store.set({detailEvent:null,detailResource:null})}_handleViewChange(e){this._dismissSlot(),this.setView(e)}_handleResourceFilter(e){this._dismissSlot(),this._store.set({selectedResourceId:e})}_handleEventAction(e){const a=this._store.getState(),t=a.detailEvent,s=a.detailResource;this.emit("cal:event-action",{action:e,event:t,resourceId:t==null?void 0:t.resourceId,resource:s})}_initDrag(){this._dragManager||(this._dragManager=va({shadowRoot:this.shadowRoot,getConfig:()=>({slotHeight:this.slotHeight,interval:this.interval,startTime:this.startTime,endTime:this.endTime,format:this.format,snapInterval:this.snapInterval,minDuration:this.minDuration,maxDuration:this.maxDuration}),getViewInfo:()=>{const e=this._store.getState();return{view:e.view,anchorDate:e.anchorDate,weekDates:Ne(e.anchorDate,this.firstDay),resources:this._resources.length>0?this._resources:[{id:"__default",name:""}],resourceMode:this.resourceMode,selectedResourceId:e.selectedResourceId}},getEvents:()=>this._events,onMove:e=>{this.emit("cal:event-move",e)},onResize:e=>{this.emit("cal:event-resize",e)},onCreate:e=>{const a=this._resources.find(t=>t.id===e.resourceId)||null;this.emit("cal:slot-create",{...e,resource:a})}}),this._dragManager.enable())}_destroyDrag(){this._dragManager&&(this._dragManager.destroy(),this._dragManager=null)}_handleFabClick(){const e=this._store.getState();this.emit("cal:fab-create",{date:e.anchorDate,view:e.view})}render(){var _;if(this._rendering)return;this._rendering=!0;const e=this.shadowRoot,a=[...e.childNodes];for(const m of a)m.nodeName!=="STYLE"&&!(m instanceof CSSStyleSheet)&&e.removeChild(m);const t=this._store.getState(),s=document.createElement("div");s.classList.add("cal-sched"),t.statusType&&t.statusMessage&&s.appendChild($e({type:t.statusType,message:t.statusMessage,dismissible:t.statusDismissible,onDismiss:()=>this.clearStatus()}));const i=t.view,l=t.anchorDate,r=Ne(l,this.firstDay),o=jt(i,l,r),h=this.resourceMode;s.appendChild(Xt({title:o,view:i,onPrev:()=>this.prev(),onNext:()=>this.next(),onToday:()=>this.today(),onViewChange:m=>this._handleViewChange(m)}));const c=this._resources.length>0?this._resources:[{id:"__default",name:""}],d=h==="tabs"&&c.length>1&&c[0].id!=="__default";d&&!this.loading&&s.appendChild(ua({resources:c,selectedResourceId:t.selectedResourceId,onResourceFilter:m=>this._handleResourceFilter(m)}));let g=this._events;d&&t.selectedResourceId&&(g=this._events.filter(m=>m.resourceId===t.selectedResourceId));let u=c;if(d&&t.selectedResourceId){const m=c.find(v=>v.id===t.selectedResourceId);m&&(u=[m])}const p=document.createElement("div");if(p.classList.add("cal-sched__body"),this.loading)if(i==="month")p.appendChild(oa());else{const m=i==="week"?7:Math.max(this._resources.length,1);p.appendChild(ra({columns:m,rows:Math.ceil((b(this.endTime)-b(this.startTime))/this.interval),slotHeight:this.slotHeight}))}else i==="day"?p.appendChild(ta({date:l,resources:u,events:g,startTime:this.startTime,endTime:this.endTime,interval:this.interval,slotHeight:this.slotHeight,format:this.format,layout:t.layout,resourceMode:h,selectedSlot:t.selectedSlot,eventContent:this._eventContent,showTime:this.showEventTime,draggable:this.draggableEvents,onSlotClick:(m,v,C,k,S)=>this._handleSlotClick(m,v,C,k,S),onEventClick:(m,v,C)=>this._handleEventClick(m,v,C),onSlotCreate:(m,v,C,k,S)=>this._handleSlotCreate(m,v,C,k,S)})):i==="week"?p.appendChild(sa({date:l,firstDay:this.firstDay,resources:u,events:g,startTime:this.startTime,endTime:this.endTime,interval:this.interval,slotHeight:this.slotHeight,format:this.format,layout:t.layout,resourceMode:h,selectedSlot:t.selectedSlot,eventContent:this._eventContent,showTime:this.showEventTime,draggable:this.draggableEvents,allDayCollapsed:t.allDayCollapsed,onToggleAllDay:()=>this._store.set({allDayCollapsed:!t.allDayCollapsed}),onSlotClick:(m,v,C,k,S)=>this._handleSlotClick(m,v,C,k,S),onEventClick:(m,v,C)=>this._handleEventClick(m,v,C),onSlotCreate:(m,v,C,k,S)=>this._handleSlotCreate(m,v,C,k,S)})):i==="month"&&p.appendChild(ia({date:l,firstDay:this.firstDay,resources:u,events:g,format:this.format,selectedResourceId:t.selectedResourceId,selectedDate:((_=t.selectedSlot)==null?void 0:_.date)||null,eventContent:this._eventContent,onSlotClick:m=>this._handleSlotClick(m,null,null,null,null),onEventClick:(m,v,C)=>this._handleEventClick(m,v,C),onSlotCreate:m=>this._handleSlotCreate(m,null,null,null,null)}));s.appendChild(p),t.detailEvent&&p.appendChild(da({event:t.detailEvent,resource:t.detailResource,format:this.format,onClose:()=>this._closeDetail(),actions:this._eventActions,onAction:m=>this._handleEventAction(m)})),this.showFab&&!this.loading&&p.appendChild(ga({onClick:()=>this._handleFabClick()})),e.appendChild(s),this._escHandler||(this._escHandler=m=>{m.key==="Escape"&&this._store.get("selectedSlot")&&this._dismissSlot()},this.shadowRoot.addEventListener("keydown",this._escHandler),document.addEventListener("keydown",this._escHandler)),this._rendering=!1}}customElements.get("cal-datepicker")||customElements.define("cal-datepicker",it),customElements.get("cal-booking")||customElements.define("cal-booking",ht),customElements.get("cal-timepicker")||customElements.define("cal-timepicker",ut),customElements.get("cal-scheduler")||customElements.define("cal-scheduler",_t),fe.CalBooking=ht,fe.CalDatepicker=it,fe.CalScheduler=_t,fe.CalTimepicker=ut,Object.defineProperty(fe,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=calkit.umd.js.map