-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path8034.5ed6fed71c4966fd.js
1 lines (1 loc) · 5.85 KB
/
8034.5ed6fed71c4966fd.js
1
"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[8034],{8034:(E,c,e)=>{e.r(c),e.d(c,{ion_infinite_scroll:()=>d,ion_infinite_scroll_content:()=>h});var a=e(5861),t=e(2361),l=e(8686),p=e(206),m=e(6665);const d=class{constructor(i){(0,t.r)(this,i),this.ionInfinite=(0,t.e)(this,"ionInfinite",7),this.thrPx=0,this.thrPc=0,this.didFire=!1,this.isBusy=!1,this.isLoading=!1,this.threshold="15%",this.disabled=!1,this.position="bottom",this.onScroll=()=>{const n=this.scrollEl;if(!n||!this.canStart())return 1;const s=this.el.offsetHeight;if(0===s)return 2;const o=n.scrollTop,f=n.offsetHeight,g=0!==this.thrPc?f*this.thrPc:this.thrPx;if(("bottom"===this.position?n.scrollHeight-s-o-g-f:o-s-g)<0){if(!this.didFire)return this.isLoading=!0,this.didFire=!0,this.ionInfinite.emit(),3}else this.didFire=!1;return 4}}thresholdChanged(){const i=this.threshold;i.lastIndexOf("%")>-1?(this.thrPx=0,this.thrPc=parseFloat(i)/100):(this.thrPx=parseFloat(i),this.thrPc=0)}disabledChanged(){const i=this.disabled;i&&(this.isLoading=!1,this.isBusy=!1),this.enableScrollEvents(!i)}connectedCallback(){var i=this;return(0,a.Z)(function*(){const n=i.el.closest("ion-content");n?(yield new Promise(s=>(0,p.c)(n,s)),i.scrollEl=yield n.getScrollElement(),i.thresholdChanged(),i.disabledChanged(),"top"===i.position&&(0,t.c)(()=>{i.scrollEl&&(i.scrollEl.scrollTop=i.scrollEl.scrollHeight-i.scrollEl.clientHeight)})):console.error("<ion-infinite-scroll> must be used inside an <ion-content>")})()}disconnectedCallback(){this.enableScrollEvents(!1),this.scrollEl=void 0}complete(){var i=this;return(0,a.Z)(function*(){const n=i.scrollEl;if(i.isLoading&&n&&(i.isLoading=!1,"top"===i.position)){i.isBusy=!0;const s=n.scrollHeight-n.scrollTop;requestAnimationFrame(()=>{(0,t.f)(()=>{const r=n.scrollHeight-s;requestAnimationFrame(()=>{(0,t.c)(()=>{n.scrollTop=r,i.isBusy=!1})})})})}})()}canStart(){return!(this.disabled||this.isBusy||!this.scrollEl||this.isLoading)}enableScrollEvents(i){this.scrollEl&&(i?this.scrollEl.addEventListener("scroll",this.onScroll):this.scrollEl.removeEventListener("scroll",this.onScroll))}render(){const i=(0,l.b)(this);return(0,t.h)(t.H,{class:{[i]:!0,"infinite-scroll-loading":this.isLoading,"infinite-scroll-enabled":!this.disabled}})}get el(){return(0,t.i)(this)}static get watchers(){return{threshold:["thresholdChanged"],disabled:["disabledChanged"]}}};d.style="ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";const h=class{constructor(i){(0,t.r)(this,i)}componentDidLoad(){if(void 0===this.loadingSpinner){const i=(0,l.b)(this);this.loadingSpinner=l.c.get("infiniteLoadingSpinner",l.c.get("spinner","ios"===i?"lines":"crescent"))}}render(){const i=(0,l.b)(this);return(0,t.h)(t.H,{class:{[i]:!0,[`infinite-scroll-content-${i}`]:!0}},(0,t.h)("div",{class:"infinite-loading"},this.loadingSpinner&&(0,t.h)("div",{class:"infinite-loading-spinner"},(0,t.h)("ion-spinner",{name:this.loadingSpinner})),this.loadingText&&(0,t.h)("div",{class:"infinite-loading-text",innerHTML:(0,m.s)(this.loadingText)})))}};h.style={ios:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{margin-left:32px;margin-right:32px;margin-top:4px;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.infinite-loading-text{margin-left:unset;margin-right:unset;-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px}}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}",md:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{margin-left:32px;margin-right:32px;margin-top:4px;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.infinite-loading-text{margin-left:unset;margin-right:unset;-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px}}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}"}}}]);