1 line
8.7 KiB
JavaScript
1 line
8.7 KiB
JavaScript
(self.webpackChunkapp=self.webpackChunkapp||[]).push([[7602],{17864:(y,m,d)=>{d.d(m,{a:()=>h,b:()=>u,c:()=>v,d:()=>b,h:()=>_});const p={getEngine(){var e;const i=window;return i.TapticEngine||(null===(e=i.Capacitor)||void 0===e?void 0:e.isPluginAvailable("Haptics"))&&i.Capacitor.Plugins.Haptics},available(){var e;const i=window;return!!this.getEngine()&&("web"!==(null===(e=i.Capacitor)||void 0===e?void 0:e.getPlatform())||typeof navigator<"u"&&void 0!==navigator.vibrate)},isCordova:()=>!!window.TapticEngine,isCapacitor:()=>!!window.Capacitor,impact(e){const i=this.getEngine();if(!i)return;const s=this.isCapacitor()?e.style.toUpperCase():e.style;i.impact({style:s})},notification(e){const i=this.getEngine();if(!i)return;const s=this.isCapacitor()?e.style.toUpperCase():e.style;i.notification({style:s})},selection(){this.impact({style:"light"})},selectionStart(){const e=this.getEngine();!e||(this.isCapacitor()?e.selectionStart():e.gestureSelectionStart())},selectionChanged(){const e=this.getEngine();!e||(this.isCapacitor()?e.selectionChanged():e.gestureSelectionChanged())},selectionEnd(){const e=this.getEngine();!e||(this.isCapacitor()?e.selectionEnd():e.gestureSelectionEnd())}},o=()=>p.available(),v=()=>{o()&&p.selection()},h=()=>{o()&&p.selectionStart()},u=()=>{o()&&p.selectionChanged()},_=()=>{o()&&p.selectionEnd()},b=e=>{o()&&p.impact(e)}},7602:(y,m,d)=>{d.r(m),d.d(m,{ion_picker_column_internal:()=>i});var p=d(15861),o=d(71308),v=d(35179),h=d(35730),u=d(17864),_=d(92854);const i=class{constructor(a){(0,o.r)(this,a),this.ionChange=(0,o.e)(this,"ionChange",7),this.isScrolling=!1,this.isColumnVisible=!1,this.canExitInputMode=!0,this.isActive=!1,this.items=[],this.color="primary",this.numericInput=!1,this.centerPickerItemInView=(t,n=!0,r=!0)=>{const{el:l,isColumnVisible:c}=this;if(c){const g=t.offsetTop-3*t.clientHeight+t.clientHeight/2;l.scrollTop!==g&&(this.canExitInputMode=r,l.scroll({top:g,left:0,behavior:n?"smooth":void 0}))}},this.inputModeChange=t=>{if(!this.numericInput)return;const{useInputMode:n,inputModeColumn:r}=t.detail;this.setInputModeActive(!(!n||void 0!==r&&r!==this.el))},this.setInputModeActive=t=>{this.isScrolling?this.scrollEndCallback=()=>{this.isActive=t}:this.isActive=t},this.initializeScrollListener=()=>{const{el:t}=this;let n,r=this.activeItem;const l=()=>{(0,h.r)(()=>{n&&(clearTimeout(n),n=void 0),this.isScrolling||((0,u.a)(),this.isScrolling=!0);const c=t.getBoundingClientRect(),f=t.shadowRoot.elementFromPoint(c.x+c.width/2,c.y+c.height/2);null!==r&&r.classList.remove(s),null!==f&&!f.disabled&&(f!==r&&((0,u.b)(),this.canExitInputMode&&this.exitInputMode()),r=f,f.classList.add(s),n=setTimeout(()=>{this.isScrolling=!1,(0,u.h)();const{scrollEndCallback:C}=this;C&&(C(),this.scrollEndCallback=void 0),this.canExitInputMode=!0;const x=f.getAttribute("data-index");if(null===x)return;const I=parseInt(x,10),E=this.items[I];E.value!==this.value&&this.setValue(E.value)},250))})};(0,h.r)(()=>{t.addEventListener("scroll",l),this.destroyScrollListener=()=>{t.removeEventListener("scroll",l)}})},this.exitInputMode=()=>{const{parentEl:t}=this;null!=t&&(t.exitInputMode(),this.el.classList.remove("picker-column-active"))}}valueChange(){this.isColumnVisible&&this.scrollActiveItemIntoView()}componentWillLoad(){new IntersectionObserver(n=>{var r;n[0].isIntersecting?(this.isColumnVisible=!0,(0,h.g)(this.el).querySelector(`.${s}`)?.classList.remove(s),this.scrollActiveItemIntoView(),null===(r=this.activeItem)||void 0===r||r.classList.add(s),this.initializeScrollListener()):(this.isColumnVisible=!1,this.destroyScrollListener&&(this.destroyScrollListener(),this.destroyScrollListener=void 0))},{threshold:.001}).observe(this.el);const t=this.parentEl=this.el.closest("ion-picker-internal");null!==t&&t.addEventListener("ionInputModeChange",n=>this.inputModeChange(n))}componentDidRender(){var a;const{activeItem:t,items:n,isColumnVisible:r,value:l}=this;r&&(t?this.scrollActiveItemIntoView():(null===(a=n[0])||void 0===a?void 0:a.value)!==l&&this.setValue(n[0].value))}scrollActiveItemIntoView(){var a=this;return(0,p.Z)(function*(){const t=a.activeItem;t&&a.centerPickerItemInView(t,!1,!1)})()}setValue(a){var t=this;return(0,p.Z)(function*(){const{items:n}=t;t.value=a;const r=n.find(l=>l.value===a&&!0!==l.disabled);r&&t.ionChange.emit(r)})()}get activeItem(){return(0,h.g)(this.el).querySelector(`.picker-item[data-value="${this.value}"]:not([disabled])`)}render(){const{items:a,color:t,isActive:n,numericInput:r}=this,l=(0,v.b)(this);return(0,o.h)(o.H,{tabindex:0,class:(0,_.c)(t,{[l]:!0,"picker-column-active":n,"picker-column-numeric-input":r})},(0,o.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,o.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,o.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),a.map((c,g)=>(0,o.h)("button",{tabindex:"-1",class:{"picker-item":!0,"picker-item-disabled":c.disabled||!1},"data-value":c.value,"data-index":g,onClick:k=>{this.centerPickerItemInView(k.target,!0)},disabled:c.disabled},c.text)),(0,o.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,o.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,o.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"))}get el(){return(0,o.i)(this)}static get watchers(){return{value:["valueChange"]}}},s="picker-item-active";i.style={ios:":host{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item.picker-item-disabled{scroll-snap-align:none;cursor:default}:host .picker-item.picker-item-disabled{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}",md:":host{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item.picker-item-disabled{scroll-snap-align:none;cursor:default}:host .picker-item.picker-item-disabled{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}:host .picker-item-active{color:var(--ion-color-base)}"}},92854:(y,m,d)=>{d.d(m,{c:()=>v,g:()=>u,h:()=>o,o:()=>b});var p=d(15861);const o=(e,i)=>null!==i.closest(e),v=(e,i)=>"string"==typeof e&&e.length>0?Object.assign({"ion-color":!0,[`ion-color-${e}`]:!0},i):i,u=e=>{const i={};return(e=>void 0!==e?(Array.isArray(e)?e:e.split(" ")).filter(s=>null!=s).map(s=>s.trim()).filter(s=>""!==s):[])(e).forEach(s=>i[s]=!0),i},_=/^[a-z][a-z0-9+\-.]*:/,b=function(){var e=(0,p.Z)(function*(i,s,a,t){if(null!=i&&"#"!==i[0]&&!_.test(i)){const n=document.querySelector("ion-router");if(n)return s?.preventDefault(),n.push(i,a,t)}return!1});return function(s,a,t,n){return e.apply(this,arguments)}}()}}]); |