@m3e/web 2.5.13 → 2.5.15

package/dist/calendar.min.js

@@ -39,5 +39,5 @@ var W,j,K,q;z=new WeakSet,U=function(t){const a=new Intl.DateTimeFormat(navigato
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var G,J,Q,X,tt,et,at,it,rt,nt;W=new WeakSet,j=function(t){const a=this.activeDate.getFullYear()===t.date.getFullYear()&&this.activeDate.getMonth()===t.date.getMonth(),i=this.date?.getFullYear()===t.date.getFullYear()&&this.date?.getMonth()===t.date.getMonth(),r=this.today.getFullYear()===t.date.getFullYear()&&this.today.getMonth()===t.date.getMonth(),n=this.minDate&&(t.date.getFullYear()<this.minDate.getFullYear()||t.date.getFullYear()===this.minDate.getFullYear()&&t.date.getMonth()<this.minDate.getMonth())||this.maxDate&&(t.date.getFullYear()>this.maxDate.getFullYear()||t.date.getFullYear()===this.maxDate.getFullYear()&&t.date.getMonth()>this.maxDate.getMonth()),s=`month-${t.date.getMonth()}`;return this.active?o`<td role="gridcell" class="${h({current:r,selected:i,active:a})}"><div id="${s}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${m(n||void 0)}" aria-current="${m(r?"date":void 0)}" aria-pressed="${i}" @click="${e(this,W,"m",K)}" @keydown="${e(this,W,"m",q)}"><m3e-focus-ring class="focus-ring" for="${s}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${s}" ?disable-hover="${n}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${s}" ?disabled="${n}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${t.long}</span> <span aria-hidden="true">${t.narrow}</span></div></td>`:o`<td role="gridcell" class="${h({current:r,selected:i,active:a})}"><div id="${s}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${m(n||void 0)}" aria-current="${m(r?"date":void 0)}" aria-pressed="${i}"><m3e-state-layer class="state-layer" disabled="disabled" disable-hover></m3e-state-layer><span aria-hidden="true">${t.narrow}</span></div></td>`},K=function(t){const e=t.currentTarget;"true"!==e.ariaDisabled&&e.dataset.value&&(this.activeDate=Y(new Date(e.dataset.value),this.minDate,this.maxDate),this.dispatchEvent(new Event("change",{bubbles:!1})))},q=function(t){let e=this.activeDate;switch(t.key){case" ":case"Enter":return t.preventDefault(),void t.currentTarget.click();case"ArrowLeft":case"Left":e=D(e,"rtl"===y.current?1:-1);break;case"ArrowRight":case"Right":e=D(e,"rtl"===y.current?-1:1);break;case"ArrowUp":case"Up":e=D(e,-4);break;case"ArrowDown":case"Down":e=D(e,4);break;case"Home":e=D(e,-e.getMonth());break;case"End":e=D(e,11-e.getMonth());break;case"PageUp":e=$(e,t.altKey?-10:-1);break;case"PageDown":e=$(e,t.altKey?10:1);break;default:return}t.preventDefault(),this._changeActiveDate(e)},Z.styles=[E.styles,i`.item { height: 2.25rem; } .touch { width: 100%; } th { height: 1rem; } td { padding-inline: 0.375rem; } tbody { font-size: var(--m3e-calendar-item-font-size, ${g.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-item-font-weight, ${g.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-item-line-height, ${g.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-item-tracking, ${g.typescale.standard.body.medium.tracking}); }`],Z=t([p("m3e-year-view")],Z);let ot=class extends r{constructor(){super(...arguments),G.add(this),J.set(this,void 0),this._today=new Date,this._activeView="month",this._activeDate=new Date,this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years"}get periodLabel(){switch(this._activeView){case"month":return new Intl.DateTimeFormat(navigator.language,{month:"short",year:"numeric"}).format(this._activeDate);case"year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).format(new Date(this._activeDate.getFullYear(),0,1));case"multi-year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).formatRange(new Date(S(this._activeDate,this.minDate,this.maxDate),0,1),new Date(F(this._activeDate,this.minDate,this.maxDate),0,1))}}get canMovePreviousPeriod(){if(!this.minDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth(),0)>=this.minDate;case"year":return new Date(this._activeDate.getFullYear()-1,12,1)>=this.minDate;case"multi-year":return new Date(S(this._activeDate,this.minDate,this.maxDate)-1,12,1)>=this.minDate}}get canMoveNextPeriod(){if(!this.maxDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth()+1,1)<=this.maxDate;case"year":return new Date(this._activeDate.getFullYear()+1,1,1)<=this.maxDate;case"multi-year":return new Date(F(this._activeDate,this.minDate,this.maxDate)+1,12,1)<=this.maxDate}}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,await(this._view?.focusActiveCell())}updateTodayDate(){this._today=new Date}resetActiveView(){this._activeView=this.startView}async movePreviousPeriod(){if(!this.canMovePreviousPeriod)return;if(b())return void(this._activeDate=e(this,G,"m",rt).call(this,this._activeView));await e(this,J,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,J,new Promise(a=>{t[0].addEventListener("transitionend",()=>{this._activeDate=e(this,G,"m",rt).call(this,this._activeView),t.forEach(t=>t.classList.add("no-animate")),t[1].classList.remove("after"),t[0].classList.add("before"),setTimeout(()=>{t.forEach(t=>t.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("after"),t[0].classList.remove("before"),await e(this,J,"f"),this._body.style.overflow="")}async moveNextPeriod(){if(!this.canMoveNextPeriod)return;if(b())return void(this._activeDate=e(this,G,"m",nt).call(this,this._activeView));await e(this,J,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,J,new Promise(a=>{t[2].addEventListener("transitionend",()=>{this._activeDate=e(this,G,"m",nt).call(this,this._activeView),t.forEach(t=>t.classList.add("no-animate")),t[1].classList.remove("before"),t[2].classList.add("after"),setTimeout(()=>{t.forEach(t=>t.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("before"),t[2].classList.remove("after"),await e(this,J,"f"),this._body.style.overflow="")}async togglePeriod(){await e(this,J,"f"),this._activeView="month"===this._activeView?"multi-year":"month",await this.focusActiveCell()}willUpdate(t){super.willUpdate(t),t.has("date")&&(this._activeDate=new Date(this.date??this._today)),t.has("startAt")&&(this._activeDate=new Date(this.startAt??this.date??this._today)),t.has("rangeStart")&&this.rangeStart&&(this._activeDate=new Date(this.rangeStart),t.has("date")||(this.date=new Date(this.rangeStart))),t.has("rangeEnd")&&this.rangeEnd&&(this._activeDate=new Date(this.rangeEnd),t.has("date")||(this.date=new Date(this.rangeEnd))),t.has("startView")&&this.resetActiveView()}updated(t){super.updated(t),this._view instanceof H&&(t.has("specialDates")||t.has("blackoutDates"))&&this.shadowRoot?.querySelectorAll("m3e-month-view").forEach(t=>{t.specialDates=this.specialDates,t.blackoutDates=this.blackoutDates})}render(){return o`<div class="base"><slot name="header">${e(this,G,"m",Q).call(this)}</slot><div class="body ${this._activeView}"><div class="row multi-year">${e(this,G,"m",X).call(this,"multi-year",-1)}${e(this,G,"m",X).call(this,"multi-year",0)}${e(this,G,"m",X).call(this,"multi-year",1)}</div><div class="row year">${e(this,G,"m",X).call(this,"year",-1)}${e(this,G,"m",X).call(this,"year",0)}${e(this,G,"m",X).call(this,"year",1)}</div><div class="row month">${e(this,G,"m",X).call(this,"month",-1)}${e(this,G,"m",X).call(this,"month",0)}${e(this,G,"m",X).call(this,"month",1)}</div></div></div>`}};J=new WeakMap,G=new WeakSet,Q=function(){return o`<div class="header"><m3e-button @click="${this.togglePeriod}">${this.periodLabel} <svg class="${h({rotate:"month"!==this._activeView})}" slot="trailing-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></m3e-button><div class="spacer"></div><m3e-icon-button ?disabled="${!this.canMovePreviousPeriod}" @click="${this.movePreviousPeriod}" aria-label="${"month"===this._activeView?this.previousMonthLabel:"year"===this._activeView?this.previousYearLabel:this.previousMultiYearLabel}">${"ltr"===y.current?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`:o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`}</m3e-icon-button><m3e-icon-button ?disabled="${!this.canMoveNextPeriod}" @click="${this.moveNextPeriod}" aria-label="${"month"===this._activeView?this.nextMonthLabel:"year"===this._activeView?this.nextYearLabel:this.nextMultiYearLabel}">${"ltr"===y.current?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`}</m3e-icon-button></div>`},X=function(t,a){const i=t===this._activeView&&0===a,r=a<0?e(this,G,"m",rt).call(this,t):a>0?e(this,G,"m",nt).call(this,t):new Date(this._activeDate);switch(t){case"month":return o`<m3e-month-view class="view ${h({before:a<0,after:a>0,active:i})}" ?active="${i}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${m(this.date?.toISOString())}" active-date="${r.toISOString()}" min-date="${m(this.minDate?.toISOString())}" max-date="${m(this.maxDate?.toISOString())}" range-start="${m(this.rangeStart?.toISOString())}" range-end="${m(this.rangeEnd?.toISOString())}" @active-change="${0===a?e(this,G,"m",it):void 0}" @change="${0===a?e(this,G,"m",tt):void 0}"></m3e-month-view>`;case"year":return o`<m3e-year-view class="view ${h({before:a<0,after:a>0,active:i})}" ?active="${i}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${m(this.date?.toISOString())}" active-date="${r.toISOString()}" min-date="${m(this.minDate?.toISOString())}" max-date="${m(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,G,"m",it):void 0}" @change="${0===a?e(this,G,"m",et):void 0}"></m3e-year-view>`;case"multi-year":return o`<m3e-multi-year-view class="view ${h({before:a<0,after:a>0,active:i})}" ?active="${i}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${m(this.date?.toISOString())}" active-date="${r.toISOString()}" min-date="${m(this.minDate?.toISOString())}" max-date="${m(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,G,"m",it):void 0}" @change="${0===a?e(this,G,"m",at):void 0}"></m3e-multi-year-view>`}},tt=function(t){const e=t.currentTarget;this._activeDate=new Date(e.activeDate),this.rangeStart=e.rangeStart,this.rangeEnd=e.rangeEnd,this.date=new Date(this._activeDate),this.dispatchEvent(new Event("change",{bubbles:!0}))},et=async function(t){this._activeDate=new Date(t.currentTarget.activeDate),this._activeView="month",this.focusActiveCell()},at=function(t){this._activeDate=new Date(t.currentTarget.activeDate),this._activeView="year",this.focusActiveCell()},it=async function(t){this._view instanceof H&&(this._view._suppressFocusHighlight=!1),this._activeDate=new Date(t.currentTarget.activeDate),await this.focusActiveCell(),this._view instanceof H&&(this._view._suppressFocusHighlight=!1)},rt=function(t){const e=new Date(this._activeDate);switch(t){case"month":for(e.setMonth(this._activeDate.getMonth()-1);e.getMonth()===this._activeDate.getMonth();)e.setDate(e.getDate()-1);break;case"year":e.setFullYear(this._activeDate.getFullYear()-1);break;case"multi-year":e.setDate(1),e.setFullYear(S(this._activeDate,this.minDate,this.maxDate)-1)}return e},nt=function(t){const e=new Date(this._activeDate);switch(t){case"month":for(e.setMonth(this._activeDate.getMonth()+1);e.getMonth()===this._activeDate.getMonth();)e.setDate(e.getDate()+1);break;case"year":e.setFullYear(this._activeDate.getFullYear()+1);break;case"multi-year":e.setDate(1),e.setFullYear(F(this._activeDate,this.minDate,this.maxDate)+1)}return e},ot.styles=i`:host { display: inline-block; vertical-align: top; width: fit-content; height: fit-content; } .base { display: flex; flex-direction: column; width: fit-content; overflow: hidden; padding: var(--m3e-calendar-padding, 0.5rem); background-color: var(--m3e-calendar-container-color); box-shadow: var(--m3e-calendar-container-elevation); border-radius: var(--m3e-calendar-container-shape); } .header { display: flex; align-items: center; --m3e-text-button-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); --m3e-text-button-hover-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); --m3e-text-button-focus-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); --m3e-text-button-pressed-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); } .spacer { flex: 1 1 auto; } svg { transition: transform ${g.motion.spring.fastEffects}; } svg.rotate { transform: rotate(-180deg); } .body { position: relative; } .view:not(.no-animate) { transition: ${s(`margin var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard},\n        visibility var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete`)}; } .view.before, .view.after { visibility: hidden; position: absolute; } .view.before { margin-inline-start: -100%; } .view.after { margin-inline-start: 100%; } .view:not(.before):not(.after) { visibility: visible; position: relative; left: 0; margin-inline-start: 0; } .row { opacity: 1; transform: translateY(0); } .row.multi-year { transition: ${s(`transform var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete,\n        opacity var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete`)}; } .row:not(.multi-year) { transition: ${s(`opacity var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete`)}; } .body.month > .row:not(.month), .body.year > .row:not(.year), .body.multi-year > .row:not(.multi-year) { visibility: hidden; position: absolute; transform: translateY(-10%); opacity: 0; } .body.month > .row:not(.month) .view:not(.before):not(.after), .body.year > .row:not(.year) .view:not(.before):not(.after), .body.multi-year > .row:not(.multi-year) .view:not(.before):not(.after) { visibility: hidden; transition: none; } @media (prefers-reduced-motion) { .row:not(.multi-year), .row.multi-year, .view:not(.no-animate), svg { transition: none; } }`,t([c()],ot.prototype,"_today",void 0),t([c()],ot.prototype,"_activeView",void 0),t([c()],ot.prototype,"_activeDate",void 0),t([l(".active")],ot.prototype,"_view",void 0),t([l(".body")],ot.prototype,"_body",void 0),t([d({attribute:"start-view"})],ot.prototype,"startView",void 0),t([d({converter:u})],ot.prototype,"date",void 0),t([d({attribute:"start-at",converter:u})],ot.prototype,"startAt",void 0),t([d({attribute:"min-date",converter:u})],ot.prototype,"minDate",void 0),t([d({attribute:"max-date",converter:u})],ot.prototype,"maxDate",void 0),t([d({attribute:"range-start",converter:u})],ot.prototype,"rangeStart",void 0),t([d({attribute:"range-end",converter:u})],ot.prototype,"rangeEnd",void 0),t([d({attribute:!1})],ot.prototype,"blackoutDates",void 0),t([d({attribute:!1})],ot.prototype,"specialDates",void 0),t([d({attribute:"previous-month-label"})],ot.prototype,"previousMonthLabel",void 0),t([d({attribute:"previous-year-label"})],ot.prototype,"previousYearLabel",void 0),t([d({attribute:"previous-multi-year-label"})],ot.prototype,"previousMultiYearLabel",void 0),t([d({attribute:"next-month-label"})],ot.prototype,"nextMonthLabel",void 0),t([d({attribute:"next-year-label"})],ot.prototype,"nextYearLabel",void 0),t([d({attribute:"next-multi-year-label"})],ot.prototype,"nextMultiYearLabel",void 0),ot=t([p("m3e-calendar")],ot);export{E as CalendarViewElementBase,ot as M3eCalendarElement,H as M3eMonthViewElement,N as M3eMultiYearViewElement,Z as M3eYearViewElement};
+var G,J,Q,X,tt,et,at,it,rt,nt;W=new WeakSet,j=function(t){const a=this.activeDate.getFullYear()===t.date.getFullYear()&&this.activeDate.getMonth()===t.date.getMonth(),i=this.date?.getFullYear()===t.date.getFullYear()&&this.date?.getMonth()===t.date.getMonth(),r=this.today.getFullYear()===t.date.getFullYear()&&this.today.getMonth()===t.date.getMonth(),n=this.minDate&&(t.date.getFullYear()<this.minDate.getFullYear()||t.date.getFullYear()===this.minDate.getFullYear()&&t.date.getMonth()<this.minDate.getMonth())||this.maxDate&&(t.date.getFullYear()>this.maxDate.getFullYear()||t.date.getFullYear()===this.maxDate.getFullYear()&&t.date.getMonth()>this.maxDate.getMonth()),s=`month-${t.date.getMonth()}`;return this.active?o`<td role="gridcell" class="${h({current:r,selected:i,active:a})}"><div id="${s}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${m(n||void 0)}" aria-current="${m(r?"date":void 0)}" aria-pressed="${i}" @click="${e(this,W,"m",K)}" @keydown="${e(this,W,"m",q)}"><m3e-focus-ring class="focus-ring" for="${s}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${s}" ?disable-hover="${n}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${s}" ?disabled="${n}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${t.long}</span> <span aria-hidden="true">${t.narrow}</span></div></td>`:o`<td role="gridcell" class="${h({current:r,selected:i,active:a})}"><div id="${s}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${m(n||void 0)}" aria-current="${m(r?"date":void 0)}" aria-pressed="${i}"><m3e-state-layer class="state-layer" disabled="disabled" disable-hover></m3e-state-layer><span aria-hidden="true">${t.narrow}</span></div></td>`},K=function(t){const e=t.currentTarget;"true"!==e.ariaDisabled&&e.dataset.value&&(this.activeDate=Y(new Date(e.dataset.value),this.minDate,this.maxDate),this.dispatchEvent(new Event("change",{bubbles:!1})))},q=function(t){let e=this.activeDate;switch(t.key){case" ":case"Enter":return t.preventDefault(),void t.currentTarget.click();case"ArrowLeft":case"Left":e=D(e,"rtl"===y.current?1:-1);break;case"ArrowRight":case"Right":e=D(e,"rtl"===y.current?-1:1);break;case"ArrowUp":case"Up":e=D(e,-4);break;case"ArrowDown":case"Down":e=D(e,4);break;case"Home":e=D(e,-e.getMonth());break;case"End":e=D(e,11-e.getMonth());break;case"PageUp":e=$(e,t.altKey?-10:-1);break;case"PageDown":e=$(e,t.altKey?10:1);break;default:return}t.preventDefault(),this._changeActiveDate(e)},Z.styles=[E.styles,i`.item { height: 2.25rem; } .touch { width: 100%; } th { height: 1rem; } td { padding-inline: 0.375rem; } tbody { font-size: var(--m3e-calendar-item-font-size, ${g.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-item-font-weight, ${g.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-item-line-height, ${g.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-item-tracking, ${g.typescale.standard.body.medium.tracking}); }`],Z=t([p("m3e-year-view")],Z);let ot=class extends r{constructor(){super(...arguments),G.add(this),J.set(this,void 0),this._today=new Date,this._activeView="month",this._activeDate=new Date,this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years"}get periodLabel(){switch(this._activeView){case"month":return new Intl.DateTimeFormat(navigator.language,{month:"short",year:"numeric"}).format(this._activeDate);case"year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).format(new Date(this._activeDate.getFullYear(),0,1));case"multi-year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).formatRange(new Date(S(this._activeDate,this.minDate,this.maxDate),0,1),new Date(F(this._activeDate,this.minDate,this.maxDate),0,1))}}get canMovePreviousPeriod(){if(!this.minDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth(),0)>=this.minDate;case"year":return new Date(this._activeDate.getFullYear()-1,12,1)>=this.minDate;case"multi-year":return new Date(S(this._activeDate,this.minDate,this.maxDate)-1,12,1)>=this.minDate}}get canMoveNextPeriod(){if(!this.maxDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth()+1,1)<=this.maxDate;case"year":return new Date(this._activeDate.getFullYear()+1,1,1)<=this.maxDate;case"multi-year":return new Date(F(this._activeDate,this.minDate,this.maxDate)+1,12,1)<=this.maxDate}}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,await(this._view?.focusActiveCell())}updateTodayDate(){this._today=new Date}resetActiveView(){this._activeView=this.startView}async movePreviousPeriod(){if(!this.canMovePreviousPeriod)return;if(b())return void(this._activeDate=e(this,G,"m",rt).call(this,this._activeView));await e(this,J,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,J,new Promise(a=>{t[0].addEventListener("transitionend",()=>{this._activeDate=e(this,G,"m",rt).call(this,this._activeView),t.forEach(t=>t.classList.add("no-animate")),t[1].classList.remove("after"),t[0].classList.add("before"),setTimeout(()=>{t.forEach(t=>t.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("after"),t[0].classList.remove("before"),await e(this,J,"f"),this._body.style.overflow="")}async moveNextPeriod(){if(!this.canMoveNextPeriod)return;if(b())return void(this._activeDate=e(this,G,"m",nt).call(this,this._activeView));await e(this,J,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,J,new Promise(a=>{t[2].addEventListener("transitionend",()=>{this._activeDate=e(this,G,"m",nt).call(this,this._activeView),t.forEach(t=>t.classList.add("no-animate")),t[1].classList.remove("before"),t[2].classList.add("after"),setTimeout(()=>{t.forEach(t=>t.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("before"),t[2].classList.remove("after"),await e(this,J,"f"),this._body.style.overflow="")}async togglePeriod(){await e(this,J,"f"),this._activeView="month"===this._activeView?"multi-year":"month",await this.focusActiveCell()}willUpdate(t){super.willUpdate(t),t.has("date")&&(this._activeDate=new Date(this.date??this._today)),t.has("startAt")&&(this._activeDate=new Date(this.startAt??this.date??this._today)),t.has("rangeStart")&&this.rangeStart&&(this._activeDate=new Date(this.rangeStart),t.has("date")||(this.date=new Date(this.rangeStart))),t.has("rangeEnd")&&this.rangeEnd&&(this._activeDate=new Date(this.rangeEnd),t.has("date")||(this.date=new Date(this.rangeEnd))),t.has("startView")&&this.resetActiveView()}updated(t){super.updated(t),this._view instanceof H&&(t.has("specialDates")||t.has("blackoutDates"))&&this.shadowRoot?.querySelectorAll("m3e-month-view").forEach(t=>{t.specialDates=this.specialDates,t.blackoutDates=this.blackoutDates})}render(){return o`<div class="base"><slot name="header">${e(this,G,"m",Q).call(this)}</slot><div class="body ${this._activeView}"><div class="row multi-year">${e(this,G,"m",X).call(this,"multi-year",-1)}${e(this,G,"m",X).call(this,"multi-year",0)}${e(this,G,"m",X).call(this,"multi-year",1)}</div><div class="row year">${e(this,G,"m",X).call(this,"year",-1)}${e(this,G,"m",X).call(this,"year",0)}${e(this,G,"m",X).call(this,"year",1)}</div><div class="row month">${e(this,G,"m",X).call(this,"month",-1)}${e(this,G,"m",X).call(this,"month",0)}${e(this,G,"m",X).call(this,"month",1)}</div></div></div>`}};J=new WeakMap,G=new WeakSet,Q=function(){return o`<div class="header"><m3e-button @click="${this.togglePeriod}">${this.periodLabel} <svg class="${h({rotate:"month"!==this._activeView})}" slot="trailing-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></m3e-button><div class="spacer"></div><m3e-icon-button ?disabled="${!this.canMovePreviousPeriod}" @click="${this.movePreviousPeriod}" aria-label="${"month"===this._activeView?this.previousMonthLabel:"year"===this._activeView?this.previousYearLabel:this.previousMultiYearLabel}">${"ltr"===y.current?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`:o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`}</m3e-icon-button><m3e-icon-button ?disabled="${!this.canMoveNextPeriod}" @click="${this.moveNextPeriod}" aria-label="${"month"===this._activeView?this.nextMonthLabel:"year"===this._activeView?this.nextYearLabel:this.nextMultiYearLabel}">${"ltr"===y.current?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`}</m3e-icon-button></div>`},X=function(t,a){const i=t===this._activeView&&0===a,r=a<0?e(this,G,"m",rt).call(this,t):a>0?e(this,G,"m",nt).call(this,t):new Date(this._activeDate);switch(t){case"month":return o`<m3e-month-view class="view ${h({before:a<0,after:a>0,active:i})}" ?active="${i}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${m(this.date?.toISOString())}" active-date="${r.toISOString()}" min-date="${m(this.minDate?.toISOString())}" max-date="${m(this.maxDate?.toISOString())}" range-start="${m(this.rangeStart?.toISOString())}" range-end="${m(this.rangeEnd?.toISOString())}" @active-change="${0===a?e(this,G,"m",it):void 0}" @change="${0===a?e(this,G,"m",tt):void 0}"></m3e-month-view>`;case"year":return o`<m3e-year-view class="view ${h({before:a<0,after:a>0,active:i})}" ?active="${i}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${m(this.date?.toISOString())}" active-date="${r.toISOString()}" min-date="${m(this.minDate?.toISOString())}" max-date="${m(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,G,"m",it):void 0}" @change="${0===a?e(this,G,"m",et):void 0}"></m3e-year-view>`;case"multi-year":return o`<m3e-multi-year-view class="view ${h({before:a<0,after:a>0,active:i})}" ?active="${i}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${m(this.date?.toISOString())}" active-date="${r.toISOString()}" min-date="${m(this.minDate?.toISOString())}" max-date="${m(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,G,"m",it):void 0}" @change="${0===a?e(this,G,"m",at):void 0}"></m3e-multi-year-view>`}},tt=function(t){const e=t.currentTarget;this._activeDate=new Date(e.activeDate),this.rangeStart=e.rangeStart,this.rangeEnd=e.rangeEnd,this.date=new Date(this._activeDate),this.dispatchEvent(new Event("change",{bubbles:!0}))},et=async function(t){this._activeDate=new Date(t.currentTarget.activeDate),this._activeView="month",this.focusActiveCell()},at=function(t){this._activeDate=new Date(t.currentTarget.activeDate),this._activeView="year",this.focusActiveCell()},it=async function(t){this._view instanceof H&&(this._view._suppressFocusHighlight=!1),this._activeDate=new Date(t.currentTarget.activeDate),await this.focusActiveCell(),this._view instanceof H&&(this._view._suppressFocusHighlight=!1)},rt=function(t){const e=new Date(this._activeDate);switch(t){case"month":for(e.setMonth(this._activeDate.getMonth()-1);e.getMonth()===this._activeDate.getMonth();)e.setDate(e.getDate()-1);break;case"year":e.setFullYear(this._activeDate.getFullYear()-1);break;case"multi-year":e.setDate(1),e.setFullYear(S(this._activeDate,this.minDate,this.maxDate)-1)}return e},nt=function(t){const e=new Date(this._activeDate);switch(t){case"month":for(e.setMonth(this._activeDate.getMonth()+1);e.getMonth()===this._activeDate.getMonth();)e.setDate(e.getDate()+1);break;case"year":e.setFullYear(this._activeDate.getFullYear()+1);break;case"multi-year":e.setDate(1),e.setFullYear(F(this._activeDate,this.minDate,this.maxDate)+1)}return e},ot.styles=i`:host { display: inline-block; vertical-align: top; width: fit-content; height: fit-content; } .base { contain: layout style paint; display: flex; flex-direction: column; width: fit-content; overflow: hidden; padding: var(--m3e-calendar-padding, 0.5rem); background-color: var(--m3e-calendar-container-color); box-shadow: var(--m3e-calendar-container-elevation); border-radius: var(--m3e-calendar-container-shape); } .header { display: flex; align-items: center; --m3e-text-button-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); --m3e-text-button-hover-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); --m3e-text-button-focus-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); --m3e-text-button-pressed-label-text-color: var( --m3e-calendar-period-button-text-color, ${g.color.onSurfaceVariant} ); } .spacer { flex: 1 1 auto; } svg { transition: transform ${g.motion.spring.fastEffects}; } svg.rotate { transform: rotate(-180deg); } .body { position: relative; } .view:not(.no-animate) { transition: ${s(`margin var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard},\n        visibility var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete`)}; } .view.before, .view.after { visibility: hidden; position: absolute; } .view.before { margin-inline-start: -100%; } .view.after { margin-inline-start: 100%; } .view:not(.before):not(.after) { visibility: visible; position: relative; left: 0; margin-inline-start: 0; } .row { opacity: 1; transform: translateY(0); } .row.multi-year { transition: ${s(`transform var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete,\n        opacity var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete`)}; } .row:not(.multi-year) { transition: ${s(`opacity var(--m3e-calendar-slide-animation-duration, ${g.motion.duration.long2}) ${g.motion.easing.standard} allow-discrete`)}; } .body.month > .row:not(.month), .body.year > .row:not(.year), .body.multi-year > .row:not(.multi-year) { visibility: hidden; position: absolute; transform: translateY(-10%); opacity: 0; } .body.month > .row:not(.month) .view:not(.before):not(.after), .body.year > .row:not(.year) .view:not(.before):not(.after), .body.multi-year > .row:not(.multi-year) .view:not(.before):not(.after) { visibility: hidden; transition: none; } @media (prefers-reduced-motion) { .row:not(.multi-year), .row.multi-year, .view:not(.no-animate), svg { transition: none; } }`,t([c()],ot.prototype,"_today",void 0),t([c()],ot.prototype,"_activeView",void 0),t([c()],ot.prototype,"_activeDate",void 0),t([l(".active")],ot.prototype,"_view",void 0),t([l(".body")],ot.prototype,"_body",void 0),t([d({attribute:"start-view"})],ot.prototype,"startView",void 0),t([d({converter:u})],ot.prototype,"date",void 0),t([d({attribute:"start-at",converter:u})],ot.prototype,"startAt",void 0),t([d({attribute:"min-date",converter:u})],ot.prototype,"minDate",void 0),t([d({attribute:"max-date",converter:u})],ot.prototype,"maxDate",void 0),t([d({attribute:"range-start",converter:u})],ot.prototype,"rangeStart",void 0),t([d({attribute:"range-end",converter:u})],ot.prototype,"rangeEnd",void 0),t([d({attribute:!1})],ot.prototype,"blackoutDates",void 0),t([d({attribute:!1})],ot.prototype,"specialDates",void 0),t([d({attribute:"previous-month-label"})],ot.prototype,"previousMonthLabel",void 0),t([d({attribute:"previous-year-label"})],ot.prototype,"previousYearLabel",void 0),t([d({attribute:"previous-multi-year-label"})],ot.prototype,"previousMultiYearLabel",void 0),t([d({attribute:"next-month-label"})],ot.prototype,"nextMonthLabel",void 0),t([d({attribute:"next-year-label"})],ot.prototype,"nextYearLabel",void 0),t([d({attribute:"next-multi-year-label"})],ot.prototype,"nextMultiYearLabel",void 0),ot=t([p("m3e-calendar")],ot);export{E as CalendarViewElementBase,ot as M3eCalendarElement,H as M3eMonthViewElement,N as M3eMultiYearViewElement,Z as M3eYearViewElement};
 //# sourceMappingURL=calendar.min.js.map