9992.0a667cb628c1e781.js 7.4 KB

1
  1. "use strict";(self.webpackChunkapp_angular=self.webpackChunkapp_angular||[]).push([[9992],{39992:(w,_,a)=>{a.r(_),a.d(_,{ion_picker_column_internal:()=>g});var b=a(15861),l=a(88411),h=a(50839),f=a(40967),k=a(33395),I=a(13567);a(84874),a(56225);const g=class{constructor(o){(0,l.r)(this,o),this.ionChange=(0,l.d)(this,"ionChange",7),this.isScrolling=!1,this.isColumnVisible=!1,this.canExitInputMode=!0,this.centerPickerItemInView=(e,t=!0,n=!0)=>{const{el:i,isColumnVisible:p}=this;if(p){const d=e.offsetTop-3*e.clientHeight+e.clientHeight/2;i.scrollTop!==d&&(this.canExitInputMode=n,i.scroll({top:d,left:0,behavior:t?"smooth":void 0}))}},this.setPickerItemActiveState=(e,t)=>{t?(e.classList.add(u),e.part.add(y)):(e.classList.remove(u),e.part.remove(y))},this.inputModeChange=e=>{if(!this.numericInput)return;const{useInputMode:t,inputModeColumn:n}=e.detail;this.setInputModeActive(!(!t||void 0!==n&&n!==this.el))},this.setInputModeActive=e=>{this.isScrolling?this.scrollEndCallback=()=>{this.isActive=e}:this.isActive=e},this.initializeScrollListener=()=>{const e=(0,k.a)("ios"),{el:t}=this;let n,i=this.activeItem;const p=()=>{(0,h.r)(()=>{n&&(clearTimeout(n),n=void 0),this.isScrolling||(e&&(0,f.a)(),this.isScrolling=!0);const d=t.getBoundingClientRect(),v=t.shadowRoot.elementFromPoint(d.x+d.width/2,d.y+d.height/2);null!==i&&this.setPickerItemActiveState(i,!1),null!==v&&!v.disabled&&(v!==i&&(e&&(0,f.b)(),this.canExitInputMode&&this.exitInputMode()),i=v,this.setPickerItemActiveState(v,!0),n=setTimeout(()=>{this.isScrolling=!1,e&&(0,f.h)();const{scrollEndCallback:C}=this;C&&(C(),this.scrollEndCallback=void 0),this.canExitInputMode=!0;const A=v.getAttribute("data-index");if(null===A)return;const L=parseInt(A,10),M=this.items[L];M.value!==this.value&&this.setValue(M.value)},250))})};(0,h.r)(()=>{t.addEventListener("scroll",p),this.destroyScrollListener=()=>{t.removeEventListener("scroll",p)}})},this.exitInputMode=()=>{const{parentEl:e}=this;null!=e&&(e.exitInputMode(),this.el.classList.remove("picker-column-active"))},this.isActive=!1,this.items=[],this.value=void 0,this.color="primary",this.numericInput=!1}valueChange(){this.isColumnVisible&&this.scrollActiveItemIntoView()}componentWillLoad(){new IntersectionObserver(t=>{if(t[0].isIntersecting){const{activeItem:i,el:p}=this;this.isColumnVisible=!0;const d=(0,h.g)(p).querySelector(`.${u}`);d&&this.setPickerItemActiveState(d,!1),this.scrollActiveItemIntoView(),i&&this.setPickerItemActiveState(i,!0),this.initializeScrollListener()}else this.isColumnVisible=!1,this.destroyScrollListener&&(this.destroyScrollListener(),this.destroyScrollListener=void 0)},{threshold:.001}).observe(this.el);const e=this.parentEl=this.el.closest("ion-picker-internal");null!==e&&e.addEventListener("ionInputModeChange",t=>this.inputModeChange(t))}componentDidRender(){var o;const{activeItem:e,items:t,isColumnVisible:n,value:i}=this;n&&(e?this.scrollActiveItemIntoView():(null===(o=t[0])||void 0===o?void 0:o.value)!==i&&this.setValue(t[0].value))}scrollActiveItemIntoView(){var o=this;return(0,b.Z)(function*(){const e=o.activeItem;e&&o.centerPickerItemInView(e,!1,!1)})()}setValue(o){var e=this;return(0,b.Z)(function*(){const{items:t}=e;e.value=o;const n=t.find(i=>i.value===o&&!0!==i.disabled);n&&e.ionChange.emit(n)})()}get activeItem(){return(0,h.g)(this.el).querySelector(`.picker-item[data-value="${this.value}"]:not([disabled])`)}render(){const{items:o,color:e,isActive:t,numericInput:n}=this,i=(0,k.b)(this);return(0,l.h)(l.H,{exportparts:`${m}, ${y}`,tabindex:0,class:(0,I.c)(e,{[i]:!0,"picker-column-active":t,"picker-column-numeric-input":n})},(0,l.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,l.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,l.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),o.map((p,d)=>(0,l.h)("button",{tabindex:"-1",class:{"picker-item":!0,"picker-item-disabled":p.disabled||!1},"data-value":p.value,"data-index":d,onClick:E=>{this.centerPickerItemInView(E.target,!0)},disabled:p.disabled,part:m},p.text)),(0,l.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,l.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"),(0,l.h)("div",{class:"picker-item picker-item-empty","aria-hidden":"true"},"\xa0"))}get el(){return(0,l.f)(this)}static get watchers(){return{value:["valueChange"]}}},u="picker-item-active",m="wheel-item",y="active";g.style={ios:":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end: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}: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{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end: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}: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)}"}},13567:(w,_,a)=>{a.d(_,{c:()=>h,g:()=>k,h:()=>l,o:()=>x});var b=a(15861);const l=(r,s)=>null!==s.closest(r),h=(r,s)=>"string"==typeof r&&r.length>0?Object.assign({"ion-color":!0,[`ion-color-${r}`]:!0},s):s,k=r=>{const s={};return(r=>void 0!==r?(Array.isArray(r)?r:r.split(" ")).filter(c=>null!=c).map(c=>c.trim()).filter(c=>""!==c):[])(r).forEach(c=>s[c]=!0),s},I=/^[a-z][a-z0-9+\-.]*:/,x=function(){var r=(0,b.Z)(function*(s,c,g,u){if(null!=s&&"#"!==s[0]&&!I.test(s)){const m=document.querySelector("ion-router");if(m)return c?.preventDefault(),m.push(s,g,u)}return!1});return function(c,g,u,m){return r.apply(this,arguments)}}()}}]);