1 |
- "use strict";(self.webpackChunkapp_angular=self.webpackChunkapp_angular||[]).push([[7059],{57059:(fe,F,y)=>{y.r(F),y.d(F,{ion_datetime:()=>R,ion_picker:()=>$,ion_picker_column:()=>K});var P=y(15861),r=y(88411),X=y(62779),M=y(50839),C=y(66710),T=y(95085),V=y(13567),A=y(25307),j=y(33395),a=y(25504),J=y(73830),w=y(33645),_=y(85062),L=y(40967);y(56225),y(84874);const B=(e,i,t,n)=>!!(null===e.day||void 0!==n&&!n.includes(e.day)||i&&(0,a.i)(e,i)||t&&(0,a.b)(e,t)),W=(e,{minParts:i,maxParts:t})=>!!(((e,i,t)=>!!(i&&i.year>e||t&&t.year<e))(e.year,i,t)||i&&(0,a.i)(e,i)||t&&(0,a.b)(e,t)),R=class{constructor(e){var i=this;(0,r.r)(this,e),this.ionCancel=(0,r.d)(this,"ionCancel",7),this.ionChange=(0,r.d)(this,"ionChange",7),this.ionValueChange=(0,r.d)(this,"ionValueChange",7),this.ionFocus=(0,r.d)(this,"ionFocus",7),this.ionBlur=(0,r.d)(this,"ionBlur",7),this.ionStyle=(0,r.d)(this,"ionStyle",7),this.ionRender=(0,r.d)(this,"ionRender",7),this.inputId="ion-dt-"+ae++,this.prevPresentation=null,this.warnIfIncorrectValueUsage=()=>{const{multiple:t,value:n}=this;!t&&Array.isArray(n)&&(0,C.p)(`ion-datetime was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n Value Passed: [${n.map(o=>`'${o}'`).join(", ")}]\n`,this.el)},this.setValue=t=>{this.value=t,this.ionChange.emit({value:t})},this.getActivePartsWithFallback=()=>{var t;const{defaultParts:n}=this;return null!==(t=this.getActivePart())&&void 0!==t?t:n},this.getActivePart=()=>{const{activeParts:t}=this;return Array.isArray(t)?t[0]:t},this.closeParentOverlay=()=>{const t=this.el.closest("ion-modal, ion-popover");t&&t.dismiss()},this.setWorkingParts=t=>{this.workingParts=Object.assign({},t)},this.setActiveParts=(t,n=!1)=>{const{multiple:o,minParts:l,maxParts:d,activeParts:c}=this,s=(0,a.v)(t,l,d);if(this.setWorkingParts(s),o){const h=Array.isArray(c)?c:[c];this.activeParts=n?h.filter(f=>!(0,a.c)(f,s)):[...h,s]}else this.activeParts=Object.assign({},s);null!==this.el.querySelector('[slot="buttons"]')||this.showDefaultButtons||this.confirm()},this.initializeKeyboardListeners=()=>{const t=this.calendarBodyRef;if(!t)return;const n=this.el.shadowRoot,o=t.querySelector(".calendar-month:nth-of-type(2)"),d=new MutationObserver(c=>{var s;null!==(s=c[0].oldValue)&&void 0!==s&&s.includes("ion-focused")||!t.classList.contains("ion-focused")||this.focusWorkingDay(o)});d.observe(t,{attributeFilter:["class"],attributeOldValue:!0}),this.destroyKeyboardMO=()=>{d?.disconnect()},t.addEventListener("keydown",c=>{const s=n.activeElement;if(!s||!s.classList.contains("calendar-day"))return;const p=(0,a.f)(s);let h;switch(c.key){case"ArrowDown":c.preventDefault(),h=(0,a.n)(p);break;case"ArrowUp":c.preventDefault(),h=(0,a.m)(p);break;case"ArrowRight":c.preventDefault(),h=(0,a.l)(p);break;case"ArrowLeft":c.preventDefault(),h=(0,a.k)(p);break;case"Home":c.preventDefault(),h=(0,a.j)(p);break;case"End":c.preventDefault(),h=(0,a.h)(p);break;case"PageUp":c.preventDefault(),h=c.shiftKey?(0,a.O)(p):(0,a.d)(p);break;case"PageDown":c.preventDefault(),h=c.shiftKey?(0,a.N)(p):(0,a.e)(p);break;default:return}B(h,this.minParts,this.maxParts)||(this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),h)),requestAnimationFrame(()=>this.focusWorkingDay(o)))})},this.focusWorkingDay=t=>{const n=t.querySelectorAll(".calendar-day-padding"),{day:o}=this.workingParts;if(null===o)return;const l=t.querySelector(`.calendar-day-wrapper:nth-of-type(${n.length+o}) .calendar-day`);l&&l.focus()},this.processMinParts=()=>{const{min:t,defaultParts:n}=this;this.minParts=void 0!==t?(0,a.p)(t,n):void 0},this.processMaxParts=()=>{const{max:t,defaultParts:n}=this;this.maxParts=void 0!==t?(0,a.o)(t,n):void 0},this.initializeCalendarListener=()=>{const t=this.calendarBodyRef;if(!t)return;const n=t.querySelectorAll(".calendar-month"),o=n[0],l=n[1],d=n[2],s="ios"===(0,j.b)(this)&&typeof navigator<"u"&&navigator.maxTouchPoints>1;(0,r.w)(()=>{t.scrollLeft=o.clientWidth*((0,T.i)(this.el)?-1:1);const p=g=>{const v=t.getBoundingClientRect(),m=t.scrollLeft<=2?o:d,x=m.getBoundingClientRect();if(Math.abs(x.x-v.x)>2)return;const{forceRenderDate:k}=this;return void 0!==k?{month:k.month,year:k.year,day:k.day}:m===o?(0,a.d)(g):m===d?(0,a.e)(g):void 0},h=()=>{s&&(t.style.removeProperty("pointer-events"),u=!1);const g=p(this.workingParts);if(!g)return;const{month:v,day:m,year:x}=g;W({month:v,year:x,day:null},{minParts:Object.assign(Object.assign({},this.minParts),{day:null}),maxParts:Object.assign(Object.assign({},this.maxParts),{day:null})})||(t.style.setProperty("overflow","hidden"),(0,r.w)(()=>{this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),{month:v,day:m,year:x})),t.scrollLeft=l.clientWidth*((0,T.i)(this.el)?-1:1),t.style.removeProperty("overflow"),this.resolveForceDateScrolling&&this.resolveForceDateScrolling()}))};let f,u=!1;const b=()=>{f&&clearTimeout(f),!u&&s&&(t.style.setProperty("pointer-events","none"),u=!0),f=setTimeout(h,50)};t.addEventListener("scroll",b),this.destroyCalendarListener=()=>{t.removeEventListener("scroll",b)}})},this.destroyInteractionListeners=()=>{const{destroyCalendarListener:t,destroyKeyboardMO:n}=this;void 0!==t&&t(),void 0!==n&&n()},this.processValue=t=>{const n=null!=t&&(!Array.isArray(t)||t.length>0),o=n?(0,a.q)(t):this.defaultParts,{minParts:l,maxParts:d,workingParts:c,el:s}=this;if(this.warnIfIncorrectValueUsage(),!o)return;n&&(0,a.w)(o,l,d);const p=Array.isArray(o)?o[0]:o,h=(0,a.P)(p,l,d),{month:f,day:u,year:b,hour:g,minute:v}=h,m=(0,a.Q)(g);this.activeParts=n?Array.isArray(o)?[...o]:{month:f,day:u,year:b,hour:g,minute:v,ampm:m}:[];const x=void 0!==f&&f!==c.month||void 0!==b&&b!==c.year,k=s.classList.contains("datetime-ready"),{isGridStyle:D,showMonthAndYear:O}=this;D&&x&&k&&!O?this.animateToDate(h):this.setWorkingParts({month:f,day:u,year:b,hour:g,minute:v,ampm:m})},this.animateToDate=function(){var t=(0,P.Z)(function*(n){const{workingParts:o}=i;i.forceRenderDate=n;const l=new Promise(c=>{i.resolveForceDateScrolling=c});(0,a.i)(n,o)?i.prevMonth():i.nextMonth(),yield l,i.resolveForceDateScrolling=void 0,i.forceRenderDate=void 0});return function(n){return t.apply(this,arguments)}}(),this.onFocus=()=>{this.ionFocus.emit()},this.onBlur=()=>{this.ionBlur.emit()},this.hasValue=()=>null!=this.value,this.nextMonth=()=>{const t=this.calendarBodyRef;if(!t)return;const n=t.querySelector(".calendar-month:last-of-type");n&&t.scrollTo({top:0,left:2*n.offsetWidth*((0,T.i)(this.el)?-1:1),behavior:"smooth"})},this.prevMonth=()=>{const t=this.calendarBodyRef;!t||!t.querySelector(".calendar-month:first-of-type")||t.scrollTo({top:0,left:0,behavior:"smooth"})},this.toggleMonthAndYearView=()=>{this.showMonthAndYear=!this.showMonthAndYear},this.showMonthAndYear=!1,this.activeParts=[],this.workingParts={month:5,day:28,year:2021,hour:13,minute:52,ampm:"pm"},this.isTimePopoverOpen=!1,this.forceRenderDate=void 0,this.color="primary",this.name=this.inputId,this.disabled=!1,this.readonly=!1,this.isDateEnabled=void 0,this.min=void 0,this.max=void 0,this.presentation="date-time",this.cancelText="Cancel",this.doneText="Done",this.clearText="Clear",this.yearValues=void 0,this.monthValues=void 0,this.dayValues=void 0,this.hourValues=void 0,this.minuteValues=void 0,this.locale="default",this.firstDayOfWeek=0,this.titleSelectedDatesFormatter=void 0,this.multiple=!1,this.highlightedDates=void 0,this.value=void 0,this.showDefaultTitle=!1,this.showDefaultButtons=!1,this.showClearButton=!1,this.showDefaultTimeLabel=!0,this.hourCycle=void 0,this.size="fixed",this.preferWheel=!1}disabledChanged(){this.emitStyle()}minChanged(){this.processMinParts()}maxChanged(){this.processMaxParts()}get isGridStyle(){const{presentation:e,preferWheel:i}=this;return("date"===e||"date-time"===e||"time-date"===e)&&!i}yearValuesChanged(){this.parsedYearValues=(0,a.r)(this.yearValues)}monthValuesChanged(){this.parsedMonthValues=(0,a.r)(this.monthValues)}dayValuesChanged(){this.parsedDayValues=(0,a.r)(this.dayValues)}hourValuesChanged(){this.parsedHourValues=(0,a.r)(this.hourValues)}minuteValuesChanged(){this.parsedMinuteValues=(0,a.r)(this.minuteValues)}valueChanged(){var e=this;return(0,P.Z)(function*(){const{value:i}=e;e.hasValue()&&e.processValue(i),e.emitStyle(),e.ionValueChange.emit({value:i})})()}confirm(e=!1){var i=this;return(0,P.Z)(function*(){const{isCalendarPicker:t,activeParts:n}=i;(void 0!==n||!t)&&(Array.isArray(n)&&0===n.length?i.setValue(void 0):i.setValue((0,a.s)(n))),e&&i.closeParentOverlay()})()}reset(e){var i=this;return(0,P.Z)(function*(){i.processValue(e)})()}cancel(e=!1){var i=this;return(0,P.Z)(function*(){i.ionCancel.emit(),e&&i.closeParentOverlay()})()}get isCalendarPicker(){const{presentation:e}=this;return"date"===e||"date-time"===e||"time-date"===e}connectedCallback(){this.clearFocusVisible=(0,X.startFocusVisible)(this.el).destroy}disconnectedCallback(){this.clearFocusVisible&&(this.clearFocusVisible(),this.clearFocusVisible=void 0)}initializeListeners(){this.initializeCalendarListener(),this.initializeKeyboardListeners()}componentDidLoad(){const i=new IntersectionObserver(l=>{l[0].isIntersecting&&(this.initializeListeners(),(0,r.w)(()=>{this.el.classList.add("datetime-ready")}))},{threshold:.01});(0,M.r)(()=>i?.observe(this.el));const n=new IntersectionObserver(l=>{l[0].isIntersecting||(this.destroyInteractionListeners(),this.showMonthAndYear=!1,(0,r.w)(()=>{this.el.classList.remove("datetime-ready")}))},{threshold:0});(0,M.r)(()=>n?.observe(this.el));const o=(0,M.g)(this.el);o.addEventListener("ionFocus",l=>l.stopPropagation()),o.addEventListener("ionBlur",l=>l.stopPropagation())}componentDidRender(){const{presentation:e,prevPresentation:i,calendarBodyRef:t,minParts:n,preferWheel:o}=this,l=!o&&["date-time","time-date","date"].includes(e);if(void 0!==n&&l&&t){const d=t.querySelector(".calendar-month:nth-of-type(1)");d&&(t.scrollLeft=d.clientWidth*((0,T.i)(this.el)?-1:1))}null!==i?e!==i&&(this.prevPresentation=e,this.destroyInteractionListeners(),this.initializeListeners(),this.showMonthAndYear=!1,(0,M.r)(()=>{this.ionRender.emit()})):this.prevPresentation=e}componentWillLoad(){const{el:e,highlightedDates:i,multiple:t,presentation:n,preferWheel:o}=this;t&&("date"!==n&&(0,C.p)('Multiple date selection is only supported for presentation="date".',e),o&&(0,C.p)('Multiple date selection is not supported with preferWheel="true".',e)),void 0!==i&&("date"!==n&&"date-time"!==n&&"time-date"!==n&&(0,C.p)("The highlightedDates property is only supported with the date, date-time, and time-date presentations.",e),o&&(0,C.p)('The highlightedDates property is not supported with preferWheel="true".',e));const l=this.parsedHourValues=(0,a.r)(this.hourValues),d=this.parsedMinuteValues=(0,a.r)(this.minuteValues),c=this.parsedMonthValues=(0,a.r)(this.monthValues),s=this.parsedYearValues=(0,a.r)(this.yearValues),p=this.parsedDayValues=(0,a.r)(this.dayValues),h=this.todayParts=(0,a.q)((0,a.t)());this.defaultParts=(0,a.u)(h,c,p,s,l,d),this.processMinParts(),this.processMaxParts(),this.processValue(this.value),this.emitStyle()}emitStyle(){this.ionStyle.emit({interactive:!0,datetime:!0,"interactive-disabled":this.disabled})}renderFooter(){const{showDefaultButtons:e,showClearButton:i}=this;if(null===this.el.querySelector('[slot="buttons"]')&&!e&&!i)return;const n=()=>{this.reset(),this.setValue(void 0)};return(0,r.h)("div",{class:"datetime-footer"},(0,r.h)("div",{class:"datetime-buttons"},(0,r.h)("div",{class:{"datetime-action-buttons":!0,"has-clear-button":this.showClearButton}},(0,r.h)("slot",{name:"buttons"},(0,r.h)("ion-buttons",null,e&&(0,r.h)("ion-button",{id:"cancel-button",color:this.color,onClick:()=>this.cancel(!0)},this.cancelText),(0,r.h)("div",{class:"datetime-action-buttons-container"},i&&(0,r.h)("ion-button",{id:"clear-button",color:this.color,onClick:()=>n()},this.clearText),e&&(0,r.h)("ion-button",{id:"confirm-button",color:this.color,onClick:()=>this.confirm(!0)},this.doneText)))))))}renderWheelPicker(e=this.presentation){const i="time-date"===e?[this.renderTimePickerColumns(e),this.renderDatePickerColumns(e)]:[this.renderDatePickerColumns(e),this.renderTimePickerColumns(e)];return(0,r.h)("ion-picker-internal",null,i)}renderDatePickerColumns(e){return"date-time"===e||"time-date"===e?this.renderCombinedDatePickerColumn():this.renderIndividualDatePickerColumns(e)}renderCombinedDatePickerColumn(){const{defaultParts:e,workingParts:i,locale:t,minParts:n,maxParts:o,todayParts:l,isDateEnabled:d}=this,c=this.getActivePartsWithFallback(),s=(0,a.I)(i),p=s[s.length-1];s[0].day=1,p.day=(0,a.x)(p.month,p.year);const h=void 0!==n&&(0,a.b)(n,s[0])?n:s[0],f=void 0!==o&&(0,a.i)(o,p)?o:p,u=(0,a.y)(t,l,h,f,this.parsedDayValues,this.parsedMonthValues);let b=u.items;const g=u.parts;return d&&(b=b.map((m,x)=>{const k=g[x];let D;try{D=!d((0,a.s)(k))}catch(O){(0,C.a)("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",O)}return Object.assign(Object.assign({},m),{disabled:D})})),(0,r.h)("ion-picker-column-internal",{class:"date-column",color:this.color,items:b,value:null!==i.day?`${i.year}-${i.month}-${i.day}`:`${e.year}-${e.month}-${e.day}`,onIonChange:m=>{this.destroyCalendarListener&&this.destroyCalendarListener();const{value:x}=m.detail,k=g.find(({month:D,day:O,year:z})=>x===`${z}-${D}-${O}`);this.setWorkingParts(Object.assign(Object.assign({},i),k)),this.setActiveParts(Object.assign(Object.assign({},c),k)),this.initializeCalendarListener(),m.stopPropagation()}})}renderIndividualDatePickerColumns(e){const{workingParts:i,isDateEnabled:t}=this,o="year"!==e&&"time"!==e?(0,a.z)(this.locale,i,this.minParts,this.maxParts,this.parsedMonthValues):[];let d="date"===e?(0,a.A)(this.locale,i,this.minParts,this.maxParts,this.parsedDayValues):[];t&&(d=d.map(f=>{const{value:u}=f,b="string"==typeof u?parseInt(u):u,g={month:i.month,day:b,year:i.year};let v;try{v=!t((0,a.s)(g))}catch(m){(0,C.a)("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",m)}return Object.assign(Object.assign({},f),{disabled:v})}));const s="month"!==e&&"time"!==e?(0,a.B)(this.locale,this.defaultParts,this.minParts,this.maxParts,this.parsedYearValues):[];let h=[];return h=(0,a.C)(this.locale,{month:"numeric",day:"numeric"})?[this.renderMonthPickerColumn(o),this.renderDayPickerColumn(d),this.renderYearPickerColumn(s)]:[this.renderDayPickerColumn(d),this.renderMonthPickerColumn(o),this.renderYearPickerColumn(s)],h}renderDayPickerColumn(e){var i;if(0===e.length)return[];const{workingParts:t}=this,n=this.getActivePartsWithFallback();return(0,r.h)("ion-picker-column-internal",{class:"day-column",color:this.color,items:e,value:null!==(i=null!==t.day?t.day:this.defaultParts.day)&&void 0!==i?i:void 0,onIonChange:o=>{this.destroyCalendarListener&&this.destroyCalendarListener(),this.setWorkingParts(Object.assign(Object.assign({},t),{day:o.detail.value})),this.setActiveParts(Object.assign(Object.assign({},n),{day:o.detail.value})),this.initializeCalendarListener(),o.stopPropagation()}})}renderMonthPickerColumn(e){if(0===e.length)return[];const{workingParts:i}=this,t=this.getActivePartsWithFallback();return(0,r.h)("ion-picker-column-internal",{class:"month-column",color:this.color,items:e,value:i.month,onIonChange:n=>{this.destroyCalendarListener&&this.destroyCalendarListener(),this.setWorkingParts(Object.assign(Object.assign({},i),{month:n.detail.value})),this.setActiveParts(Object.assign(Object.assign({},t),{month:n.detail.value})),this.initializeCalendarListener(),n.stopPropagation()}})}renderYearPickerColumn(e){if(0===e.length)return[];const{workingParts:i}=this,t=this.getActivePartsWithFallback();return(0,r.h)("ion-picker-column-internal",{class:"year-column",color:this.color,items:e,value:i.year,onIonChange:n=>{this.destroyCalendarListener&&this.destroyCalendarListener(),this.setWorkingParts(Object.assign(Object.assign({},i),{year:n.detail.value})),this.setActiveParts(Object.assign(Object.assign({},t),{year:n.detail.value})),this.initializeCalendarListener(),n.stopPropagation()}})}renderTimePickerColumns(e){if(["date","month","month-year","year"].includes(e))return[];const t=void 0!==this.getActivePart(),{hoursData:n,minutesData:o,dayPeriodData:l}=(0,a.D)(this.locale,this.workingParts,this.hourCycle,t?this.minParts:void 0,t?this.maxParts:void 0,this.parsedHourValues,this.parsedMinuteValues);return[this.renderHourPickerColumn(n),this.renderMinutePickerColumn(o),this.renderDayPeriodPickerColumn(l)]}renderHourPickerColumn(e){const{workingParts:i}=this;if(0===e.length)return[];const t=this.getActivePartsWithFallback();return(0,r.h)("ion-picker-column-internal",{color:this.color,value:t.hour,items:e,numericInput:!0,onIonChange:n=>{this.setWorkingParts(Object.assign(Object.assign({},i),{hour:n.detail.value})),this.setActiveParts(Object.assign(Object.assign({},t),{hour:n.detail.value})),n.stopPropagation()}})}renderMinutePickerColumn(e){const{workingParts:i}=this;if(0===e.length)return[];const t=this.getActivePartsWithFallback();return(0,r.h)("ion-picker-column-internal",{color:this.color,value:t.minute,items:e,numericInput:!0,onIonChange:n=>{this.setWorkingParts(Object.assign(Object.assign({},i),{minute:n.detail.value})),this.setActiveParts(Object.assign(Object.assign({},t),{minute:n.detail.value})),n.stopPropagation()}})}renderDayPeriodPickerColumn(e){const{workingParts:i}=this;if(0===e.length)return[];const t=this.getActivePartsWithFallback(),n=(0,a.E)(this.locale);return(0,r.h)("ion-picker-column-internal",{style:n?{order:"-1"}:{},color:this.color,value:t.ampm,items:e,onIonChange:o=>{const l=(0,a.R)(i,o.detail.value);this.setWorkingParts(Object.assign(Object.assign({},i),{ampm:o.detail.value,hour:l})),this.setActiveParts(Object.assign(Object.assign({},t),{ampm:o.detail.value,hour:l})),o.stopPropagation()}})}renderWheelView(e){const{locale:i}=this,n=(0,a.C)(i)?"month-first":"year-first";return(0,r.h)("div",{class:{[`wheel-order-${n}`]:!0}},this.renderWheelPicker(e))}renderCalendarHeader(e){const i="ios"===e?A.l:A.p,t="ios"===e?A.o:A.q,n=((e,i,t)=>{const n=Object.assign(Object.assign({},(0,a.d)(this.workingParts)),{day:null});return W(n,{minParts:i,maxParts:t})})(0,this.minParts,this.maxParts),o=((e,i)=>{const t=Object.assign(Object.assign({},(0,a.e)(this.workingParts)),{day:null});return W(t,{maxParts:i})})(0,this.maxParts),l=this.el.getAttribute("dir")||void 0;return(0,r.h)("div",{class:"calendar-header"},(0,r.h)("div",{class:"calendar-action-buttons"},(0,r.h)("div",{class:"calendar-month-year"},(0,r.h)("ion-item",{part:"month-year-button",ref:d=>this.monthYearToggleItemRef=d,button:!0,"aria-label":"Show year picker",detail:!1,lines:"none",onClick:()=>{var d;this.toggleMonthAndYearView();const{monthYearToggleItemRef:c}=this;if(c){const s=null===(d=c.shadowRoot)||void 0===d?void 0:d.querySelector(".item-native");s&&s.setAttribute("aria-label",this.showMonthAndYear?"Hide year picker":"Show year picker")}}},(0,r.h)("ion-label",null,(0,a.G)(this.locale,this.workingParts),(0,r.h)("ion-icon",{"aria-hidden":"true",icon:this.showMonthAndYear?i:t,lazy:!1,flipRtl:!0})))),(0,r.h)("div",{class:"calendar-next-prev"},(0,r.h)("ion-buttons",null,(0,r.h)("ion-button",{"aria-label":"Previous month",disabled:n,onClick:()=>this.prevMonth()},(0,r.h)("ion-icon",{dir:l,"aria-hidden":"true",slot:"icon-only",icon:A.c,lazy:!1,flipRtl:!0})),(0,r.h)("ion-button",{"aria-label":"Next month",disabled:o,onClick:()=>this.nextMonth()},(0,r.h)("ion-icon",{dir:l,"aria-hidden":"true",slot:"icon-only",icon:A.o,lazy:!1,flipRtl:!0}))))),(0,r.h)("div",{class:"calendar-days-of-week","aria-hidden":"true"},(0,a.F)(this.locale,e,this.firstDayOfWeek%7).map(d=>(0,r.h)("div",{class:"day-of-week"},d))))}renderMonth(e,i){const t=void 0===this.parsedYearValues||this.parsedYearValues.includes(i),n=void 0===this.parsedMonthValues||this.parsedMonthValues.includes(e),o=!t||!n,l=W({month:e,year:i,day:null},{minParts:Object.assign(Object.assign({},this.minParts),{day:null}),maxParts:Object.assign(Object.assign({},this.maxParts),{day:null})}),d=this.workingParts.month===e&&this.workingParts.year===i,c=this.getActivePartsWithFallback();return(0,r.h)("div",{"aria-hidden":d?null:"true",class:{"calendar-month":!0,"calendar-month-disabled":!d&&l}},(0,r.h)("div",{class:"calendar-month-grid"},(0,a.H)(e,i,this.firstDayOfWeek%7).map((s,p)=>{const{day:h,dayOfWeek:f}=s,{el:u,highlightedDates:b,isDateEnabled:g,multiple:v}=this,m={month:e,day:h,year:i},x=null===h,{isActive:k,isToday:D,ariaLabel:O,ariaSelected:z,disabled:ue,text:ge}=((e,i,t,n,o,l,d)=>{const s=void 0!==(Array.isArray(t)?t:[t]).find(f=>(0,a.c)(i,f)),p=(0,a.c)(i,n);return{disabled:B(i,o,l,d),isActive:s,isToday:p,ariaSelected:s?"true":null,ariaLabel:(0,a.g)(e,p,i),text:null!=i.day?(0,a.a)(e,i):null}})(this.locale,m,this.activeParts,this.todayParts,this.minParts,this.maxParts,this.parsedDayValues),G=(0,a.s)(m);let E,q,S=o||ue;if(!S&&void 0!==g)try{S=!g(G)}catch(I){(0,C.a)("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",u,I)}return void 0!==b&&!k&&null!==h&&(E=((e,i,t)=>{if(Array.isArray(e)){const n=i.split("T")[0],o=e.find(l=>l.date===n);if(o)return{textColor:o.textColor,backgroundColor:o.backgroundColor}}else try{return e(i)}catch(n){(0,C.a)("Exception thrown from provided `highlightedDates` callback. Please check your function and try again.",t,n)}})(b,G,u)),x||(q=`calendar-day${k?" active":""}${D?" today":""}${S?" disabled":""}`),(0,r.h)("div",{class:"calendar-day-wrapper"},(0,r.h)("button",{ref:I=>{I&&(I.style.setProperty("color",`${E?E.textColor:""}`,"important"),I.style.setProperty("background-color",`${E?E.backgroundColor:""}`,"important"))},tabindex:"-1","data-day":h,"data-month":e,"data-year":i,"data-index":p,"data-day-of-week":f,disabled:S,class:{"calendar-day-padding":x,"calendar-day":!0,"calendar-day-active":k,"calendar-day-today":D},part:q,"aria-hidden":x?"true":null,"aria-selected":z,"aria-label":O,onClick:()=>{x||(this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),{month:e,day:h,year:i})),v?this.setActiveParts({month:e,day:h,year:i},k):this.setActiveParts(Object.assign(Object.assign({},c),{month:e,day:h,year:i})))}},ge))})))}renderCalendarBody(){return(0,r.h)("div",{class:"calendar-body ion-focusable",ref:e=>this.calendarBodyRef=e,tabindex:"0"},(0,a.I)(this.workingParts,this.forceRenderDate).map(({month:e,year:i})=>this.renderMonth(e,i)))}renderCalendar(e){return(0,r.h)("div",{class:"datetime-calendar",key:"datetime-calendar"},this.renderCalendarHeader(e),this.renderCalendarBody())}renderTimeLabel(){if(null!==this.el.querySelector('[slot="time-label"]')||this.showDefaultTimeLabel)return(0,r.h)("slot",{name:"time-label"},"Time")}renderTimeOverlay(){var e=this;const{hourCycle:i,isTimePopoverOpen:t,locale:n}=this,o=(0,a.J)(n,i),l=this.getActivePartsWithFallback();return[(0,r.h)("div",{class:"time-header"},this.renderTimeLabel()),(0,r.h)("button",{class:{"time-body":!0,"time-body-active":t},part:"time-button"+(t?" active":""),"aria-expanded":"false","aria-haspopup":"true",onClick:(d=(0,P.Z)(function*(c){const{popoverRef:s}=e;s&&(e.isTimePopoverOpen=!0,s.present(new CustomEvent("ionShadowTarget",{detail:{ionShadowTarget:c.target}})),yield s.onWillDismiss(),e.isTimePopoverOpen=!1)}),function(s){return d.apply(this,arguments)})},(0,a.K)(n,l,o)),(0,r.h)("ion-popover",{alignment:"center",translucent:!0,overlayIndex:1,arrow:!1,onWillPresent:d=>{d.target.querySelectorAll("ion-picker-column-internal").forEach(s=>s.scrollActiveItemIntoView())},style:{"--offset-y":"-10px","--min-width":"fit-content"},keyboardEvents:!0,ref:d=>this.popoverRef=d},this.renderWheelPicker("time"))];var d}getHeaderSelectedDateText(){const{activeParts:e,multiple:i,titleSelectedDatesFormatter:t}=this,n=Array.isArray(e);let o;if(i&&n&&1!==e.length){if(o=`${e.length} days`,void 0!==t)try{o=t((0,a.s)(e))}catch(l){(0,C.a)("Exception in provided `titleSelectedDatesFormatter`: ",l)}}else o=(0,a.L)(this.locale,this.getActivePartsWithFallback());return o}renderHeader(e=!0){if(null!==this.el.querySelector('[slot="title"]')||this.showDefaultTitle)return(0,r.h)("div",{class:"datetime-header"},(0,r.h)("div",{class:"datetime-title"},(0,r.h)("slot",{name:"title"},"Select Date")),e&&(0,r.h)("div",{class:"datetime-selected-date"},this.getHeaderSelectedDateText()))}renderTime(){const{presentation:e}=this;return(0,r.h)("div",{class:"datetime-time"},"time"===e?this.renderWheelPicker():this.renderTimeOverlay())}renderCalendarViewMonthYearPicker(){return(0,r.h)("div",{class:"datetime-year"},this.renderWheelView("month-year"))}renderDatetime(e){const{presentation:i,preferWheel:t}=this;if(t&&("date"===i||"date-time"===i||"time-date"===i))return[this.renderHeader(!1),this.renderWheelView(),this.renderFooter()];switch(i){case"date-time":return[this.renderHeader(),this.renderCalendar(e),this.renderCalendarViewMonthYearPicker(),this.renderTime(),this.renderFooter()];case"time-date":return[this.renderHeader(),this.renderTime(),this.renderCalendar(e),this.renderCalendarViewMonthYearPicker(),this.renderFooter()];case"time":return[this.renderHeader(!1),this.renderTime(),this.renderFooter()];case"month":case"month-year":case"year":return[this.renderHeader(!1),this.renderWheelView(),this.renderFooter()];default:return[this.renderHeader(),this.renderCalendar(e),this.renderCalendarViewMonthYearPicker(),this.renderFooter()]}}render(){const{name:e,value:i,disabled:t,el:n,color:o,readonly:l,showMonthAndYear:d,preferWheel:c,presentation:s,size:p,isGridStyle:h}=this,f=(0,j.b)(this),u="year"===s||"month"===s||"month-year"===s,b=d||u,g=d&&!u,m=("date"===s||"date-time"===s||"time-date"===s)&&c;return(0,M.d)(!0,n,e,(0,a.M)(i),t),(0,r.h)(r.H,{"aria-disabled":t?"true":null,onFocus:this.onFocus,onBlur:this.onBlur,class:Object.assign({},(0,V.c)(o,{[f]:!0,"datetime-readonly":l,"datetime-disabled":t,"show-month-and-year":b,"month-year-picker-open":g,[`datetime-presentation-${s}`]:!0,[`datetime-size-${p}`]:!0,"datetime-prefer-wheel":m,"datetime-grid":h}))},this.renderDatetime(f))}get el(){return(0,r.f)(this)}static get watchers(){return{disabled:["disabledChanged"],min:["minChanged"],max:["maxChanged"],yearValues:["yearValuesChanged"],monthValues:["monthValuesChanged"],dayValues:["dayValuesChanged"],hourValues:["hourValuesChanged"],minuteValues:["minuteValuesChanged"],value:["valueChanged"]}}};let ae=0;R.style={ios:":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year) .calendar-next-prev:dir(rtl),:host(.show-month-and-year) .calendar-days-of-week:dir(rtl),:host(.show-month-and-year) .calendar-body:dir(rtl),:host(.show-month-and-year) .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:min(1rem, 25.6px);font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}",md:":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year) .calendar-next-prev:dir(rtl),:host(.show-month-and-year) .calendar-days-of-week:dir(rtl),:host(.show-month-and-year) .calendar-body:dir(rtl),:host(.show-month-and-year) .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}:host .datetime-header .datetime-title{font-size:0.75rem;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:2.125rem}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:0.875rem;line-height:36px}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}:host .calendar-day{width:42px;min-width:42px;height:42px;font-size:0.875rem}:host .calendar-day.calendar-day-today{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}.calendar-day.calendar-day-active{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .datetime-view-buttons ion-button{color:var(--ion-color-step-800, #333333)}"};const Y=e=>{const i=(0,_.c)(),t=(0,_.c)(),n=(0,_.c)();return t.addElement(e.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),n.addElement(e.querySelector(".picker-wrapper")).fromTo("transform","translateY(100%)","translateY(0%)"),i.addElement(e).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([t,n])},H=e=>{const i=(0,_.c)(),t=(0,_.c)(),n=(0,_.c)();return t.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",.01),n.addElement(e.querySelector(".picker-wrapper")).fromTo("transform","translateY(0%)","translateY(100%)"),i.addElement(e).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([t,n])},$=class{constructor(e){(0,r.r)(this,e),this.didPresent=(0,r.d)(this,"ionPickerDidPresent",7),this.willPresent=(0,r.d)(this,"ionPickerWillPresent",7),this.willDismiss=(0,r.d)(this,"ionPickerWillDismiss",7),this.didDismiss=(0,r.d)(this,"ionPickerDidDismiss",7),this.didPresentShorthand=(0,r.d)(this,"didPresent",7),this.willPresentShorthand=(0,r.d)(this,"willPresent",7),this.willDismissShorthand=(0,r.d)(this,"willDismiss",7),this.didDismissShorthand=(0,r.d)(this,"didDismiss",7),this.delegateController=(0,w.d)(this),this.lockController=(0,J.c)(),this.triggerController=(0,w.e)(),this.onBackdropTap=()=>{this.dismiss(void 0,w.B)},this.dispatchCancelHandler=i=>{if((0,w.i)(i.detail.role)){const n=this.buttons.find(o=>"cancel"===o.role);this.callButtonHandler(n)}},this.presented=!1,this.overlayIndex=void 0,this.delegate=void 0,this.hasController=!1,this.keyboardClose=!0,this.enterAnimation=void 0,this.leaveAnimation=void 0,this.buttons=[],this.columns=[],this.cssClass=void 0,this.duration=0,this.showBackdrop=!0,this.backdropDismiss=!0,this.animated=!0,this.htmlAttributes=void 0,this.isOpen=!1,this.trigger=void 0}onIsOpenChange(e,i){!0===e&&!1===i?this.present():!1===e&&!0===i&&this.dismiss()}triggerChanged(){const{trigger:e,el:i,triggerController:t}=this;e&&t.addClickListener(i,e)}connectedCallback(){(0,w.j)(this.el),this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener()}componentWillLoad(){(0,w.k)(this.el)}componentDidLoad(){!0===this.isOpen&&(0,M.r)(()=>this.present())}present(){var e=this;return(0,P.Z)(function*(){const i=yield e.lockController.lock();yield e.delegateController.attachViewToDom(),yield(0,w.f)(e,"pickerEnter",Y,Y,void 0),e.duration>0&&(e.durationTimeout=setTimeout(()=>e.dismiss(),e.duration)),i()})()}dismiss(e,i){var t=this;return(0,P.Z)(function*(){const n=yield t.lockController.lock();t.durationTimeout&&clearTimeout(t.durationTimeout);const o=yield(0,w.g)(t,e,i,"pickerLeave",H,H);return o&&t.delegateController.removeViewFromDom(),n(),o})()}onDidDismiss(){return(0,w.h)(this.el,"ionPickerDidDismiss")}onWillDismiss(){return(0,w.h)(this.el,"ionPickerWillDismiss")}getColumn(e){return Promise.resolve(this.columns.find(i=>i.name===e))}buttonClick(e){var i=this;return(0,P.Z)(function*(){const t=e.role;return(0,w.i)(t)?i.dismiss(void 0,t):(yield i.callButtonHandler(e))?i.dismiss(i.getSelected(),e.role):Promise.resolve()})()}callButtonHandler(e){var i=this;return(0,P.Z)(function*(){return!(e&&!1===(yield(0,w.s)(e.handler,i.getSelected())))})()}getSelected(){const e={};return this.columns.forEach((i,t)=>{const n=void 0!==i.selectedIndex?i.options[i.selectedIndex]:void 0;e[i.name]={text:n?n.text:void 0,value:n?n.value:void 0,columnIndex:t}}),e}render(){const{htmlAttributes:e}=this,i=(0,j.b)(this);return(0,r.h)(r.H,Object.assign({"aria-modal":"true",tabindex:"-1"},e,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign({[i]:!0,[`picker-${i}`]:!0,"overlay-hidden":!0},(0,V.g)(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonPickerWillDismiss:this.dispatchCancelHandler}),(0,r.h)("ion-backdrop",{visible:this.showBackdrop,tappable:this.backdropDismiss}),(0,r.h)("div",{tabindex:"0"}),(0,r.h)("div",{class:"picker-wrapper ion-overlay-wrapper",role:"dialog"},(0,r.h)("div",{class:"picker-toolbar"},this.buttons.map(t=>(0,r.h)("div",{class:le(t)},(0,r.h)("button",{type:"button",onClick:()=>this.buttonClick(t),class:ce(t)},t.text)))),(0,r.h)("div",{class:"picker-columns"},(0,r.h)("div",{class:"picker-above-highlight"}),this.presented&&this.columns.map(t=>(0,r.h)("ion-picker-column",{col:t})),(0,r.h)("div",{class:"picker-below-highlight"}))),(0,r.h)("div",{tabindex:"0"}))}get el(){return(0,r.f)(this)}static get watchers(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}}},le=e=>({[`picker-toolbar-${e.role}`]:void 0!==e.role,"picker-toolbar-button":!0}),ce=e=>Object.assign({"picker-button":!0,"ion-activatable":!0},(0,V.g)(e.cssClass));$.style={ios:".sc-ion-picker-ios-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}@supports (inset-inline-start: 0){.sc-ion-picker-ios-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){.sc-ion-picker-ios-h{left:0}[dir=rtl].sc-ion-picker-ios-h,[dir=rtl] .sc-ion-picker-ios-h{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.sc-ion-picker-ios-h:dir(rtl){left:unset;right:unset;right:0}}}.overlay-hidden.sc-ion-picker-ios-h{display:none}.picker-wrapper.sc-ion-picker-ios{border-radius:var(--border-radius);left:0;right:0;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}.picker-toolbar.sc-ion-picker-ios{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-ios{border:0;font-family:inherit}.picker-button.sc-ion-picker-ios:active,.picker-button.sc-ion-picker-ios:focus{outline:none}.picker-columns.sc-ion-picker-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;overflow:hidden}.picker-above-highlight.sc-ion-picker-ios,.picker-below-highlight.sc-ion-picker-ios{display:none;pointer-events:none}.sc-ion-picker-ios-h{--background:var(--ion-background-color, #fff);--border-width:1px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-ios{display:-ms-flexbox;display:flex;height:44px;border-bottom:0.55px solid var(--border-color)}.picker-toolbar-button.sc-ion-picker-ios{-ms-flex:1;flex:1;text-align:end}.picker-toolbar-button.sc-ion-picker-ios:last-child .picker-button.sc-ion-picker-ios{font-weight:600}.picker-toolbar-button.sc-ion-picker-ios:first-child{font-weight:normal;text-align:start}.picker-button.sc-ion-picker-ios,.picker-button.ion-activated.sc-ion-picker-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:1em;padding-inline-end:1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:16px}.picker-columns.sc-ion-picker-ios{height:215px;-webkit-perspective:1000px;perspective:1000px}.picker-above-highlight.sc-ion-picker-ios{top:0;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);display:block;position:absolute;width:100%;height:81px;border-bottom:1px solid var(--border-color);background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to bottom, var(--background, var(--ion-background-color, #fff)) 20%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:10}@supports (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-ios{left:0}[dir=rtl].sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-ios .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-above-highlight.sc-ion-picker-ios:dir(rtl){left:unset;right:unset;right:0}}}.picker-below-highlight.sc-ion-picker-ios{top:115px;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);display:block;position:absolute;width:100%;height:119px;border-top:1px solid var(--border-color);background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to top, var(--background, var(--ion-background-color, #fff)) 30%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:11}@supports (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-ios{left:0}[dir=rtl].sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-ios .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-below-highlight.sc-ion-picker-ios:dir(rtl){left:unset;right:unset;right:0}}}",md:".sc-ion-picker-md-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}@supports (inset-inline-start: 0){.sc-ion-picker-md-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){.sc-ion-picker-md-h{left:0}[dir=rtl].sc-ion-picker-md-h,[dir=rtl] .sc-ion-picker-md-h{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.sc-ion-picker-md-h:dir(rtl){left:unset;right:unset;right:0}}}.overlay-hidden.sc-ion-picker-md-h{display:none}.picker-wrapper.sc-ion-picker-md{border-radius:var(--border-radius);left:0;right:0;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}.picker-toolbar.sc-ion-picker-md{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-md{border:0;font-family:inherit}.picker-button.sc-ion-picker-md:active,.picker-button.sc-ion-picker-md:focus{outline:none}.picker-columns.sc-ion-picker-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;overflow:hidden}.picker-above-highlight.sc-ion-picker-md,.picker-below-highlight.sc-ion-picker-md{display:none;pointer-events:none}.sc-ion-picker-md-h{--background:var(--ion-background-color, #fff);--border-width:0.55px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-md{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;height:44px}.picker-button.sc-ion-picker-md,.picker-button.ion-activated.sc-ion-picker-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:1.1em;padding-inline-start:1.1em;-webkit-padding-end:1.1em;padding-inline-end:1.1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:14px;font-weight:500;text-transform:uppercase;-webkit-box-shadow:none;box-shadow:none}.picker-columns.sc-ion-picker-md{height:216px;-webkit-perspective:1800px;perspective:1800px}.picker-above-highlight.sc-ion-picker-md{top:0;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);position:absolute;width:100%;height:81px;border-bottom:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to bottom, var(--ion-background-color, #fff) 20%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:10}@supports (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-md{left:0}[dir=rtl].sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-md .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-above-highlight.sc-ion-picker-md:dir(rtl){left:unset;right:unset;right:0}}}.picker-below-highlight.sc-ion-picker-md{top:115px;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);position:absolute;width:100%;height:119px;border-top:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to top, var(--ion-background-color, #fff) 30%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:11}@supports (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-md{left:0}[dir=rtl].sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-md .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-below-highlight.sc-ion-picker-md:dir(rtl){left:unset;right:unset;right:0}}}"};const K=class{constructor(e){(0,r.r)(this,e),this.ionPickerColChange=(0,r.d)(this,"ionPickerColChange",7),this.optHeight=0,this.rotateFactor=0,this.scaleFactor=1,this.velocity=0,this.y=0,this.noAnimate=!0,this.colDidChange=!1,this.col=void 0}colChanged(){this.colDidChange=!0}connectedCallback(){var e=this;return(0,P.Z)(function*(){let i=0,t=.81;"ios"===(0,j.b)(e)&&(i=-.46,t=1),e.rotateFactor=i,e.scaleFactor=t,e.gesture=(yield Promise.resolve().then(y.bind(y,79203))).createGesture({el:e.el,gestureName:"picker-swipe",gesturePriority:100,threshold:0,passive:!1,onStart:o=>e.onStart(o),onMove:o=>e.onMove(o),onEnd:o=>e.onEnd(o)}),e.gesture.enable(),e.tmrId=setTimeout(()=>{e.noAnimate=!1,e.refresh(!0)},250)})()}componentDidLoad(){this.onDomChange()}componentDidUpdate(){this.colDidChange&&(this.onDomChange(!0,!1),this.colDidChange=!1)}disconnectedCallback(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.tmrId&&clearTimeout(this.tmrId),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}emitColChange(){this.ionPickerColChange.emit(this.col)}setSelected(e,i){const t=e>-1?-e*this.optHeight:0;this.velocity=0,void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.update(t,i,!0),this.emitColChange()}update(e,i,t){if(!this.optsEl)return;let n=0,o=0;const{col:l,rotateFactor:d}=this,c=l.selectedIndex,s=l.selectedIndex=this.indexForY(-e),p=0===i?"":i+"ms",h=`scale(${this.scaleFactor})`,f=this.optsEl.children;for(let u=0;u<f.length;u++){const b=f[u],g=l.options[u],v=u*this.optHeight+e;let m="";if(0!==d){const k=v*d;Math.abs(k)<=90?(n=0,o=90,m=`rotateX(${k}deg) `):n=-9999}else o=0,n=v;const x=s===u;m+=`translate3d(0px,${n}px,${o}px) `,1!==this.scaleFactor&&!x&&(m+=h),this.noAnimate?(g.duration=0,b.style.transitionDuration=""):i!==g.duration&&(g.duration=i,b.style.transitionDuration=p),m!==g.transform&&(g.transform=m),b.style.transform=m,g.selected=x,x?b.classList.add(U):b.classList.remove(U)}this.col.prevSelected=c,t&&(this.y=e),this.lastIndex!==s&&((0,L.b)(),this.lastIndex=s)}decelerate(){if(0!==this.velocity){this.velocity*=me,this.velocity=this.velocity>0?Math.max(this.velocity,1):Math.min(this.velocity,-1);let e=this.y+this.velocity;e>this.minY?(e=this.minY,this.velocity=0):e<this.maxY&&(e=this.maxY,this.velocity=0),this.update(e,0,!0),Math.round(e)%this.optHeight!=0||Math.abs(this.velocity)>1?this.rafId=requestAnimationFrame(()=>this.decelerate()):(this.velocity=0,this.emitColChange(),(0,L.h)())}else if(this.y%this.optHeight!=0){const e=Math.abs(this.y%this.optHeight);this.velocity=e>this.optHeight/2?1:-1,this.decelerate()}}indexForY(e){return Math.min(Math.max(Math.abs(Math.round(e/this.optHeight)),0),this.col.options.length-1)}onStart(e){e.event.cancelable&&e.event.preventDefault(),e.event.stopPropagation(),(0,L.a)(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId);const i=this.col.options;let t=i.length-1,n=0;for(let o=0;o<i.length;o++)i[o].disabled||(t=Math.min(t,o),n=Math.max(n,o));this.minY=-t*this.optHeight,this.maxY=-n*this.optHeight}onMove(e){e.event.cancelable&&e.event.preventDefault(),e.event.stopPropagation();let i=this.y+e.deltaY;i>this.minY?(i=Math.pow(i,.8),this.bounceFrom=i):i<this.maxY?(i+=Math.pow(this.maxY-i,.9),this.bounceFrom=i):this.bounceFrom=0,this.update(i,0,!1)}onEnd(e){if(this.bounceFrom>0)return this.update(this.minY,100,!0),void this.emitColChange();if(this.bounceFrom<0)return this.update(this.maxY,100,!0),void this.emitColChange();if(this.velocity=(0,M.l)(-Z,23*e.velocityY,Z),0===this.velocity&&0===e.deltaY){const i=e.event.target.closest(".picker-opt");i?.hasAttribute("opt-index")&&this.setSelected(parseInt(i.getAttribute("opt-index"),10),N)}else{if(this.y+=e.deltaY,Math.abs(e.velocityY)<.05){const i=e.deltaY>0,t=Math.abs(this.y)%this.optHeight/this.optHeight;i&&t>.5?this.velocity=-1*Math.abs(this.velocity):!i&&t<=.5&&(this.velocity=Math.abs(this.velocity))}this.decelerate()}}refresh(e,i){var t;let n=this.col.options.length-1,o=0;const l=this.col.options;for(let c=0;c<l.length;c++)l[c].disabled||(n=Math.min(n,c),o=Math.max(o,c));if(0!==this.velocity)return;const d=(0,M.l)(n,null!==(t=this.col.selectedIndex)&&void 0!==t?t:0,o);if(this.col.prevSelected!==d||e){const c=d*this.optHeight*-1,s=i?N:0;this.velocity=0,this.update(c,s,!0)}}onDomChange(e,i){const t=this.optsEl;t&&(this.optHeight=t.firstElementChild?t.firstElementChild.clientHeight:0),this.refresh(e,i)}render(){const e=this.col,i=(0,j.b)(this);return(0,r.h)(r.H,{class:Object.assign({[i]:!0,"picker-col":!0,"picker-opts-left":"left"===this.col.align,"picker-opts-right":"right"===this.col.align},(0,V.g)(e.cssClass)),style:{"max-width":this.col.columnWidth}},e.prefix&&(0,r.h)("div",{class:"picker-prefix",style:{width:e.prefixWidth}},e.prefix),(0,r.h)("div",{class:"picker-opts",style:{maxWidth:e.optionsWidth},ref:t=>this.optsEl=t},e.options.map((t,n)=>(0,r.h)("button",{"aria-label":t.ariaLabel,class:{"picker-opt":!0,"picker-opt-disabled":!!t.disabled},"opt-index":n},t.text))),e.suffix&&(0,r.h)("div",{class:"picker-suffix",style:{width:e.suffixWidth}},e.suffix))}get el(){return(0,r.f)(this)}static get watchers(){return{col:["colChanged"]}}},U="picker-opt-selected",me=.97,Z=90,N=150;K.style={ios:".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:center center;transform-origin:center center;height:46px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}:host-context([dir=rtl]) .picker-opt{-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}[dir=rtl] .picker-opt{-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}}",md:".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}"}}}]);
|