@glatam/calendar-ui 1.0.6 → 1.0.7

package/dist/components/calendar-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-modal.d.ts","sourceRoot":"","sources":["../../src/components/calendar-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAgB,MAAM,uBAAuB,CAAC;AAGnE,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,0BAAe;IAEC,IAAI,UAAS;IACd,UAAU,SAAM;IAChB,SAAS,SAAM;IACf,OAAO,SAAM;IACZ,OAAO,UAAS;IACjB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IAE5D,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAgB;IAE7C,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAqB9C,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAa3C,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,YAAY;IAUpB,MAAM;CA+EP"}
+{"version":3,"file":"calendar-modal.d.ts","sourceRoot":"","sources":["../../src/components/calendar-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAgB,MAAM,uBAAuB,CAAC;AAGnE,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,0BAAe;IAEC,IAAI,UAAS;IACd,UAAU,SAAM;IAChB,SAAS,SAAM;IACf,OAAO,SAAM;IACZ,OAAO,UAAS;IACjB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IAE5D,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAgB;IAE7C,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAqB9C,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAa3C,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,YAAY;IAUpB,MAAM;CAoGP"}

package/dist/glatam-calendar-mini.d.ts

@@ -28,6 +28,11 @@ export declare class GlatamCalendarMini extends LitElement {
     private dropdownSelectedDateString;
     private touchStartX;
     private touchStartY;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleOutsideClick;
+    private handleKeyDown;
+    private toggleDropdown;
     private handlePrevMonth;
     private handleNextMonth;
     private handleTouchStart;

package/dist/glatam-calendar-mini.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glatam-calendar-mini.d.ts","sourceRoot":"","sources":["../src/glatam-calendar-mini.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAoC,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjG,OAAO,uBAAuB,CAAC;AAE/B,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BAAyD;IAE1C,IAAI,SAAW;IAA6B,MAAM,SAAQ;IAC1D,cAAc,SAAK;IAA4B,KAAK,EAAE,YAAY,EAAE,CAAM;IAC1E,aAAa,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAQ;IACjE,IAAI,SAAY;IAA6B,YAAY,SAAoB;IAC5F,cAAc,SAAW;IAA6B,OAAO,SAAM;IAA6B,OAAO,SAAM;IAC5G,oBAAoB,UAAQ;IACzB,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IACzF,KAAK,EAAE,QAAQ,EAAE,CAI1C;IAEO,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,0BAA0B,CAAM;IAEjD,OAAO,CAAC,WAAW,CAAK;IAAC,OAAO,CAAC,WAAW,CAAK;IAEjD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,kBAAkB;IAU1B,MAAM;CA0DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAAG,sBAAsB,EAAE,kBAAkB,CAAC;KAAE;CAChF"}
+{"version":3,"file":"glatam-calendar-mini.d.ts","sourceRoot":"","sources":["../src/glatam-calendar-mini.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAkD,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM/G,OAAO,uBAAuB,CAAC;AAE/B,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BAAyD;IAE1C,IAAI,SAAW;IAA6B,MAAM,SAAQ;IAC1D,cAAc,SAAK;IAA4B,KAAK,EAAE,YAAY,EAAE,CAAM;IAC1E,aAAa,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAQ;IACjE,IAAI,SAAY;IAA6B,YAAY,SAAoB;IAC5F,cAAc,SAAW;IAA6B,OAAO,SAAM;IAA6B,OAAO,SAAM;IAC5G,oBAAoB,UAAQ;IACzB,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IACzF,KAAK,EAAE,QAAQ,EAAE,CAI1C;IAEO,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,0BAA0B,CAAM;IAEjD,OAAO,CAAC,WAAW,CAAK;IAAC,OAAO,CAAC,WAAW,CAAK;IAEjD,iBAAiB;IAMjB,oBAAoB;IAMpB,OAAO,CAAC,kBAAkB,CAKxB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,kBAAkB;IAU1B,MAAM;CA0DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAAG,sBAAsB,EAAE,kBAAkB,CAAC;KAAE;CAChF"}

package/dist/glatam-calendar.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lit"),i=require("lit/decorators.js"),m=require("@glatam/calendar-core"),R=require("lit/directives/class-map.js"),G=s.css`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lit"),i=require("lit/decorators.js"),g=require("@glatam/calendar-core"),R=require("lit/directives/class-map.js"),E=s.css`
   :host {
     /* Fonts */
     --glatam-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
@@ -86,7 +86,7 @@
     --glatam-padding: 24px;
     font-size: 1.1rem;
   }
-`,E=s.css`
+`,G=s.css`
   :host {
     display: grid;
     min-width: 0;
@@ -342,10 +342,10 @@
       min-width: 32px;
     }
   }
-`;function k(c,t,e){if(t===e)return 0;const a=(r,o)=>{const l={year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!1};o!=="local"&&(l.timeZone=o);const g=new Intl.DateTimeFormat("en-US",l).formatToParts(r),n=new Map(g.map(y=>[y.type,y.value])),p=Number(n.get("hour")),u=p===24?0:p;return new Date(Number(n.get("year")),Number(n.get("month"))-1,Number(n.get("day")),u,Number(n.get("minute")),Number(n.get("second")))};try{const r=a(c,t);return(a(c,e).getTime()-r.getTime())/(60*1e3)}catch{return 0}}function T(c,t){if(t===0)return{start:c.start,end:c.end,dayShift:0};const e=n=>{const[p,u]=n.split(":").map(Number);return p*60+u},a=n=>{let p=n%1440;p<0&&(p+=1440);const u=String(Math.floor(p/60)).padStart(2,"0"),y=String(p%60).padStart(2,"0");return`${u}:${y}`},r=e(c.start),o=e(c.end),l=r+t,d=o+t;let g=0;return l<0?g=-1:l>=1440&&(g=1),{start:a(l),end:a(d),dayShift:g}}function I(c,t,e){let a=null;return{updatedRules:c.map(o=>{if(o.id!==t)return o;a=o;const l=o.exceptions||[],d=l.includes(e)?l:[...l,e];return{...o,exceptions:d}}),targetRule:a}}function M(c,t){const e=c.find(r=>r.id===t)||null;return{updatedRules:c.filter(r=>r.id!==t),targetRule:e}}var V=Object.defineProperty,_=Object.getOwnPropertyDescriptor,x=(c,t,e,a)=>{for(var r=a>1?void 0:a?_(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&V(t,e,r),r};exports.GlatamCalendarMonthView=class extends s.LitElement{constructor(){super(...arguments),this.days=[],this.locale="es",this.startOfWeekDay=0,this.selectedDates=[],this.role="provider",this.size="medium",this.minDate="",this.maxDate="",this.showNeighboringMonth=!0,this.tileClassName=null}getWeekdayNames(){const t=[],e=new Date(2026,6,12+this.startOfWeekDay),a=new Intl.DateTimeFormat(this.locale,{weekday:"short"});for(let r=0;r<7;r++)t.push(a.format(e)),e.setDate(e.getDate()+1);return t}handleDayClick(t){const e=this.minDate&&t.dateString<this.minDate||this.maxDate&&t.dateString>this.maxDate;this.role==="buyer"&&(t.isBlocked||e)||this.dispatchEvent(new CustomEvent("day-select",{detail:{dateString:t.dateString,isBlocked:t.isBlocked},bubbles:!0,composed:!0}))}render(){const t=this.getWeekdayNames();return s.html`
+`;function k(c,t,e){if(t===e)return 0;const a=(r,o)=>{const l={year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!1};o!=="local"&&(l.timeZone=o);const m=new Intl.DateTimeFormat("en-US",l).formatToParts(r),n=new Map(m.map(y=>[y.type,y.value])),p=Number(n.get("hour")),u=p===24?0:p;return new Date(Number(n.get("year")),Number(n.get("month"))-1,Number(n.get("day")),u,Number(n.get("minute")),Number(n.get("second")))};try{const r=a(c,t);return(a(c,e).getTime()-r.getTime())/(60*1e3)}catch{return 0}}function T(c,t){if(t===0)return{start:c.start,end:c.end,dayShift:0};const e=n=>{const[p,u]=n.split(":").map(Number);return p*60+u},a=n=>{let p=n%1440;p<0&&(p+=1440);const u=String(Math.floor(p/60)).padStart(2,"0"),y=String(p%60).padStart(2,"0");return`${u}:${y}`},r=e(c.start),o=e(c.end),l=r+t,d=o+t;let m=0;return l<0?m=-1:l>=1440&&(m=1),{start:a(l),end:a(d),dayShift:m}}function I(c,t,e){let a=null;return{updatedRules:c.map(o=>{if(o.id!==t)return o;a=o;const l=o.exceptions||[],d=l.includes(e)?l:[...l,e];return{...o,exceptions:d}}),targetRule:a}}function M(c,t){const e=c.find(r=>r.id===t)||null;return{updatedRules:c.filter(r=>r.id!==t),targetRule:e}}var V=Object.defineProperty,_=Object.getOwnPropertyDescriptor,x=(c,t,e,a)=>{for(var r=a>1?void 0:a?_(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&V(t,e,r),r};exports.GlatamCalendarMonthView=class extends s.LitElement{constructor(){super(...arguments),this.days=[],this.locale="es",this.startOfWeekDay=0,this.selectedDates=[],this.role="provider",this.size="medium",this.minDate="",this.maxDate="",this.showNeighboringMonth=!0,this.tileClassName=null}getWeekdayNames(){const t=[],e=new Date(2026,6,12+this.startOfWeekDay),a=new Intl.DateTimeFormat(this.locale,{weekday:"short"});for(let r=0;r<7;r++)t.push(a.format(e)),e.setDate(e.getDate()+1);return t}handleDayClick(t){const e=this.minDate&&t.dateString<this.minDate||this.maxDate&&t.dateString>this.maxDate;this.role==="buyer"&&(t.isBlocked||e)||this.dispatchEvent(new CustomEvent("day-select",{detail:{dateString:t.dateString,isBlocked:t.isBlocked},bubbles:!0,composed:!0}))}render(){const t=this.getWeekdayNames();return s.html`
       ${t.map(e=>s.html`<div class="weekday">${e}</div>`)}
       
-      ${this.days.map(e=>{var g;if(!e.isCurrentMonth&&!this.showNeighboringMonth)return s.html`<div class="day-cell empty"></div>`;const a=e.dateString===m.formatISODate(new Date),r=this.selectedDates.includes(e.dateString),o=e.slots.filter(n=>n.isBlocked),l=this.minDate&&e.dateString<this.minDate||this.maxDate&&e.dateString>this.maxDate,d=this.tileClassName?this.tileClassName({date:e.date,dateString:e.dateString}):"";return s.html`
+      ${this.days.map(e=>{var m;if(!e.isCurrentMonth&&!this.showNeighboringMonth)return s.html`<div class="day-cell empty"></div>`;const a=e.dateString===g.formatISODate(new Date),r=this.selectedDates.includes(e.dateString),o=e.slots.filter(n=>n.isBlocked),l=this.minDate&&e.dateString<this.minDate||this.maxDate&&e.dateString>this.maxDate,d=this.tileClassName?this.tileClassName({date:e.date,dateString:e.dateString}):"";return s.html`
           <div 
             class=${R.classMap({"day-cell":!0,padding:!e.isCurrentMonth,blocked:e.isBlocked,today:a,selected:r,disabled:!!l,[d]:!!d})}
             part="day-cell ${d}"
@@ -354,7 +354,7 @@
             <div class="day-number">${e.dayNumber}</div>
             
             <div class="slot-indicator">
-              ${e.isBlocked?s.html`<div class="badge blocked-day">${((g=e.rule)==null?void 0:g.description)||"Bloqueado"}</div>`:o.slice(0,2).map(n=>{var p,u;return s.html`
+              ${e.isBlocked?s.html`<div class="badge blocked-day">${((m=e.rule)==null?void 0:m.description)||"Bloqueado"}</div>`:o.slice(0,2).map(n=>{var p,u;return s.html`
                     <div class="badge blocked-slot" title=${((p=n.rule)==null?void 0:p.description)||""}>
                       🚫 ${((u=n.rule)==null?void 0:u.description)||n.start}
                     </div>
@@ -395,7 +395,7 @@
       .slot-indicator { display: none; }
       .day-number { margin-bottom: 0; font-size: 0.8rem; }
     }
-  `;x([i.property({type:Array})],exports.GlatamCalendarMonthView.prototype,"days",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"locale",2);x([i.property({type:Number})],exports.GlatamCalendarMonthView.prototype,"startOfWeekDay",2);x([i.property({type:Array})],exports.GlatamCalendarMonthView.prototype,"selectedDates",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"role",2);x([i.property({type:String,reflect:!0})],exports.GlatamCalendarMonthView.prototype,"size",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"minDate",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"maxDate",2);x([i.property({type:Boolean})],exports.GlatamCalendarMonthView.prototype,"showNeighboringMonth",2);x([i.property({attribute:!1})],exports.GlatamCalendarMonthView.prototype,"tileClassName",2);exports.GlatamCalendarMonthView=x([i.customElement("glatam-calendar-month-view")],exports.GlatamCalendarMonthView);var B=Object.defineProperty,j=Object.getOwnPropertyDescriptor,v=(c,t,e,a)=>{for(var r=a>1?void 0:a?j(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&B(t,e,r),r};exports.GlatamCalendarWeekView=class extends s.LitElement{constructor(){super(...arguments),this.days=[],this.slots=[],this.locale="es",this.selectedRange=null,this.role="provider",this.minDate="",this.maxDate="",this.isDragging=!1,this.dragDayIndex=null,this.dragStartSlotIndex=null,this.dragEndSlotIndex=null,this.handleMouseUp=()=>{if(!this.isDragging||this.dragDayIndex===null||this.dragStartSlotIndex===null||this.dragEndSlotIndex===null){this.isDragging=!1;return}this.isDragging=!1;const t=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),e=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex),a=this.days[this.dragDayIndex],r=a.slots.slice(t,e+1);r.some(o=>o.isBlocked)||this.dispatchEvent(new CustomEvent("range-select",{detail:{dateString:a.dateString,start:r[0].start,end:r[r.length-1].end},bubbles:!0,composed:!0})),this.dragDayIndex=null,this.dragStartSlotIndex=null,this.dragEndSlotIndex=null}}connectedCallback(){super.connectedCallback(),window.addEventListener("mouseup",this.handleMouseUp)}disconnectedCallback(){window.removeEventListener("mouseup",this.handleMouseUp),super.disconnectedCallback()}handleMouseDown(t,e,a){var l;const r=(l=this.days[t])==null?void 0:l.dateString;if(!(this.minDate&&r<this.minDate||this.maxDate&&r>this.maxDate)){if(a){if(this.role==="buyer")return;this.dispatchEvent(new CustomEvent("slot-click",{detail:{dateString:this.days[t].dateString,slot:this.days[t].slots[e],isBlocked:!0},bubbles:!0,composed:!0}));return}this.isDragging=!0,this.dragDayIndex=t,this.dragStartSlotIndex=e,this.dragEndSlotIndex=e}}handleMouseEnter(t,e,a){this.isDragging&&t===this.dragDayIndex&&!a&&(this.dragEndSlotIndex=e)}isSlotSelected(t,e){return!this.selectedRange||this.selectedRange.dateString!==t?!1:e.start>=this.selectedRange.start&&e.end<=this.selectedRange.end}isSlotDragSelecting(t,e){if(!this.isDragging||t!==this.dragDayIndex)return!1;const a=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),r=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex);return e>=a&&e<=r}render(){const t=m.formatISODate(new Date);return s.html`
+  `;x([i.property({type:Array})],exports.GlatamCalendarMonthView.prototype,"days",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"locale",2);x([i.property({type:Number})],exports.GlatamCalendarMonthView.prototype,"startOfWeekDay",2);x([i.property({type:Array})],exports.GlatamCalendarMonthView.prototype,"selectedDates",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"role",2);x([i.property({type:String,reflect:!0})],exports.GlatamCalendarMonthView.prototype,"size",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"minDate",2);x([i.property({type:String})],exports.GlatamCalendarMonthView.prototype,"maxDate",2);x([i.property({type:Boolean})],exports.GlatamCalendarMonthView.prototype,"showNeighboringMonth",2);x([i.property({attribute:!1})],exports.GlatamCalendarMonthView.prototype,"tileClassName",2);exports.GlatamCalendarMonthView=x([i.customElement("glatam-calendar-month-view")],exports.GlatamCalendarMonthView);var B=Object.defineProperty,j=Object.getOwnPropertyDescriptor,v=(c,t,e,a)=>{for(var r=a>1?void 0:a?j(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&B(t,e,r),r};exports.GlatamCalendarWeekView=class extends s.LitElement{constructor(){super(...arguments),this.days=[],this.slots=[],this.locale="es",this.selectedRange=null,this.role="provider",this.minDate="",this.maxDate="",this.isDragging=!1,this.dragDayIndex=null,this.dragStartSlotIndex=null,this.dragEndSlotIndex=null,this.handleMouseUp=()=>{if(!this.isDragging||this.dragDayIndex===null||this.dragStartSlotIndex===null||this.dragEndSlotIndex===null){this.isDragging=!1;return}this.isDragging=!1;const t=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),e=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex),a=this.days[this.dragDayIndex],r=a.slots.slice(t,e+1);r.some(o=>o.isBlocked)||this.dispatchEvent(new CustomEvent("range-select",{detail:{dateString:a.dateString,start:r[0].start,end:r[r.length-1].end},bubbles:!0,composed:!0})),this.dragDayIndex=null,this.dragStartSlotIndex=null,this.dragEndSlotIndex=null}}connectedCallback(){super.connectedCallback(),window.addEventListener("mouseup",this.handleMouseUp)}disconnectedCallback(){window.removeEventListener("mouseup",this.handleMouseUp),super.disconnectedCallback()}handleMouseDown(t,e,a){var l;const r=(l=this.days[t])==null?void 0:l.dateString;if(!(this.minDate&&r<this.minDate||this.maxDate&&r>this.maxDate)){if(a){if(this.role==="buyer")return;this.dispatchEvent(new CustomEvent("slot-click",{detail:{dateString:this.days[t].dateString,slot:this.days[t].slots[e],isBlocked:!0},bubbles:!0,composed:!0}));return}this.isDragging=!0,this.dragDayIndex=t,this.dragStartSlotIndex=e,this.dragEndSlotIndex=e}}handleMouseEnter(t,e,a){this.isDragging&&t===this.dragDayIndex&&!a&&(this.dragEndSlotIndex=e)}isSlotSelected(t,e){return!this.selectedRange||this.selectedRange.dateString!==t?!1:e.start>=this.selectedRange.start&&e.end<=this.selectedRange.end}isSlotDragSelecting(t,e){if(!this.isDragging||t!==this.dragDayIndex)return!1;const a=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),r=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex);return e>=a&&e<=r}render(){const t=g.formatISODate(new Date);return s.html`
       <div class="time-col">
         <div class="header-cell">Hora</div>
         ${this.slots.map(e=>s.html`<div class="slot-cell time-slot-label">${e.start}</div>`)}
@@ -408,11 +408,11 @@
               <div class="day-num">${e.dayNumber}</div>
             </div>
             
-            ${e.slots.map((d,g)=>{var y,f;const n=d.isBlocked,p=this.isSlotSelected(e.dateString,d),u=this.isSlotDragSelecting(a,g);return s.html`
+            ${e.slots.map((d,m)=>{var y,f;const n=d.isBlocked,p=this.isSlotSelected(e.dateString,d),u=this.isSlotDragSelecting(a,m);return s.html`
                 <div
                   class=${R.classMap({"slot-cell":!0,available:!n&&!l,blocked:n,selected:p,"drag-selecting":u,disabled:l})}
-                  @mousedown=${()=>this.handleMouseDown(a,g,n)}
-                  @mouseenter=${()=>this.handleMouseEnter(a,g,n)}
+                  @mousedown=${()=>this.handleMouseDown(a,m,n)}
+                  @mouseenter=${()=>this.handleMouseEnter(a,m,n)}
                   title=${n&&((y=d.rule)!=null&&y.description)?d.rule.description:""}
                 >
                   ${n?((f=d.rule)==null?void 0:f.description)||"Ocupado":p?"Reservado":""}
@@ -473,7 +473,7 @@
     .slot-cell.selected { background-color: var(--glatam-selection-bg); border-left: 3px solid var(--glatam-selection-border); }
     .slot-cell.drag-selecting { background-color: var(--glatam-primary-light); }
     .slot-cell.disabled { opacity: 0.35; cursor: not-allowed; background-color: var(--glatam-surface); pointer-events: none; }
-  `;v([i.property({type:Array})],exports.GlatamCalendarWeekView.prototype,"days",2);v([i.property({type:Array})],exports.GlatamCalendarWeekView.prototype,"slots",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"locale",2);v([i.property({type:Object})],exports.GlatamCalendarWeekView.prototype,"selectedRange",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"role",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"minDate",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"maxDate",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"isDragging",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"dragDayIndex",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"dragStartSlotIndex",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"dragEndSlotIndex",2);exports.GlatamCalendarWeekView=v([i.customElement("glatam-calendar-week-view")],exports.GlatamCalendarWeekView);var P=Object.defineProperty,N=Object.getOwnPropertyDescriptor,w=(c,t,e,a)=>{for(var r=a>1?void 0:a?N(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&P(t,e,r),r};exports.GlatamCalendarDayView=class extends s.LitElement{constructor(){super(...arguments),this.day=null,this.slots=[],this.locale="es",this.selectedRange=null,this.role="provider",this.minDate="",this.maxDate="",this.isDragging=!1,this.dragStartSlotIndex=null,this.dragEndSlotIndex=null,this.handleMouseUp=()=>{if(!this.isDragging||!this.day||this.dragStartSlotIndex===null||this.dragEndSlotIndex===null){this.isDragging=!1;return}this.isDragging=!1;const t=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),e=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex),a=this.day.slots.slice(t,e+1);a.some(r=>r.isBlocked)||this.dispatchEvent(new CustomEvent("range-select",{detail:{dateString:this.day.dateString,start:a[0].start,end:a[a.length-1].end},bubbles:!0,composed:!0})),this.dragStartSlotIndex=null,this.dragEndSlotIndex=null}}connectedCallback(){super.connectedCallback(),window.addEventListener("mouseup",this.handleMouseUp)}disconnectedCallback(){window.removeEventListener("mouseup",this.handleMouseUp),super.disconnectedCallback()}handleMouseDown(t,e){if(!this.day)return;const a=this.day.dateString;if(!(this.minDate&&a<this.minDate||this.maxDate&&a>this.maxDate)){if(e){if(this.role==="buyer")return;this.dispatchEvent(new CustomEvent("slot-click",{detail:{dateString:this.day.dateString,slot:this.day.slots[t],isBlocked:!0},bubbles:!0,composed:!0}));return}this.isDragging=!0,this.dragStartSlotIndex=t,this.dragEndSlotIndex=t}}handleMouseEnter(t,e){this.isDragging&&!e&&(this.dragEndSlotIndex=t)}isSlotSelected(t){return!this.day||!this.selectedRange||this.selectedRange.dateString!==this.day.dateString?!1:t.start>=this.selectedRange.start&&t.end<=this.selectedRange.end}isSlotDragSelecting(t){if(!this.isDragging)return!1;const e=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),a=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex);return t>=e&&t<=a}render(){if(!this.day)return s.html`<div>Cargando...</div>`;const t=this.day.dateString===m.formatISODate(new Date),e=this.minDate&&this.day.dateString<this.minDate||this.maxDate&&this.day.dateString>this.maxDate,a=new Intl.DateTimeFormat(this.locale,{weekday:"long",day:"numeric",month:"long"}).format(this.day.date);return s.html`
+  `;v([i.property({type:Array})],exports.GlatamCalendarWeekView.prototype,"days",2);v([i.property({type:Array})],exports.GlatamCalendarWeekView.prototype,"slots",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"locale",2);v([i.property({type:Object})],exports.GlatamCalendarWeekView.prototype,"selectedRange",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"role",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"minDate",2);v([i.property({type:String})],exports.GlatamCalendarWeekView.prototype,"maxDate",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"isDragging",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"dragDayIndex",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"dragStartSlotIndex",2);v([i.state()],exports.GlatamCalendarWeekView.prototype,"dragEndSlotIndex",2);exports.GlatamCalendarWeekView=v([i.customElement("glatam-calendar-week-view")],exports.GlatamCalendarWeekView);var P=Object.defineProperty,N=Object.getOwnPropertyDescriptor,w=(c,t,e,a)=>{for(var r=a>1?void 0:a?N(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&P(t,e,r),r};exports.GlatamCalendarDayView=class extends s.LitElement{constructor(){super(...arguments),this.day=null,this.slots=[],this.locale="es",this.selectedRange=null,this.role="provider",this.minDate="",this.maxDate="",this.isDragging=!1,this.dragStartSlotIndex=null,this.dragEndSlotIndex=null,this.handleMouseUp=()=>{if(!this.isDragging||!this.day||this.dragStartSlotIndex===null||this.dragEndSlotIndex===null){this.isDragging=!1;return}this.isDragging=!1;const t=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),e=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex),a=this.day.slots.slice(t,e+1);a.some(r=>r.isBlocked)||this.dispatchEvent(new CustomEvent("range-select",{detail:{dateString:this.day.dateString,start:a[0].start,end:a[a.length-1].end},bubbles:!0,composed:!0})),this.dragStartSlotIndex=null,this.dragEndSlotIndex=null}}connectedCallback(){super.connectedCallback(),window.addEventListener("mouseup",this.handleMouseUp)}disconnectedCallback(){window.removeEventListener("mouseup",this.handleMouseUp),super.disconnectedCallback()}handleMouseDown(t,e){if(!this.day)return;const a=this.day.dateString;if(!(this.minDate&&a<this.minDate||this.maxDate&&a>this.maxDate)){if(e){if(this.role==="buyer")return;this.dispatchEvent(new CustomEvent("slot-click",{detail:{dateString:this.day.dateString,slot:this.day.slots[t],isBlocked:!0},bubbles:!0,composed:!0}));return}this.isDragging=!0,this.dragStartSlotIndex=t,this.dragEndSlotIndex=t}}handleMouseEnter(t,e){this.isDragging&&!e&&(this.dragEndSlotIndex=t)}isSlotSelected(t){return!this.day||!this.selectedRange||this.selectedRange.dateString!==this.day.dateString?!1:t.start>=this.selectedRange.start&&t.end<=this.selectedRange.end}isSlotDragSelecting(t){if(!this.isDragging)return!1;const e=Math.min(this.dragStartSlotIndex,this.dragEndSlotIndex),a=Math.max(this.dragStartSlotIndex,this.dragEndSlotIndex);return t>=e&&t<=a}render(){if(!this.day)return s.html`<div>Cargando...</div>`;const t=this.day.dateString===g.formatISODate(new Date),e=this.minDate&&this.day.dateString<this.minDate||this.maxDate&&this.day.dateString>this.maxDate,a=new Intl.DateTimeFormat(this.locale,{weekday:"long",day:"numeric",month:"long"}).format(this.day.date);return s.html`
       <div class="time-col">
         <div class="header-cell">Hora</div>
         ${this.slots.map(r=>s.html`<div class="slot-cell time-slot-label">${r.start}</div>`)}
@@ -484,9 +484,9 @@
           <div style="text-transform: capitalize;">${a}</div>
         </div>
 
-        ${this.day.slots.map((r,o)=>{var n,p;const l=r.isBlocked,d=this.isSlotSelected(r),g=this.isSlotDragSelecting(o);return s.html`
+        ${this.day.slots.map((r,o)=>{var n,p;const l=r.isBlocked,d=this.isSlotSelected(r),m=this.isSlotDragSelecting(o);return s.html`
             <div
-              class=${R.classMap({"slot-cell":!0,available:!l&&!e,blocked:l,selected:d,"drag-selecting":g,disabled:e})}
+              class=${R.classMap({"slot-cell":!0,available:!l&&!e,blocked:l,selected:d,"drag-selecting":m,disabled:e})}
               @mousedown=${()=>this.handleMouseDown(o,l)}
               @mouseenter=${()=>this.handleMouseEnter(o,l)}
               title=${l&&((n=r.rule)!=null&&n.description)?r.rule.description:""}
@@ -680,7 +680,7 @@
   .btn-danger:hover {
     background: rgba(255, 69, 58, 0.18);
   }
-`;var A=Object.defineProperty,L=Object.getOwnPropertyDescriptor,S=(c,t,e,a)=>{for(var r=a>1?void 0:a?L(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&A(t,e,r),r};exports.GlatamCalendarModal=class extends s.LitElement{constructor(){super(...arguments),this.open=!1,this.dateString="",this.startTime="",this.endTime="",this.isRange=!1,this.existingRule=null,this.description="",this.blockAllDay=!0,this.isRecurring=!1,this.selectedDays=[]}willUpdate(t){if(t.has("open")&&this.open)if(this.existingRule)this.description=this.existingRule.description||"",this.blockAllDay=!this.existingRule.slots||this.existingRule.slots.length===0,this.isRecurring=this.existingRule.type==="weekly",this.selectedDays=this.existingRule.daysOfWeek||[],this.existingRule.slots&&this.existingRule.slots.length>0&&(this.startTime=this.existingRule.slots[0].start,this.endTime=this.existingRule.slots[0].end);else{this.description="",this.blockAllDay=!this.isRange,this.isRecurring=!1;const e=m.parseISODate(this.dateString);this.selectedDays=[e.getDay()]}}updated(t){var e;if(t.has("open")){const a=(e=this.shadowRoot)==null?void 0:e.getElementById("booking-dialog");a&&(this.open?a.open||a.showModal():a.open&&a.close())}}handleDialogClose(){this.open&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}toggleDay(t){const e=this.selectedDays.indexOf(t);this.selectedDays=e>-1?this.selectedDays.filter(a=>a!==t):[...this.selectedDays,t]}handleSave(){const t={title:this.description.trim(),blockAllDay:this.blockAllDay,isRecurring:this.isRecurring,selectedDays:this.selectedDays,dateString:this.dateString,startTime:this.startTime,endTime:this.endTime};this.dispatchEvent(new CustomEvent("save-rule",{detail:t,bubbles:!0,composed:!0}))}handleDelete(){this.existingRule&&this.dispatchEvent(new CustomEvent("delete-rule",{detail:{id:this.existingRule.id,dateString:this.dateString,rule:this.existingRule},bubbles:!0,composed:!0}))}render(){const t=["D","L","M","M","J","V","S"],e=this.isRange?`${this.dateString} (${this.startTime} - ${this.endTime})`:this.dateString;return s.html`
+`;var A=Object.defineProperty,L=Object.getOwnPropertyDescriptor,D=(c,t,e,a)=>{for(var r=a>1?void 0:a?L(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&A(t,e,r),r};exports.GlatamCalendarModal=class extends s.LitElement{constructor(){super(...arguments),this.open=!1,this.dateString="",this.startTime="",this.endTime="",this.isRange=!1,this.existingRule=null,this.description="",this.blockAllDay=!0,this.isRecurring=!1,this.selectedDays=[]}willUpdate(t){if(t.has("open")&&this.open)if(this.existingRule)this.description=this.existingRule.description||"",this.blockAllDay=!this.existingRule.slots||this.existingRule.slots.length===0,this.isRecurring=this.existingRule.type==="weekly",this.selectedDays=this.existingRule.daysOfWeek||[],this.existingRule.slots&&this.existingRule.slots.length>0&&(this.startTime=this.existingRule.slots[0].start,this.endTime=this.existingRule.slots[0].end);else{this.description="",this.blockAllDay=!this.isRange,this.isRecurring=!1;const e=g.parseISODate(this.dateString);this.selectedDays=[e.getDay()]}}updated(t){var e;if(t.has("open")){const a=(e=this.shadowRoot)==null?void 0:e.getElementById("booking-dialog");a&&(this.open?a.open||a.showModal():a.open&&a.close())}}handleDialogClose(){this.open&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}toggleDay(t){const e=this.selectedDays.indexOf(t);this.selectedDays=e>-1?this.selectedDays.filter(a=>a!==t):[...this.selectedDays,t]}handleSave(){const t={title:this.description.trim(),blockAllDay:this.blockAllDay,isRecurring:this.isRecurring,selectedDays:this.selectedDays,dateString:this.dateString,startTime:this.startTime,endTime:this.endTime};this.dispatchEvent(new CustomEvent("save-rule",{detail:t,bubbles:!0,composed:!0}))}handleDelete(){this.existingRule&&this.dispatchEvent(new CustomEvent("delete-rule",{detail:{id:this.existingRule.id,dateString:this.dateString,rule:this.existingRule},bubbles:!0,composed:!0}))}render(){const t=["D","L","M","M","J","V","S"],e=this.isRange?`${this.dateString} (${this.startTime} - ${this.endTime})`:this.dateString;return s.html`
       <dialog id="booking-dialog" @close=${this.handleDialogClose}>
         <div class="modal-content">
           <h3>${this.existingRule?"Gestionar Bloqueo":"Crear Bloqueo"}</h3>
@@ -711,6 +711,27 @@
             </label>
           </div>
 
+          ${this.blockAllDay?"":s.html`
+            <div style="display: flex; gap: 12px;" class="form-group">
+              <div style="flex: 1;">
+                <label>Hora Inicio</label>
+                <input 
+                  type="time" 
+                  .value=${this.startTime} 
+                  @input=${a=>this.startTime=a.target.value} 
+                />
+              </div>
+              <div style="flex: 1;">
+                <label>Hora Fin</label>
+                <input 
+                  type="time" 
+                  .value=${this.endTime} 
+                  @input=${a=>this.endTime=a.target.value} 
+                />
+              </div>
+            </div>
+          `}
+
           <div class="switch-row">
             <label>Repetir semanalmente</label>
             <label class="switch">
@@ -747,7 +768,7 @@
           </div>
         </div>
       </dialog>
-    `}};exports.GlatamCalendarModal.styles=W;S([i.property({type:Boolean})],exports.GlatamCalendarModal.prototype,"open",2);S([i.property({type:String})],exports.GlatamCalendarModal.prototype,"dateString",2);S([i.property({type:String})],exports.GlatamCalendarModal.prototype,"startTime",2);S([i.property({type:String})],exports.GlatamCalendarModal.prototype,"endTime",2);S([i.property({type:Boolean})],exports.GlatamCalendarModal.prototype,"isRange",2);S([i.property({type:Object})],exports.GlatamCalendarModal.prototype,"existingRule",2);S([i.state()],exports.GlatamCalendarModal.prototype,"description",2);S([i.state()],exports.GlatamCalendarModal.prototype,"blockAllDay",2);S([i.state()],exports.GlatamCalendarModal.prototype,"isRecurring",2);S([i.state()],exports.GlatamCalendarModal.prototype,"selectedDays",2);exports.GlatamCalendarModal=S([i.customElement("glatam-calendar-modal")],exports.GlatamCalendarModal);const U=s.css`
+    `}};exports.GlatamCalendarModal.styles=W;D([i.property({type:Boolean})],exports.GlatamCalendarModal.prototype,"open",2);D([i.property({type:String})],exports.GlatamCalendarModal.prototype,"dateString",2);D([i.property({type:String})],exports.GlatamCalendarModal.prototype,"startTime",2);D([i.property({type:String})],exports.GlatamCalendarModal.prototype,"endTime",2);D([i.property({type:Boolean})],exports.GlatamCalendarModal.prototype,"isRange",2);D([i.property({type:Object})],exports.GlatamCalendarModal.prototype,"existingRule",2);D([i.state()],exports.GlatamCalendarModal.prototype,"description",2);D([i.state()],exports.GlatamCalendarModal.prototype,"blockAllDay",2);D([i.state()],exports.GlatamCalendarModal.prototype,"isRecurring",2);D([i.state()],exports.GlatamCalendarModal.prototype,"selectedDays",2);exports.GlatamCalendarModal=D([i.customElement("glatam-calendar-modal")],exports.GlatamCalendarModal);const U=s.css`
   :host {
     display: contents;
     font-family: var(--glatam-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
@@ -943,7 +964,7 @@
           </div>
         </div>
       </dialog>
-    `}};exports.GlatamSeriesConfirmationModal.styles=U;C([i.property({type:Boolean})],exports.GlatamSeriesConfirmationModal.prototype,"open",2);C([i.property({type:String})],exports.GlatamSeriesConfirmationModal.prototype,"dateString",2);C([i.property({type:Object})],exports.GlatamSeriesConfirmationModal.prototype,"targetRule",2);exports.GlatamSeriesConfirmationModal=C([i.customElement("glatam-series-confirmation-modal")],exports.GlatamSeriesConfirmationModal);var Y=Object.defineProperty,H=Object.getOwnPropertyDescriptor,h=(c,t,e,a)=>{for(var r=a>1?void 0:a?H(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&Y(t,e,r),r};const X=[{start:"09:00",end:"10:00"},{start:"10:00",end:"11:00"},{start:"11:00",end:"12:00"},{start:"12:00",end:"13:00"},{start:"13:00",end:"14:00"},{start:"14:00",end:"15:00"},{start:"15:00",end:"16:00"},{start:"16:00",end:"17:00"},{start:"17:00",end:"18:00"}];exports.GlatamCalendar=class extends s.LitElement{constructor(){super(...arguments),this.role="provider",this.size="medium",this.view="month",this.locale="es",this.startOfWeekDay=0,this.rules=[],this.selectedDates=[],this.selectedRange=null,this.hostTimezone="America/Bogota",this.activeTimezone="local",this.slots=X,this.minDate="",this.maxDate="",this.showNeighboringMonth=!0,this.tileClassName=null,this.enableSeriesConfirmation=!1,this.activeDate=new Date,this.localRules=[],this.darkMode=!1,this.modalOpen=!1,this.modalDateString="",this.modalStartTime="",this.modalEndTime="",this.modalIsRange=!1,this.modalExistingRule=null,this.seriesModalOpen=!1,this.seriesTargetRule=null,this.seriesTargetDateString=""}firstUpdated(){this.darkMode=window.matchMedia("(prefers-color-scheme: dark)").matches,this.localRules=[...this.rules]}willUpdate(t){t.has("rules")&&this.rules!==this.localRules&&(this.localRules=[...this.rules||[]])}updated(t){t.has("darkMode")&&this.classList.toggle("dark-mode",this.darkMode)}handlePrev(){const t=new Date(this.activeDate);this.view==="month"?t.setMonth(t.getMonth()-1):this.view==="week"?t.setDate(t.getDate()-7):t.setDate(t.getDate()-1),this.activeDate=t}handleNext(){const t=new Date(this.activeDate);this.view==="month"?t.setMonth(t.getMonth()+1):this.view==="week"?t.setDate(t.getDate()+7):t.setDate(t.getDate()+1),this.activeDate=t}getHeaderTitle(){const t=this.view==="month"?{month:"long",year:"numeric"}:this.view==="week"?{month:"short",year:"numeric"}:{day:"numeric",month:"long",year:"numeric"};return new Intl.DateTimeFormat(this.locale,t).format(this.activeDate)}handleDaySelect(t){const{dateString:e,isBlocked:a}=t.detail;this.role==="buyer"&&a||(this.activeDate=m.parseISODate(e),this.view="day",this.dispatchEvent(new CustomEvent("date-selected",{detail:{dateString:e},bubbles:!0,composed:!0})))}handleRangeSelect(t){var O,z;const{dateString:e,start:a,end:r}=t.detail,o=this.activeTimezone==="local"?k(this.activeDate,this.hostTimezone,"local"):0,l=m.formatISODate(new Date),d=this.minDate||(this.role==="buyer"?l:"");if(this.role==="buyer"&&(d&&e<d||this.maxDate&&e>this.maxDate))return;const g=this.getDisplaySlots(o),n=a.split(" ")[0],p=r.split(" ")[0],u=g.findIndex($=>$.start.startsWith(n)),y=g.findIndex($=>$.end.startsWith(p)),f=((O=this.slots[u])==null?void 0:O.start)||n,D=((z=this.slots[y])==null?void 0:z.end)||p;if(this.role==="buyer"){this.selectedRange={dateString:e,start:n,end:p},this.dispatchEvent(new CustomEvent("booking-selected",{detail:{dateString:e,start:n,end:p,hostStart:f,hostEnd:D},bubbles:!0,composed:!0}));return}this.openModal(e,f,D,!0,null)}handleSlotClick(t){const{dateString:e,slot:a}=t.detail,r=m.parseISODate(e),o=this.activeTimezone==="local"?k(this.activeDate,this.hostTimezone,"local"):0,l=m.formatISODate(new Date),d=this.minDate||(this.role==="buyer"?l:"");if(this.role==="buyer"&&(a.isBlocked||d&&e<d||this.maxDate&&e>this.maxDate))return;const g=this.getDisplaySlots(o),n=a.start.split(" ")[0],p=g.findIndex(f=>f.start.startsWith(n)),u=this.slots[p]||a;if(this.role==="buyer"){this.selectedRange={dateString:e,start:a.start,end:a.end},this.dispatchEvent(new CustomEvent("booking-selected",{detail:{dateString:e,start:a.start,end:a.end,hostStart:u.start,hostEnd:u.end},bubbles:!0,composed:!0}));return}const y=this.localRules.find(f=>m.isTimeBlocked(r,u,[f]));this.openModal(e,u.start,u.end,!0,y||null)}handleBlockDayAction(){const t=m.formatISODate(this.activeDate),e=this.localRules.find(a=>m.isTimeBlocked(this.activeDate,void 0,[a]));this.openModal(t,"","",!1,e||null)}openModal(t,e,a,r,o){this.modalDateString=t,this.modalStartTime=e,this.modalEndTime=a,this.modalIsRange=r,this.modalExistingRule=o,this.modalOpen=!0}handleSaveRule(t){var l;const e=t.detail,a=this.modalExistingRule?this.modalExistingRule.id:`rule-${Date.now()}`,r={id:a,type:e.isRecurring?"weekly":"date-range",slots:e.blockAllDay?void 0:[{start:e.startTime,end:e.endTime}],daysOfWeek:e.isRecurring?e.selectedDays:void 0,startDate:e.isRecurring?void 0:e.dateString,endDate:e.isRecurring?void 0:e.dateString,description:e.title,exceptions:(l=this.modalExistingRule)==null?void 0:l.exceptions},o=this.modalExistingRule?this.localRules.map(d=>d.id===a?r:d):[...this.localRules,r];this.localRules=o,this.rules=o,this.modalOpen=!1,this.dispatchEvent(new CustomEvent("rules-changed",{detail:{rules:o},bubbles:!0,composed:!0}))}handleDeleteRule(t){const e=t.detail.rule||this.localRules.find(l=>l.id===t.detail.id),a=t.detail.dateString||this.modalDateString;if(this.enableSeriesConfirmation&&e&&e.type==="weekly"){this.modalOpen=!1,this.seriesTargetRule=e,this.seriesTargetDateString=a,this.seriesModalOpen=!0;return}const{updatedRules:r,targetRule:o}=M(this.localRules,t.detail.id);if(this.localRules=r,this.rules=r,this.modalOpen=!1,o){const l={actionType:"delete_series",targetRule:o,dateString:a,updatedRules:r};this.dispatchEvent(new CustomEvent("rule-action-triggered",{detail:l,bubbles:!0,composed:!0}))}this.dispatchEvent(new CustomEvent("rules-changed",{detail:{rules:r},bubbles:!0,composed:!0}))}handleConfirmSeriesAction(t){const{actionType:e,dateString:a,targetRule:r}=t.detail,{updatedRules:o,targetRule:l}=e==="delete_instance"?I(this.localRules,r.id,a):M(this.localRules,r.id);if(this.localRules=o,this.rules=o,this.seriesModalOpen=!1,l){const d={actionType:e,targetRule:l,dateString:a,updatedRules:o};this.dispatchEvent(new CustomEvent("rule-action-triggered",{detail:d,bubbles:!0,composed:!0}))}this.dispatchEvent(new CustomEvent("rules-changed",{detail:{rules:o},bubbles:!0,composed:!0}))}getDisplaySlots(t){return t===0?this.slots:this.slots.map(e=>{const a=T(e,t),r=a.dayShift>0?" (+1d)":a.dayShift<0?" (-1d)":"";return{start:a.start+r,end:a.end+r}})}render(){var g;const t=this.activeDate.getFullYear(),e=this.activeDate.getMonth(),a=m.isTimeBlocked(this.activeDate,void 0,this.localRules),r=this.activeTimezone==="local"?k(this.activeDate,this.hostTimezone,"local"):0,o=this.getDisplaySlots(r),l=n=>n.map(p=>({...p,slots:p.slots.map((u,y)=>{var f,D;return{...u,start:((f=o[y])==null?void 0:f.start)||u.start,end:((D=o[y])==null?void 0:D.end)||u.end}})})),d=((g=this.hostTimezone.split("/").pop())==null?void 0:g.replace("_"," "))||"Anfitrión";return s.html`
+    `}};exports.GlatamSeriesConfirmationModal.styles=U;C([i.property({type:Boolean})],exports.GlatamSeriesConfirmationModal.prototype,"open",2);C([i.property({type:String})],exports.GlatamSeriesConfirmationModal.prototype,"dateString",2);C([i.property({type:Object})],exports.GlatamSeriesConfirmationModal.prototype,"targetRule",2);exports.GlatamSeriesConfirmationModal=C([i.customElement("glatam-series-confirmation-modal")],exports.GlatamSeriesConfirmationModal);var Y=Object.defineProperty,H=Object.getOwnPropertyDescriptor,h=(c,t,e,a)=>{for(var r=a>1?void 0:a?H(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&Y(t,e,r),r};const X=[{start:"09:00",end:"10:00"},{start:"10:00",end:"11:00"},{start:"11:00",end:"12:00"},{start:"12:00",end:"13:00"},{start:"13:00",end:"14:00"},{start:"14:00",end:"15:00"},{start:"15:00",end:"16:00"},{start:"16:00",end:"17:00"},{start:"17:00",end:"18:00"}];exports.GlatamCalendar=class extends s.LitElement{constructor(){super(...arguments),this.role="provider",this.size="medium",this.view="month",this.locale="es",this.startOfWeekDay=0,this.rules=[],this.selectedDates=[],this.selectedRange=null,this.hostTimezone="America/Bogota",this.activeTimezone="local",this.slots=X,this.minDate="",this.maxDate="",this.showNeighboringMonth=!0,this.tileClassName=null,this.enableSeriesConfirmation=!1,this.activeDate=new Date,this.localRules=[],this.darkMode=!1,this.modalOpen=!1,this.modalDateString="",this.modalStartTime="",this.modalEndTime="",this.modalIsRange=!1,this.modalExistingRule=null,this.seriesModalOpen=!1,this.seriesTargetRule=null,this.seriesTargetDateString=""}firstUpdated(){this.darkMode=window.matchMedia("(prefers-color-scheme: dark)").matches,this.localRules=[...this.rules]}willUpdate(t){t.has("rules")&&this.rules!==this.localRules&&(this.localRules=[...this.rules||[]])}updated(t){t.has("darkMode")&&this.classList.toggle("dark-mode",this.darkMode)}handlePrev(){const t=new Date(this.activeDate);this.view==="month"?t.setMonth(t.getMonth()-1):this.view==="week"?t.setDate(t.getDate()-7):t.setDate(t.getDate()-1),this.activeDate=t}handleNext(){const t=new Date(this.activeDate);this.view==="month"?t.setMonth(t.getMonth()+1):this.view==="week"?t.setDate(t.getDate()+7):t.setDate(t.getDate()+1),this.activeDate=t}getHeaderTitle(){const t=this.view==="month"?{month:"long",year:"numeric"}:this.view==="week"?{month:"short",year:"numeric"}:{day:"numeric",month:"long",year:"numeric"};return new Intl.DateTimeFormat(this.locale,t).format(this.activeDate)}handleDaySelect(t){const{dateString:e,isBlocked:a}=t.detail;this.role==="buyer"&&a||(this.activeDate=g.parseISODate(e),this.view="day",this.dispatchEvent(new CustomEvent("date-selected",{detail:{dateString:e},bubbles:!0,composed:!0})))}handleRangeSelect(t){var O,z;const{dateString:e,start:a,end:r}=t.detail,o=this.activeTimezone==="local"?k(this.activeDate,this.hostTimezone,"local"):0,l=g.formatISODate(new Date),d=this.minDate||(this.role==="buyer"?l:"");if(this.role==="buyer"&&(d&&e<d||this.maxDate&&e>this.maxDate))return;const m=this.getDisplaySlots(o),n=a.split(" ")[0],p=r.split(" ")[0],u=m.findIndex($=>$.start.startsWith(n)),y=m.findIndex($=>$.end.startsWith(p)),f=((O=this.slots[u])==null?void 0:O.start)||n,S=((z=this.slots[y])==null?void 0:z.end)||p;if(this.role==="buyer"){this.selectedRange={dateString:e,start:n,end:p},this.dispatchEvent(new CustomEvent("booking-selected",{detail:{dateString:e,start:n,end:p,hostStart:f,hostEnd:S},bubbles:!0,composed:!0}));return}this.openModal(e,f,S,!0,null)}handleSlotClick(t){const{dateString:e,slot:a}=t.detail,r=g.parseISODate(e),o=this.activeTimezone==="local"?k(this.activeDate,this.hostTimezone,"local"):0,l=g.formatISODate(new Date),d=this.minDate||(this.role==="buyer"?l:"");if(this.role==="buyer"&&(a.isBlocked||d&&e<d||this.maxDate&&e>this.maxDate))return;const m=this.getDisplaySlots(o),n=a.start.split(" ")[0],p=m.findIndex(f=>f.start.startsWith(n)),u=this.slots[p]||a;if(this.role==="buyer"){this.selectedRange={dateString:e,start:a.start,end:a.end},this.dispatchEvent(new CustomEvent("booking-selected",{detail:{dateString:e,start:a.start,end:a.end,hostStart:u.start,hostEnd:u.end},bubbles:!0,composed:!0}));return}const y=this.localRules.find(f=>g.isTimeBlocked(r,u,[f]));this.openModal(e,u.start,u.end,!0,y||null)}handleBlockDayAction(){const t=g.formatISODate(this.activeDate),e=this.localRules.find(a=>g.isTimeBlocked(this.activeDate,void 0,[a]));this.openModal(t,"","",!1,e||null)}openModal(t,e,a,r,o){this.modalDateString=t,this.modalStartTime=e,this.modalEndTime=a,this.modalIsRange=r,this.modalExistingRule=o,this.modalOpen=!0}handleSaveRule(t){var l;const e=t.detail,a=this.modalExistingRule?this.modalExistingRule.id:`rule-${Date.now()}`,r={id:a,type:e.isRecurring?"weekly":"date-range",slots:e.blockAllDay?void 0:[{start:e.startTime,end:e.endTime}],daysOfWeek:e.isRecurring?e.selectedDays:void 0,startDate:e.isRecurring?void 0:e.dateString,endDate:e.isRecurring?void 0:e.dateString,description:e.title,exceptions:(l=this.modalExistingRule)==null?void 0:l.exceptions},o=this.modalExistingRule?this.localRules.map(d=>d.id===a?r:d):[...this.localRules,r];this.localRules=o,this.rules=o,this.modalOpen=!1,this.dispatchEvent(new CustomEvent("rules-changed",{detail:{rules:o},bubbles:!0,composed:!0}))}handleDeleteRule(t){const e=t.detail.rule||this.localRules.find(l=>l.id===t.detail.id),a=t.detail.dateString||this.modalDateString;if(this.enableSeriesConfirmation&&e&&e.type==="weekly"){this.modalOpen=!1,this.seriesTargetRule=e,this.seriesTargetDateString=a,this.seriesModalOpen=!0;return}const{updatedRules:r,targetRule:o}=M(this.localRules,t.detail.id);if(this.localRules=r,this.rules=r,this.modalOpen=!1,o){const l={actionType:"delete_series",targetRule:o,dateString:a,updatedRules:r};this.dispatchEvent(new CustomEvent("rule-action-triggered",{detail:l,bubbles:!0,composed:!0}))}this.dispatchEvent(new CustomEvent("rules-changed",{detail:{rules:r},bubbles:!0,composed:!0}))}handleConfirmSeriesAction(t){const{actionType:e,dateString:a,targetRule:r}=t.detail,{updatedRules:o,targetRule:l}=e==="delete_instance"?I(this.localRules,r.id,a):M(this.localRules,r.id);if(this.localRules=o,this.rules=o,this.seriesModalOpen=!1,l){const d={actionType:e,targetRule:l,dateString:a,updatedRules:o};this.dispatchEvent(new CustomEvent("rule-action-triggered",{detail:d,bubbles:!0,composed:!0}))}this.dispatchEvent(new CustomEvent("rules-changed",{detail:{rules:o},bubbles:!0,composed:!0}))}getDisplaySlots(t){return t===0?this.slots:this.slots.map(e=>{const a=T(e,t),r=a.dayShift>0?" (+1d)":a.dayShift<0?" (-1d)":"";return{start:a.start+r,end:a.end+r}})}render(){var m;const t=this.activeDate.getFullYear(),e=this.activeDate.getMonth(),a=g.isTimeBlocked(this.activeDate,void 0,this.localRules),r=this.activeTimezone==="local"?k(this.activeDate,this.hostTimezone,"local"):0,o=this.getDisplaySlots(r),l=n=>n.map(p=>({...p,slots:p.slots.map((u,y)=>{var f,S;return{...u,start:((f=o[y])==null?void 0:f.start)||u.start,end:((S=o[y])==null?void 0:S.end)||u.end}})})),d=((m=this.hostTimezone.split("/").pop())==null?void 0:m.replace("_"," "))||"Anfitrión";return s.html`
       <div class="calendar-header">
         <div class="nav-group">
           <button class="btn" @click=${()=>this.activeDate=new Date}>Hoy</button>
@@ -973,7 +994,7 @@
       </div>
 
       <div class="calendar-body">
-        ${this.view==="month"?s.html`<glatam-calendar-month-view .days=${m.generateMonthDays(t,e,this.localRules,this.slots,this.startOfWeekDay)} .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${this.size} .minDate=${this.minDate||(this.role==="buyer"?m.formatISODate(new Date):"")} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth} .tileClassName=${this.tileClassName} @day-select=${this.handleDaySelect}></glatam-calendar-month-view>`:this.view==="week"?s.html`<glatam-calendar-week-view .days=${l(m.generateWeekDays(this.activeDate,this.localRules,this.slots,this.startOfWeekDay))} .slots=${o} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate||(this.role==="buyer"?m.formatISODate(new Date):"")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-week-view>`:s.html`<glatam-calendar-day-view .day=${l(m.generateWeekDays(this.activeDate,this.localRules,this.slots,this.startOfWeekDay)).find(n=>n.dateString===m.formatISODate(this.activeDate))||null} .slots=${o} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate||(this.role==="buyer"?m.formatISODate(new Date):"")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-day-view>`}
+        ${this.view==="month"?s.html`<glatam-calendar-month-view .days=${g.generateMonthDays(t,e,this.localRules,this.slots,this.startOfWeekDay)} .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${this.size} .minDate=${this.minDate||(this.role==="buyer"?g.formatISODate(new Date):"")} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth} .tileClassName=${this.tileClassName} @day-select=${this.handleDaySelect}></glatam-calendar-month-view>`:this.view==="week"?s.html`<glatam-calendar-week-view .days=${l(g.generateWeekDays(this.activeDate,this.localRules,this.slots,this.startOfWeekDay))} .slots=${o} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate||(this.role==="buyer"?g.formatISODate(new Date):"")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-week-view>`:s.html`<glatam-calendar-day-view .day=${l(g.generateWeekDays(this.activeDate,this.localRules,this.slots,this.startOfWeekDay)).find(n=>n.dateString===g.formatISODate(this.activeDate))||null} .slots=${o} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate||(this.role==="buyer"?g.formatISODate(new Date):"")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-day-view>`}
       </div>
 
       <glatam-calendar-modal
@@ -986,7 +1007,7 @@
         .open=${this.seriesModalOpen} .dateString=${this.seriesTargetDateString} .targetRule=${this.seriesTargetRule}
         @confirm-action=${this.handleConfirmSeriesAction} @close=${()=>this.seriesModalOpen=!1}
       ></glatam-series-confirmation-modal>
-    `}};exports.GlatamCalendar.styles=[G,E];h([i.property({type:String})],exports.GlatamCalendar.prototype,"role",2);h([i.property({type:String,reflect:!0})],exports.GlatamCalendar.prototype,"size",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"view",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"locale",2);h([i.property({type:Number})],exports.GlatamCalendar.prototype,"startOfWeekDay",2);h([i.property({type:Array})],exports.GlatamCalendar.prototype,"rules",2);h([i.property({type:Array})],exports.GlatamCalendar.prototype,"selectedDates",2);h([i.property({type:Object})],exports.GlatamCalendar.prototype,"selectedRange",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"hostTimezone",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"activeTimezone",2);h([i.property({type:Array})],exports.GlatamCalendar.prototype,"slots",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"minDate",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"maxDate",2);h([i.property({type:Boolean})],exports.GlatamCalendar.prototype,"showNeighboringMonth",2);h([i.property({attribute:!1})],exports.GlatamCalendar.prototype,"tileClassName",2);h([i.property({type:Boolean,attribute:"enable-series-confirmation"})],exports.GlatamCalendar.prototype,"enableSeriesConfirmation",2);h([i.state()],exports.GlatamCalendar.prototype,"activeDate",2);h([i.state()],exports.GlatamCalendar.prototype,"localRules",2);h([i.state()],exports.GlatamCalendar.prototype,"darkMode",2);h([i.state()],exports.GlatamCalendar.prototype,"modalOpen",2);h([i.state()],exports.GlatamCalendar.prototype,"modalDateString",2);h([i.state()],exports.GlatamCalendar.prototype,"modalStartTime",2);h([i.state()],exports.GlatamCalendar.prototype,"modalEndTime",2);h([i.state()],exports.GlatamCalendar.prototype,"modalIsRange",2);h([i.state()],exports.GlatamCalendar.prototype,"modalExistingRule",2);h([i.state()],exports.GlatamCalendar.prototype,"seriesModalOpen",2);h([i.state()],exports.GlatamCalendar.prototype,"seriesTargetRule",2);h([i.state()],exports.GlatamCalendar.prototype,"seriesTargetDateString",2);exports.GlatamCalendar=h([i.customElement("glatam-calendar")],exports.GlatamCalendar);const Z=s.css`
+    `}};exports.GlatamCalendar.styles=[E,G];h([i.property({type:String})],exports.GlatamCalendar.prototype,"role",2);h([i.property({type:String,reflect:!0})],exports.GlatamCalendar.prototype,"size",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"view",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"locale",2);h([i.property({type:Number})],exports.GlatamCalendar.prototype,"startOfWeekDay",2);h([i.property({type:Array})],exports.GlatamCalendar.prototype,"rules",2);h([i.property({type:Array})],exports.GlatamCalendar.prototype,"selectedDates",2);h([i.property({type:Object})],exports.GlatamCalendar.prototype,"selectedRange",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"hostTimezone",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"activeTimezone",2);h([i.property({type:Array})],exports.GlatamCalendar.prototype,"slots",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"minDate",2);h([i.property({type:String})],exports.GlatamCalendar.prototype,"maxDate",2);h([i.property({type:Boolean})],exports.GlatamCalendar.prototype,"showNeighboringMonth",2);h([i.property({attribute:!1})],exports.GlatamCalendar.prototype,"tileClassName",2);h([i.property({type:Boolean,attribute:"enable-series-confirmation"})],exports.GlatamCalendar.prototype,"enableSeriesConfirmation",2);h([i.state()],exports.GlatamCalendar.prototype,"activeDate",2);h([i.state()],exports.GlatamCalendar.prototype,"localRules",2);h([i.state()],exports.GlatamCalendar.prototype,"darkMode",2);h([i.state()],exports.GlatamCalendar.prototype,"modalOpen",2);h([i.state()],exports.GlatamCalendar.prototype,"modalDateString",2);h([i.state()],exports.GlatamCalendar.prototype,"modalStartTime",2);h([i.state()],exports.GlatamCalendar.prototype,"modalEndTime",2);h([i.state()],exports.GlatamCalendar.prototype,"modalIsRange",2);h([i.state()],exports.GlatamCalendar.prototype,"modalExistingRule",2);h([i.state()],exports.GlatamCalendar.prototype,"seriesModalOpen",2);h([i.state()],exports.GlatamCalendar.prototype,"seriesTargetRule",2);h([i.state()],exports.GlatamCalendar.prototype,"seriesTargetDateString",2);exports.GlatamCalendar=h([i.customElement("glatam-calendar")],exports.GlatamCalendar);const K=s.css`
   :host {
     display: inline-block;
     background: transparent;
@@ -994,6 +1015,7 @@
     padding: 0;
     box-shadow: none;
     width: 100%;
+    overflow: visible !important;
   }
 
   .mini-calendar-header {
@@ -1036,22 +1058,22 @@
   .mini-nav-btn:active:not(:disabled) {
     transform: scale(0.95);
   }
-`;var J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,b=(c,t,e,a)=>{for(var r=a>1?void 0:a?K(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&J(t,e,r),r};exports.GlatamCalendarMini=class extends s.LitElement{constructor(){super(...arguments),this.role="buyer",this.locale="es",this.startOfWeekDay=0,this.rules=[],this.selectedRange=null,this.size="medium",this.hostTimezone="America/Bogota",this.activeTimezone="local",this.minDate="",this.maxDate="",this.showNeighboringMonth=!0,this.tileClassName=null,this.slots=[{start:"09:00",end:"10:00"},{start:"10:00",end:"11:00"},{start:"11:00",end:"12:00"},{start:"12:00",end:"13:00"},{start:"13:00",end:"14:00"},{start:"14:00",end:"15:00"},{start:"15:00",end:"16:00"},{start:"16:00",end:"17:00"},{start:"17:00",end:"18:00"}],this.activeDate=new Date,this.dropdownOpen=!1,this.dropdownSelectedDateString="",this.touchStartX=0,this.touchStartY=0}handlePrevMonth(t){t.stopPropagation();const e=new Date(this.activeDate);e.setMonth(e.getMonth()-1),this.activeDate=e}handleNextMonth(t){t.stopPropagation();const e=new Date(this.activeDate);e.setMonth(e.getMonth()+1),this.activeDate=e}handleTouchStart(t){t.touches&&t.touches.length>0&&(this.touchStartX=t.touches[0].clientX,this.touchStartY=t.touches[0].clientY)}handleTouchEnd(t){if(t.changedTouches&&t.changedTouches.length>0){const e=this.touchStartX-t.changedTouches[0].clientX,a=this.touchStartY-t.changedTouches[0].clientY;Math.abs(e)>50&&Math.abs(e)>Math.abs(a)&&(e>0?this.handleNextMonth(t):this.handlePrevMonth(t))}}getFormattedMonthTitle(){const t=this.activeDate.toLocaleDateString(this.locale||"es",{month:"long",year:"numeric"});return t.charAt(0).toUpperCase()+t.slice(1)}handleDropdownDaySelect(t){this.dropdownSelectedDateString=t.detail.dateString}selectDropdownSlot(t){const e={dateString:this.dropdownSelectedDateString,start:t.displayStart,end:t.displayEnd,hostStart:t.start,hostEnd:t.end};this.selectedRange={dateString:this.dropdownSelectedDateString,start:t.displayStart,end:t.displayEnd},this.dispatchEvent(new CustomEvent("booking-selected",{detail:e,bubbles:!0,composed:!0})),this.dropdownOpen=!1,this.dropdownSelectedDateString=""}render(){const t=this.selectedRange?`Reserva: ${this.selectedRange.dateString} (${this.selectedRange.start} - ${this.selectedRange.end})`:"Seleccionar Fecha y Hora",e=this.activeDate.getFullYear(),a=this.activeDate.getMonth(),r=this.dropdownSelectedDateString?new Date(this.dropdownSelectedDateString+"T00:00:00"):null,o=r&&this.activeTimezone==="local"?k(r,this.hostTimezone,"local"):0,l=r?this.slots.map(d=>{const g=m.isTimeBlocked(r,d,this.rules),n=T(d,o),p=n.dayShift>0?" (+1d)":n.dayShift<0?" (-1d)":"";return{...d,displayStart:n.start+p,displayEnd:n.end+p,isBlocked:g}}):[];return s.html`
+`;var Z=Object.defineProperty,J=Object.getOwnPropertyDescriptor,b=(c,t,e,a)=>{for(var r=a>1?void 0:a?J(t,e):t,o=c.length-1,l;o>=0;o--)(l=c[o])&&(r=(a?l(t,e,r):l(r))||r);return a&&r&&Z(t,e,r),r};exports.GlatamCalendarMini=class extends s.LitElement{constructor(){super(...arguments),this.role="buyer",this.locale="es",this.startOfWeekDay=0,this.rules=[],this.selectedRange=null,this.size="medium",this.hostTimezone="America/Bogota",this.activeTimezone="local",this.minDate="",this.maxDate="",this.showNeighboringMonth=!0,this.tileClassName=null,this.slots=[{start:"09:00",end:"10:00"},{start:"10:00",end:"11:00"},{start:"11:00",end:"12:00"},{start:"12:00",end:"13:00"},{start:"13:00",end:"14:00"},{start:"14:00",end:"15:00"},{start:"15:00",end:"16:00"},{start:"16:00",end:"17:00"},{start:"17:00",end:"18:00"}],this.activeDate=new Date,this.dropdownOpen=!1,this.dropdownSelectedDateString="",this.touchStartX=0,this.touchStartY=0,this.handleOutsideClick=t=>{this.dropdownOpen&&!t.composedPath().includes(this)&&(this.dropdownOpen=!1,this.dropdownSelectedDateString="")},this.handleKeyDown=t=>{t.key==="Escape"&&this.dropdownOpen&&(this.dropdownOpen=!1,this.dropdownSelectedDateString="")}}connectedCallback(){super.connectedCallback(),window.addEventListener("click",this.handleOutsideClick),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){window.removeEventListener("click",this.handleOutsideClick),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}toggleDropdown(t){t.stopPropagation(),this.dropdownOpen=!this.dropdownOpen,this.dropdownOpen||(this.dropdownSelectedDateString="")}handlePrevMonth(t){t.stopPropagation();const e=new Date(this.activeDate);e.setMonth(e.getMonth()-1),this.activeDate=e}handleNextMonth(t){t.stopPropagation();const e=new Date(this.activeDate);e.setMonth(e.getMonth()+1),this.activeDate=e}handleTouchStart(t){t.touches&&t.touches.length>0&&(this.touchStartX=t.touches[0].clientX,this.touchStartY=t.touches[0].clientY)}handleTouchEnd(t){if(t.changedTouches&&t.changedTouches.length>0){const e=this.touchStartX-t.changedTouches[0].clientX,a=this.touchStartY-t.changedTouches[0].clientY;Math.abs(e)>50&&Math.abs(e)>Math.abs(a)&&(e>0?this.handleNextMonth(t):this.handlePrevMonth(t))}}getFormattedMonthTitle(){const t=this.activeDate.toLocaleDateString(this.locale||"es",{month:"long",year:"numeric"});return t.charAt(0).toUpperCase()+t.slice(1)}handleDropdownDaySelect(t){this.dropdownSelectedDateString=t.detail.dateString}selectDropdownSlot(t){const e={dateString:this.dropdownSelectedDateString,start:t.displayStart,end:t.displayEnd,hostStart:t.start,hostEnd:t.end};this.selectedRange={dateString:this.dropdownSelectedDateString,start:t.displayStart,end:t.displayEnd},this.dispatchEvent(new CustomEvent("booking-selected",{detail:e,bubbles:!0,composed:!0})),this.dropdownOpen=!1,this.dropdownSelectedDateString=""}render(){const t=this.selectedRange?`Reserva: ${this.selectedRange.dateString} (${this.selectedRange.start} - ${this.selectedRange.end})`:"Seleccionar Fecha y Hora",e=this.activeDate.getFullYear(),a=this.activeDate.getMonth(),r=this.dropdownSelectedDateString?g.parseISODate(this.dropdownSelectedDateString):null,o=r&&this.activeTimezone==="local"?k(r,this.hostTimezone,"local"):0,l=r?this.slots.map(d=>{const m=g.isTimeBlocked(r,d,this.rules),n=T(d,o),p=n.dayShift>0?" (+1d)":n.dayShift<0?" (-1d)":"";return{...d,displayStart:n.start+p,displayEnd:n.end+p,isBlocked:m}}):[];return s.html`
       <div class="dropdown-container">
-        <button class="btn btn-primary dropdown-toggle" @click=${()=>this.dropdownOpen=!this.dropdownOpen}>
+        <button class="btn btn-primary dropdown-toggle" @click=${this.toggleDropdown}>
           <span>${t}</span> <span>${this.dropdownOpen?"▲":"▼"}</span>
         </button>
 
         ${this.dropdownOpen?s.html`
           <div class="dropdown-card" style="--glatam-day-min-height: 38px;">
             ${this.dropdownSelectedDateString?s.html`
-              <div style="display:flex; justify-space-between; align-items:center; border-bottom: 1px solid var(--glatam-border); padding-bottom:8px;">
-                <button class="btn" style="height:28px; padding:0 8px; font-size:0.75rem;" @click=${()=>this.dropdownSelectedDateString=""}>&lt; Volver</button>
+              <div style="display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid var(--glatam-border); padding-bottom:8px;">
+                <button type="button" class="btn" style="height:28px; padding:0 8px; font-size:0.75rem;" @click=${()=>this.dropdownSelectedDateString=""}>&lt; Volver</button>
                 <span style="font-size:0.8rem; font-weight:600; color: var(--glatam-text);">${this.dropdownSelectedDateString}</span>
               </div>
               <div class="slot-list">
                 ${l.map(d=>s.html`
-                  <button class="slot-btn ${d.isBlocked?"blocked":""}" ?disabled=${d.isBlocked} @click=${()=>this.selectDropdownSlot(d)}>
+                  <button type="button" class="slot-btn ${d.isBlocked?"blocked":""}" ?disabled=${d.isBlocked} @click=${()=>this.selectDropdownSlot(d)}>
                     ${d.displayStart} - ${d.displayEnd} ${d.isBlocked?"(Ocupado)":""}
                   </button>
                 `)}
@@ -1064,8 +1086,8 @@
               </div>
               <div class="mini-calendar-touch-wrapper" @touchstart=${this.handleTouchStart} @touchend=${this.handleTouchEnd}>
                 <glatam-calendar-month-view
-                  .days=${m.generateMonthDays(e,a,this.rules,this.slots,this.startOfWeekDay)}
-                  .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} size="small"
+                  .days=${g.generateMonthDays(e,a,this.rules,this.slots,this.startOfWeekDay)}
+                  .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${"small"}
                   .minDate=${this.minDate} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth}
                   .tileClassName=${this.tileClassName} @day-select=${this.handleDropdownDaySelect}
                 ></glatam-calendar-month-view>
@@ -1074,4 +1096,4 @@
           </div>
         `:""}
       </div>
-    `}};exports.GlatamCalendarMini.styles=[G,E,Z];b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"role",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"locale",2);b([i.property({type:Number})],exports.GlatamCalendarMini.prototype,"startOfWeekDay",2);b([i.property({type:Array})],exports.GlatamCalendarMini.prototype,"rules",2);b([i.property({type:Object})],exports.GlatamCalendarMini.prototype,"selectedRange",2);b([i.property({type:String,reflect:!0})],exports.GlatamCalendarMini.prototype,"size",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"hostTimezone",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"activeTimezone",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"minDate",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"maxDate",2);b([i.property({type:Boolean})],exports.GlatamCalendarMini.prototype,"showNeighboringMonth",2);b([i.property({attribute:!1})],exports.GlatamCalendarMini.prototype,"tileClassName",2);b([i.property({type:Array})],exports.GlatamCalendarMini.prototype,"slots",2);b([i.state()],exports.GlatamCalendarMini.prototype,"activeDate",2);b([i.state()],exports.GlatamCalendarMini.prototype,"dropdownOpen",2);b([i.state()],exports.GlatamCalendarMini.prototype,"dropdownSelectedDateString",2);exports.GlatamCalendarMini=b([i.customElement("glatam-calendar-mini")],exports.GlatamCalendarMini);Object.defineProperty(exports,"formatISODate",{enumerable:!0,get:()=>m.formatISODate});Object.defineProperty(exports,"isTimeBlocked",{enumerable:!0,get:()=>m.isTimeBlocked});Object.defineProperty(exports,"parseISODate",{enumerable:!0,get:()=>m.parseISODate});exports.calendarStyles=E;exports.deleteSeries=M;exports.deleteSingleInstance=I;exports.variablesStyles=G;
+    `}};exports.GlatamCalendarMini.styles=[E,G,K];b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"role",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"locale",2);b([i.property({type:Number})],exports.GlatamCalendarMini.prototype,"startOfWeekDay",2);b([i.property({type:Array})],exports.GlatamCalendarMini.prototype,"rules",2);b([i.property({type:Object})],exports.GlatamCalendarMini.prototype,"selectedRange",2);b([i.property({type:String,reflect:!0})],exports.GlatamCalendarMini.prototype,"size",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"hostTimezone",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"activeTimezone",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"minDate",2);b([i.property({type:String})],exports.GlatamCalendarMini.prototype,"maxDate",2);b([i.property({type:Boolean})],exports.GlatamCalendarMini.prototype,"showNeighboringMonth",2);b([i.property({attribute:!1})],exports.GlatamCalendarMini.prototype,"tileClassName",2);b([i.property({type:Array})],exports.GlatamCalendarMini.prototype,"slots",2);b([i.state()],exports.GlatamCalendarMini.prototype,"activeDate",2);b([i.state()],exports.GlatamCalendarMini.prototype,"dropdownOpen",2);b([i.state()],exports.GlatamCalendarMini.prototype,"dropdownSelectedDateString",2);exports.GlatamCalendarMini=b([i.customElement("glatam-calendar-mini")],exports.GlatamCalendarMini);Object.defineProperty(exports,"formatISODate",{enumerable:!0,get:()=>g.formatISODate});Object.defineProperty(exports,"isTimeBlocked",{enumerable:!0,get:()=>g.isTimeBlocked});Object.defineProperty(exports,"parseISODate",{enumerable:!0,get:()=>g.parseISODate});exports.calendarStyles=G;exports.deleteSeries=M;exports.deleteSingleInstance=I;exports.variablesStyles=E;

package/dist/glatam-calendar.js

@@ -1,9 +1,9 @@
-import { css as M, LitElement as T, html as c } from "lit";
-import { property as l, customElement as O, state as m } from "lit/decorators.js";
-import { formatISODate as z, parseISODate as P, isTimeBlocked as _, generateMonthDays as Y, generateWeekDays as L } from "@glatam/calendar-core";
+import { css as M, LitElement as O, html as c } from "lit";
+import { property as l, customElement as C, state as m } from "lit/decorators.js";
+import { formatISODate as z, parseISODate as N, isTimeBlocked as _, generateMonthDays as Y, generateWeekDays as U } from "@glatam/calendar-core";
 import { formatISODate as yt, isTimeBlocked as xt, parseISODate as wt } from "@glatam/calendar-core";
 import { classMap as A } from "lit/directives/class-map.js";
-const q = M`
+const H = M`
   :host {
     /* Fonts */
     --glatam-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
@@ -91,7 +91,7 @@ const q = M`
     --glatam-padding: 24px;
     font-size: 1.1rem;
   }
-`, G = M`
+`, q = M`
   :host {
     display: grid;
     min-width: 0;
@@ -378,7 +378,7 @@ function B(e, t, a) {
     return 0;
   }
 }
-function H(e, t) {
+function G(e, t) {
   if (t === 0)
     return { start: e.start, end: e.end, dayShift: 0 };
   const a = (d) => {
@@ -413,12 +413,12 @@ function F(e, t) {
   const a = e.find((i) => i.id === t) || null;
   return { updatedRules: e.filter((i) => i.id !== t), targetRule: a };
 }
-var X = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, $ = (e, t, a, r) => {
-  for (var i = r > 1 ? void 0 : r ? Z(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var X = Object.defineProperty, K = Object.getOwnPropertyDescriptor, $ = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? K(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
   return r && i && X(t, a, i), i;
 };
-let w = class extends T {
+let w = class extends O {
   constructor() {
     super(...arguments), this.days = [], this.locale = "es", this.startOfWeekDay = 0, this.selectedDates = [], this.role = "provider", this.size = "medium", this.minDate = "", this.maxDate = "", this.showNeighboringMonth = !0, this.tileClassName = null;
   }
@@ -543,14 +543,14 @@ $([
   l({ attribute: !1 })
 ], w.prototype, "tileClassName", 2);
 w = $([
-  O("glatam-calendar-month-view")
+  C("glatam-calendar-month-view")
 ], w);
-var J = Object.defineProperty, K = Object.getOwnPropertyDescriptor, k = (e, t, a, r) => {
-  for (var i = r > 1 ? void 0 : r ? K(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, k = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? J(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
-  return r && i && J(t, a, i), i;
+  return r && i && Z(t, a, i), i;
 };
-let x = class extends T {
+let x = class extends O {
   constructor() {
     super(...arguments), this.days = [], this.slots = [], this.locale = "es", this.selectedRange = null, this.role = "provider", this.minDate = "", this.maxDate = "", this.isDragging = !1, this.dragDayIndex = null, this.dragStartSlotIndex = null, this.dragEndSlotIndex = null, this.handleMouseUp = () => {
       if (!this.isDragging || this.dragDayIndex === null || this.dragStartSlotIndex === null || this.dragEndSlotIndex === null) {
@@ -731,14 +731,14 @@ k([
   m()
 ], x.prototype, "dragEndSlotIndex", 2);
 x = k([
-  O("glatam-calendar-week-view")
+  C("glatam-calendar-week-view")
 ], x);
 var Q = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, R = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? tt(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
   return r && i && Q(t, a, i), i;
 };
-let S = class extends T {
+let S = class extends O {
   constructor() {
     super(...arguments), this.day = null, this.slots = [], this.locale = "es", this.selectedRange = null, this.role = "provider", this.minDate = "", this.maxDate = "", this.isDragging = !1, this.dragStartSlotIndex = null, this.dragEndSlotIndex = null, this.handleMouseUp = () => {
       if (!this.isDragging || !this.day || this.dragStartSlotIndex === null || this.dragEndSlotIndex === null) {
@@ -888,7 +888,7 @@ R([
   m()
 ], S.prototype, "dragEndSlotIndex", 2);
 S = R([
-  O("glatam-calendar-day-view")
+  C("glatam-calendar-day-view")
 ], S);
 const et = M`
   dialog {
@@ -1051,7 +1051,7 @@ var at = Object.defineProperty, it = Object.getOwnPropertyDescriptor, E = (e, t,
     (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
   return r && i && at(t, a, i), i;
 };
-let D = class extends T {
+let D = class extends O {
   constructor() {
     super(...arguments), this.open = !1, this.dateString = "", this.startTime = "", this.endTime = "", this.isRange = !1, this.existingRule = null, this.description = "", this.blockAllDay = !0, this.isRecurring = !1, this.selectedDays = [];
   }
@@ -1061,7 +1061,7 @@ let D = class extends T {
         this.description = this.existingRule.description || "", this.blockAllDay = !this.existingRule.slots || this.existingRule.slots.length === 0, this.isRecurring = this.existingRule.type === "weekly", this.selectedDays = this.existingRule.daysOfWeek || [], this.existingRule.slots && this.existingRule.slots.length > 0 && (this.startTime = this.existingRule.slots[0].start, this.endTime = this.existingRule.slots[0].end);
       else {
         this.description = "", this.blockAllDay = !this.isRange, this.isRecurring = !1;
-        const t = P(this.dateString);
+        const t = N(this.dateString);
         this.selectedDays = [t.getDay()];
       }
   }
@@ -1131,6 +1131,27 @@ let D = class extends T {
             </label>
           </div>
 
+          ${this.blockAllDay ? "" : c`
+            <div style="display: flex; gap: 12px;" class="form-group">
+              <div style="flex: 1;">
+                <label>Hora Inicio</label>
+                <input 
+                  type="time" 
+                  .value=${this.startTime} 
+                  @input=${(a) => this.startTime = a.target.value} 
+                />
+              </div>
+              <div style="flex: 1;">
+                <label>Hora Fin</label>
+                <input 
+                  type="time" 
+                  .value=${this.endTime} 
+                  @input=${(a) => this.endTime = a.target.value} 
+                />
+              </div>
+            </div>
+          `}
+
           <div class="switch-row">
             <label>Repetir semanalmente</label>
             <label class="switch">
@@ -1202,7 +1223,7 @@ E([
   m()
 ], D.prototype, "selectedDays", 2);
 D = E([
-  O("glatam-calendar-modal")
+  C("glatam-calendar-modal")
 ], D);
 const rt = M`
   :host {
@@ -1345,12 +1366,12 @@ const rt = M`
     background: var(--glatam-border, #e5e5ea);
   }
 `;
-var ot = Object.defineProperty, st = Object.getOwnPropertyDescriptor, N = (e, t, a, r) => {
+var ot = Object.defineProperty, st = Object.getOwnPropertyDescriptor, j = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? st(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
   return r && i && ot(t, a, i), i;
 };
-let C = class extends T {
+let T = class extends O {
   constructor() {
     super(...arguments), this.open = !1, this.dateString = "", this.targetRule = null;
   }
@@ -1439,20 +1460,20 @@ let C = class extends T {
     `;
   }
 };
-C.styles = rt;
-N([
+T.styles = rt;
+j([
   l({ type: Boolean })
-], C.prototype, "open", 2);
-N([
+], T.prototype, "open", 2);
+j([
   l({ type: String })
-], C.prototype, "dateString", 2);
-N([
+], T.prototype, "dateString", 2);
+j([
   l({ type: Object })
-], C.prototype, "targetRule", 2);
-C = N([
-  O("glatam-series-confirmation-modal")
-], C);
-var lt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, p = (e, t, a, r) => {
+], T.prototype, "targetRule", 2);
+T = j([
+  C("glatam-series-confirmation-modal")
+], T);
+var lt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, g = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? nt(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
   return r && i && lt(t, a, i), i;
@@ -1468,7 +1489,7 @@ const dt = [
   { start: "16:00", end: "17:00" },
   { start: "17:00", end: "18:00" }
 ];
-let g = class extends T {
+let p = class extends O {
   constructor() {
     super(...arguments), this.role = "provider", this.size = "medium", this.view = "month", this.locale = "es", this.startOfWeekDay = 0, this.rules = [], this.selectedDates = [], this.selectedRange = null, this.hostTimezone = "America/Bogota", this.activeTimezone = "local", this.slots = dt, this.minDate = "", this.maxDate = "", this.showNeighboringMonth = !0, this.tileClassName = null, this.enableSeriesConfirmation = !1, this.activeDate = /* @__PURE__ */ new Date(), this.localRules = [], this.darkMode = !1, this.modalOpen = !1, this.modalDateString = "", this.modalStartTime = "", this.modalEndTime = "", this.modalIsRange = !1, this.modalExistingRule = null, this.seriesModalOpen = !1, this.seriesTargetRule = null, this.seriesTargetDateString = "";
   }
@@ -1495,13 +1516,13 @@ let g = class extends T {
   }
   handleDaySelect(e) {
     const { dateString: t, isBlocked: a } = e.detail;
-    this.role === "buyer" && a || (this.activeDate = P(t), this.view = "day", this.dispatchEvent(new CustomEvent("date-selected", { detail: { dateString: t }, bubbles: !0, composed: !0 })));
+    this.role === "buyer" && a || (this.activeDate = N(t), this.view = "day", this.dispatchEvent(new CustomEvent("date-selected", { detail: { dateString: t }, bubbles: !0, composed: !0 })));
   }
   handleRangeSelect(e) {
-    var W, U;
+    var W, L;
     const { dateString: t, start: a, end: r } = e.detail, i = this.activeTimezone === "local" ? B(this.activeDate, this.hostTimezone, "local") : 0, s = z(/* @__PURE__ */ new Date()), o = this.minDate || (this.role === "buyer" ? s : "");
     if (this.role === "buyer" && (o && t < o || this.maxDate && t > this.maxDate)) return;
-    const u = this.getDisplaySlots(i), n = a.split(" ")[0], d = r.split(" ")[0], h = u.findIndex((j) => j.start.startsWith(n)), y = u.findIndex((j) => j.end.startsWith(d)), f = ((W = this.slots[h]) == null ? void 0 : W.start) || n, I = ((U = this.slots[y]) == null ? void 0 : U.end) || d;
+    const u = this.getDisplaySlots(i), n = a.split(" ")[0], d = r.split(" ")[0], h = u.findIndex((P) => P.start.startsWith(n)), y = u.findIndex((P) => P.end.startsWith(d)), f = ((W = this.slots[h]) == null ? void 0 : W.start) || n, I = ((L = this.slots[y]) == null ? void 0 : L.end) || d;
     if (this.role === "buyer") {
       this.selectedRange = { dateString: t, start: n, end: d }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: { dateString: t, start: n, end: d, hostStart: f, hostEnd: I }, bubbles: !0, composed: !0 }));
       return;
@@ -1509,7 +1530,7 @@ let g = class extends T {
     this.openModal(t, f, I, !0, null);
   }
   handleSlotClick(e) {
-    const { dateString: t, slot: a } = e.detail, r = P(t), i = this.activeTimezone === "local" ? B(this.activeDate, this.hostTimezone, "local") : 0, s = z(/* @__PURE__ */ new Date()), o = this.minDate || (this.role === "buyer" ? s : "");
+    const { dateString: t, slot: a } = e.detail, r = N(t), i = this.activeTimezone === "local" ? B(this.activeDate, this.hostTimezone, "local") : 0, s = z(/* @__PURE__ */ new Date()), o = this.minDate || (this.role === "buyer" ? s : "");
     if (this.role === "buyer" && (a.isBlocked || o && t < o || this.maxDate && t > this.maxDate)) return;
     const u = this.getDisplaySlots(i), n = a.start.split(" ")[0], d = u.findIndex((f) => f.start.startsWith(n)), h = this.slots[d] || a;
     if (this.role === "buyer") {
@@ -1563,7 +1584,7 @@ let g = class extends T {
   }
   getDisplaySlots(e) {
     return e === 0 ? this.slots : this.slots.map((t) => {
-      const a = H(t, e), r = a.dayShift > 0 ? " (+1d)" : a.dayShift < 0 ? " (-1d)" : "";
+      const a = G(t, e), r = a.dayShift > 0 ? " (+1d)" : a.dayShift < 0 ? " (-1d)" : "";
       return { start: a.start + r, end: a.end + r };
     });
   }
@@ -1603,7 +1624,7 @@ let g = class extends T {
       </div>
 
       <div class="calendar-body">
-        ${this.view === "month" ? c`<glatam-calendar-month-view .days=${Y(e, t, this.localRules, this.slots, this.startOfWeekDay)} .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${this.size} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth} .tileClassName=${this.tileClassName} @day-select=${this.handleDaySelect}></glatam-calendar-month-view>` : this.view === "week" ? c`<glatam-calendar-week-view .days=${s(L(this.activeDate, this.localRules, this.slots, this.startOfWeekDay))} .slots=${i} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-week-view>` : c`<glatam-calendar-day-view .day=${s(L(this.activeDate, this.localRules, this.slots, this.startOfWeekDay)).find((n) => n.dateString === z(this.activeDate)) || null} .slots=${i} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-day-view>`}
+        ${this.view === "month" ? c`<glatam-calendar-month-view .days=${Y(e, t, this.localRules, this.slots, this.startOfWeekDay)} .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${this.size} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth} .tileClassName=${this.tileClassName} @day-select=${this.handleDaySelect}></glatam-calendar-month-view>` : this.view === "week" ? c`<glatam-calendar-week-view .days=${s(U(this.activeDate, this.localRules, this.slots, this.startOfWeekDay))} .slots=${i} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-week-view>` : c`<glatam-calendar-day-view .day=${s(U(this.activeDate, this.localRules, this.slots, this.startOfWeekDay)).find((n) => n.dateString === z(this.activeDate)) || null} .slots=${i} .locale=${this.locale} .selectedRange=${this.selectedRange} .role=${this.role} .minDate=${this.minDate || (this.role === "buyer" ? z(/* @__PURE__ */ new Date()) : "")} .maxDate=${this.maxDate} @range-select=${this.handleRangeSelect} @slot-click=${this.handleSlotClick}></glatam-calendar-day-view>`}
       </div>
 
       <glatam-calendar-modal
@@ -1619,94 +1640,94 @@ let g = class extends T {
     `;
   }
 };
-g.styles = [q, G];
-p([
+p.styles = [H, q];
+g([
   l({ type: String })
-], g.prototype, "role", 2);
-p([
+], p.prototype, "role", 2);
+g([
   l({ type: String, reflect: !0 })
-], g.prototype, "size", 2);
-p([
+], p.prototype, "size", 2);
+g([
   l({ type: String })
-], g.prototype, "view", 2);
-p([
+], p.prototype, "view", 2);
+g([
   l({ type: String })
-], g.prototype, "locale", 2);
-p([
+], p.prototype, "locale", 2);
+g([
   l({ type: Number })
-], g.prototype, "startOfWeekDay", 2);
-p([
+], p.prototype, "startOfWeekDay", 2);
+g([
   l({ type: Array })
-], g.prototype, "rules", 2);
-p([
+], p.prototype, "rules", 2);
+g([
   l({ type: Array })
-], g.prototype, "selectedDates", 2);
-p([
+], p.prototype, "selectedDates", 2);
+g([
   l({ type: Object })
-], g.prototype, "selectedRange", 2);
-p([
+], p.prototype, "selectedRange", 2);
+g([
   l({ type: String })
-], g.prototype, "hostTimezone", 2);
-p([
+], p.prototype, "hostTimezone", 2);
+g([
   l({ type: String })
-], g.prototype, "activeTimezone", 2);
-p([
+], p.prototype, "activeTimezone", 2);
+g([
   l({ type: Array })
-], g.prototype, "slots", 2);
-p([
+], p.prototype, "slots", 2);
+g([
   l({ type: String })
-], g.prototype, "minDate", 2);
-p([
+], p.prototype, "minDate", 2);
+g([
   l({ type: String })
-], g.prototype, "maxDate", 2);
-p([
+], p.prototype, "maxDate", 2);
+g([
   l({ type: Boolean })
-], g.prototype, "showNeighboringMonth", 2);
-p([
+], p.prototype, "showNeighboringMonth", 2);
+g([
   l({ attribute: !1 })
-], g.prototype, "tileClassName", 2);
-p([
+], p.prototype, "tileClassName", 2);
+g([
   l({ type: Boolean, attribute: "enable-series-confirmation" })
-], g.prototype, "enableSeriesConfirmation", 2);
-p([
+], p.prototype, "enableSeriesConfirmation", 2);
+g([
   m()
-], g.prototype, "activeDate", 2);
-p([
+], p.prototype, "activeDate", 2);
+g([
   m()
-], g.prototype, "localRules", 2);
-p([
+], p.prototype, "localRules", 2);
+g([
   m()
-], g.prototype, "darkMode", 2);
-p([
+], p.prototype, "darkMode", 2);
+g([
   m()
-], g.prototype, "modalOpen", 2);
-p([
+], p.prototype, "modalOpen", 2);
+g([
   m()
-], g.prototype, "modalDateString", 2);
-p([
+], p.prototype, "modalDateString", 2);
+g([
   m()
-], g.prototype, "modalStartTime", 2);
-p([
+], p.prototype, "modalStartTime", 2);
+g([
   m()
-], g.prototype, "modalEndTime", 2);
-p([
+], p.prototype, "modalEndTime", 2);
+g([
   m()
-], g.prototype, "modalIsRange", 2);
-p([
+], p.prototype, "modalIsRange", 2);
+g([
   m()
-], g.prototype, "modalExistingRule", 2);
-p([
+], p.prototype, "modalExistingRule", 2);
+g([
   m()
-], g.prototype, "seriesModalOpen", 2);
-p([
+], p.prototype, "seriesModalOpen", 2);
+g([
   m()
-], g.prototype, "seriesTargetRule", 2);
-p([
+], p.prototype, "seriesTargetRule", 2);
+g([
   m()
-], g.prototype, "seriesTargetDateString", 2);
-g = p([
-  O("glatam-calendar")
-], g);
+], p.prototype, "seriesTargetDateString", 2);
+p = g([
+  C("glatam-calendar")
+], p);
 const ct = M`
   :host {
     display: inline-block;
@@ -1715,6 +1736,7 @@ const ct = M`
     padding: 0;
     box-shadow: none;
     width: 100%;
+    overflow: visible !important;
   }
 
   .mini-calendar-header {
@@ -1758,12 +1780,12 @@ const ct = M`
     transform: scale(0.95);
   }
 `;
-var gt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, v = (e, t, a, r) => {
-  for (var i = r > 1 ? void 0 : r ? pt(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var pt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, v = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? gt(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = (r ? o(t, a, i) : o(i)) || i);
-  return r && i && gt(t, a, i), i;
+  return r && i && pt(t, a, i), i;
 };
-let b = class extends T {
+let b = class extends O {
   constructor() {
     super(...arguments), this.role = "buyer", this.locale = "es", this.startOfWeekDay = 0, this.rules = [], this.selectedRange = null, this.size = "medium", this.hostTimezone = "America/Bogota", this.activeTimezone = "local", this.minDate = "", this.maxDate = "", this.showNeighboringMonth = !0, this.tileClassName = null, this.slots = [
       { start: "09:00", end: "10:00" },
@@ -1775,7 +1797,20 @@ let b = class extends T {
       { start: "15:00", end: "16:00" },
       { start: "16:00", end: "17:00" },
       { start: "17:00", end: "18:00" }
-    ], this.activeDate = /* @__PURE__ */ new Date(), this.dropdownOpen = !1, this.dropdownSelectedDateString = "", this.touchStartX = 0, this.touchStartY = 0;
+    ], this.activeDate = /* @__PURE__ */ new Date(), this.dropdownOpen = !1, this.dropdownSelectedDateString = "", this.touchStartX = 0, this.touchStartY = 0, this.handleOutsideClick = (e) => {
+      this.dropdownOpen && !e.composedPath().includes(this) && (this.dropdownOpen = !1, this.dropdownSelectedDateString = "");
+    }, this.handleKeyDown = (e) => {
+      e.key === "Escape" && this.dropdownOpen && (this.dropdownOpen = !1, this.dropdownSelectedDateString = "");
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), window.addEventListener("click", this.handleOutsideClick), window.addEventListener("keydown", this.handleKeyDown);
+  }
+  disconnectedCallback() {
+    window.removeEventListener("click", this.handleOutsideClick), window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
+  }
+  toggleDropdown(e) {
+    e.stopPropagation(), this.dropdownOpen = !this.dropdownOpen, this.dropdownOpen || (this.dropdownSelectedDateString = "");
   }
   handlePrevMonth(e) {
     e.stopPropagation();
@@ -1814,26 +1849,26 @@ let b = class extends T {
     this.selectedRange = { dateString: this.dropdownSelectedDateString, start: e.displayStart, end: e.displayEnd }, this.dispatchEvent(new CustomEvent("booking-selected", { detail: t, bubbles: !0, composed: !0 })), this.dropdownOpen = !1, this.dropdownSelectedDateString = "";
   }
   render() {
-    const e = this.selectedRange ? `Reserva: ${this.selectedRange.dateString} (${this.selectedRange.start} - ${this.selectedRange.end})` : "Seleccionar Fecha y Hora", t = this.activeDate.getFullYear(), a = this.activeDate.getMonth(), r = this.dropdownSelectedDateString ? /* @__PURE__ */ new Date(this.dropdownSelectedDateString + "T00:00:00") : null, i = r && this.activeTimezone === "local" ? B(r, this.hostTimezone, "local") : 0, s = r ? this.slots.map((o) => {
-      const u = _(r, o, this.rules), n = H(o, i), d = n.dayShift > 0 ? " (+1d)" : n.dayShift < 0 ? " (-1d)" : "";
+    const e = this.selectedRange ? `Reserva: ${this.selectedRange.dateString} (${this.selectedRange.start} - ${this.selectedRange.end})` : "Seleccionar Fecha y Hora", t = this.activeDate.getFullYear(), a = this.activeDate.getMonth(), r = this.dropdownSelectedDateString ? N(this.dropdownSelectedDateString) : null, i = r && this.activeTimezone === "local" ? B(r, this.hostTimezone, "local") : 0, s = r ? this.slots.map((o) => {
+      const u = _(r, o, this.rules), n = G(o, i), d = n.dayShift > 0 ? " (+1d)" : n.dayShift < 0 ? " (-1d)" : "";
       return { ...o, displayStart: n.start + d, displayEnd: n.end + d, isBlocked: u };
     }) : [];
     return c`
       <div class="dropdown-container">
-        <button class="btn btn-primary dropdown-toggle" @click=${() => this.dropdownOpen = !this.dropdownOpen}>
+        <button class="btn btn-primary dropdown-toggle" @click=${this.toggleDropdown}>
           <span>${e}</span> <span>${this.dropdownOpen ? "▲" : "▼"}</span>
         </button>
 
         ${this.dropdownOpen ? c`
           <div class="dropdown-card" style="--glatam-day-min-height: 38px;">
             ${this.dropdownSelectedDateString ? c`
-              <div style="display:flex; justify-space-between; align-items:center; border-bottom: 1px solid var(--glatam-border); padding-bottom:8px;">
-                <button class="btn" style="height:28px; padding:0 8px; font-size:0.75rem;" @click=${() => this.dropdownSelectedDateString = ""}>&lt; Volver</button>
+              <div style="display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid var(--glatam-border); padding-bottom:8px;">
+                <button type="button" class="btn" style="height:28px; padding:0 8px; font-size:0.75rem;" @click=${() => this.dropdownSelectedDateString = ""}>&lt; Volver</button>
                 <span style="font-size:0.8rem; font-weight:600; color: var(--glatam-text);">${this.dropdownSelectedDateString}</span>
               </div>
               <div class="slot-list">
                 ${s.map((o) => c`
-                  <button class="slot-btn ${o.isBlocked ? "blocked" : ""}" ?disabled=${o.isBlocked} @click=${() => this.selectDropdownSlot(o)}>
+                  <button type="button" class="slot-btn ${o.isBlocked ? "blocked" : ""}" ?disabled=${o.isBlocked} @click=${() => this.selectDropdownSlot(o)}>
                     ${o.displayStart} - ${o.displayEnd} ${o.isBlocked ? "(Ocupado)" : ""}
                   </button>
                 `)}
@@ -1847,7 +1882,7 @@ let b = class extends T {
               <div class="mini-calendar-touch-wrapper" @touchstart=${this.handleTouchStart} @touchend=${this.handleTouchEnd}>
                 <glatam-calendar-month-view
                   .days=${Y(t, a, this.rules, this.slots, this.startOfWeekDay)}
-                  .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} size="small"
+                  .locale=${this.locale} .startOfWeekDay=${this.startOfWeekDay} .role=${this.role} .size=${"small"}
                   .minDate=${this.minDate} .maxDate=${this.maxDate} .showNeighboringMonth=${this.showNeighboringMonth}
                   .tileClassName=${this.tileClassName} @day-select=${this.handleDropdownDaySelect}
                 ></glatam-calendar-month-view>
@@ -1859,7 +1894,7 @@ let b = class extends T {
     `;
   }
 };
-b.styles = [q, G, ct];
+b.styles = [H, q, ct];
 v([
   l({ type: String })
 ], b.prototype, "role", 2);
@@ -1909,21 +1944,21 @@ v([
   m()
 ], b.prototype, "dropdownSelectedDateString", 2);
 b = v([
-  O("glatam-calendar-mini")
+  C("glatam-calendar-mini")
 ], b);
 export {
-  g as GlatamCalendar,
+  p as GlatamCalendar,
   S as GlatamCalendarDayView,
   b as GlatamCalendarMini,
   D as GlatamCalendarModal,
   w as GlatamCalendarMonthView,
   x as GlatamCalendarWeekView,
-  C as GlatamSeriesConfirmationModal,
-  G as calendarStyles,
+  T as GlatamSeriesConfirmationModal,
+  q as calendarStyles,
   F as deleteSeries,
   V as deleteSingleInstance,
   yt as formatISODate,
   xt as isTimeBlocked,
   wt as parseISODate,
-  q as variablesStyles
+  H as variablesStyles
 };

package/dist/styles/calendar-mini.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-mini.css.d.ts","sourceRoot":"","sources":["../../src/styles/calendar-mini.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAkD9B,CAAC"}
+{"version":3,"file":"calendar-mini.css.d.ts","sourceRoot":"","sources":["../../src/styles/calendar-mini.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAmD9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glatam/calendar-ui",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Componente web UI para el calendario @glatam/calendar",
   "type": "module",
   "author": "Santiago Hernández Saldarriaga",
@@ -40,7 +40,7 @@
     "dev": "vite"
   },
   "dependencies": {
-    "@glatam/calendar-core": "^1.0.6",
+    "@glatam/calendar-core": "^1.0.7",
     "lit": "^3.1.2"
   },
   "devDependencies": {