@ionic/core 7.5.8-dev.11701447171.162e1430 → 7.5.8-dev.11701461830.1be851fd
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-refresher-content.js +3 -10
- package/components/ion-refresher.js +183 -4
- package/dist/cjs/ion-refresher_2.cjs.entry.js +14 -29
- package/dist/collection/components/refresher/refresher.utils.js +12 -21
- package/dist/collection/components/refresher-content/refresher-content.js +3 -9
- package/dist/docs.json +1 -1
- package/dist/esm/ion-refresher_2.entry.js +14 -29
- package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-22c6adfa.entry.js +4 -0
- package/dist/ionic/p-ad4d66ba.system.entry.js +4 -0
- package/dist/ionic/p-c5ae50be.system.js +1 -1
- package/dist/types/components/refresher/refresher.utils.d.ts +0 -17
- package/hydrate/index.js +14 -29
- package/package.json +1 -1
- package/components/refresher.utils.js +0 -197
- package/dist/ionic/p-1ee0489b.entry.js +0 -4
- package/dist/ionic/p-ad46b741.system.entry.js +0 -4
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import { writeTask } from '@stencil/core/internal/client';
|
|
5
|
-
import { c as createAnimation } from './animation.js';
|
|
6
|
-
import { t as transitionEndAsync, c as componentOnReady, m as clamp } from './helpers.js';
|
|
7
|
-
import { a as isPlatform } from './ionic-global.js';
|
|
8
|
-
|
|
9
|
-
const getRefresherAnimationType = (contentEl) => {
|
|
10
|
-
const previousSibling = contentEl.previousElementSibling;
|
|
11
|
-
const hasHeader = previousSibling !== null && previousSibling.tagName === 'ION-HEADER';
|
|
12
|
-
return hasHeader ? 'translate' : 'scale';
|
|
13
|
-
};
|
|
14
|
-
const createPullingAnimation = (type, pullingSpinner, refresherEl) => {
|
|
15
|
-
return type === 'scale'
|
|
16
|
-
? createScaleAnimation(pullingSpinner, refresherEl)
|
|
17
|
-
: createTranslateAnimation(pullingSpinner, refresherEl);
|
|
18
|
-
};
|
|
19
|
-
const createBaseAnimation = (pullingRefresherIcon) => {
|
|
20
|
-
const spinner = pullingRefresherIcon.querySelector('ion-spinner');
|
|
21
|
-
const circle = spinner.shadowRoot.querySelector('circle');
|
|
22
|
-
const spinnerArrowContainer = pullingRefresherIcon.querySelector('.spinner-arrow-container');
|
|
23
|
-
const arrowContainer = pullingRefresherIcon.querySelector('.arrow-container');
|
|
24
|
-
const arrow = arrowContainer ? arrowContainer.querySelector('ion-icon') : null;
|
|
25
|
-
const baseAnimation = createAnimation().duration(1000).easing('ease-out');
|
|
26
|
-
const spinnerArrowContainerAnimation = createAnimation()
|
|
27
|
-
.addElement(spinnerArrowContainer)
|
|
28
|
-
.keyframes([
|
|
29
|
-
{ offset: 0, opacity: '0.3' },
|
|
30
|
-
{ offset: 0.45, opacity: '0.3' },
|
|
31
|
-
{ offset: 0.55, opacity: '1' },
|
|
32
|
-
{ offset: 1, opacity: '1' },
|
|
33
|
-
]);
|
|
34
|
-
const circleInnerAnimation = createAnimation()
|
|
35
|
-
.addElement(circle)
|
|
36
|
-
.keyframes([
|
|
37
|
-
{ offset: 0, strokeDasharray: '1px, 200px' },
|
|
38
|
-
{ offset: 0.2, strokeDasharray: '1px, 200px' },
|
|
39
|
-
{ offset: 0.55, strokeDasharray: '100px, 200px' },
|
|
40
|
-
{ offset: 1, strokeDasharray: '100px, 200px' },
|
|
41
|
-
]);
|
|
42
|
-
const circleOuterAnimation = createAnimation()
|
|
43
|
-
.addElement(spinner)
|
|
44
|
-
.keyframes([
|
|
45
|
-
{ offset: 0, transform: 'rotate(-90deg)' },
|
|
46
|
-
{ offset: 1, transform: 'rotate(210deg)' },
|
|
47
|
-
]);
|
|
48
|
-
/**
|
|
49
|
-
* Only add arrow animation if present
|
|
50
|
-
* this allows users to customize the spinners
|
|
51
|
-
* without errors being thrown
|
|
52
|
-
*/
|
|
53
|
-
if (arrowContainer && arrow) {
|
|
54
|
-
const arrowContainerAnimation = createAnimation()
|
|
55
|
-
.addElement(arrowContainer)
|
|
56
|
-
.keyframes([
|
|
57
|
-
{ offset: 0, transform: 'rotate(0deg)' },
|
|
58
|
-
{ offset: 0.3, transform: 'rotate(0deg)' },
|
|
59
|
-
{ offset: 0.55, transform: 'rotate(280deg)' },
|
|
60
|
-
{ offset: 1, transform: 'rotate(400deg)' },
|
|
61
|
-
]);
|
|
62
|
-
const arrowAnimation = createAnimation()
|
|
63
|
-
.addElement(arrow)
|
|
64
|
-
.keyframes([
|
|
65
|
-
{ offset: 0, transform: 'translateX(2px) scale(0)' },
|
|
66
|
-
{ offset: 0.3, transform: 'translateX(2px) scale(0)' },
|
|
67
|
-
{ offset: 0.55, transform: 'translateX(-1.5px) scale(1)' },
|
|
68
|
-
{ offset: 1, transform: 'translateX(-1.5px) scale(1)' },
|
|
69
|
-
]);
|
|
70
|
-
baseAnimation.addAnimation([arrowContainerAnimation, arrowAnimation]);
|
|
71
|
-
}
|
|
72
|
-
return baseAnimation.addAnimation([spinnerArrowContainerAnimation, circleInnerAnimation, circleOuterAnimation]);
|
|
73
|
-
};
|
|
74
|
-
const createScaleAnimation = (pullingRefresherIcon, refresherEl) => {
|
|
75
|
-
/**
|
|
76
|
-
* Do not take the height of the refresher icon
|
|
77
|
-
* because at this point the DOM has not updated,
|
|
78
|
-
* so the refresher icon is still hidden with
|
|
79
|
-
* display: none.
|
|
80
|
-
* The `ion-refresher` container height
|
|
81
|
-
* is roughly the amount we need to offset
|
|
82
|
-
* the icon by when pulling down.
|
|
83
|
-
*/
|
|
84
|
-
const height = refresherEl.clientHeight;
|
|
85
|
-
const spinnerAnimation = createAnimation()
|
|
86
|
-
.addElement(pullingRefresherIcon)
|
|
87
|
-
.keyframes([
|
|
88
|
-
{ offset: 0, transform: `scale(0) translateY(-${height}px)` },
|
|
89
|
-
{ offset: 1, transform: 'scale(1) translateY(100px)' },
|
|
90
|
-
]);
|
|
91
|
-
return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);
|
|
92
|
-
};
|
|
93
|
-
const createTranslateAnimation = (pullingRefresherIcon, refresherEl) => {
|
|
94
|
-
/**
|
|
95
|
-
* Do not take the height of the refresher icon
|
|
96
|
-
* because at this point the DOM has not updated,
|
|
97
|
-
* so the refresher icon is still hidden with
|
|
98
|
-
* display: none.
|
|
99
|
-
* The `ion-refresher` container height
|
|
100
|
-
* is roughly the amount we need to offset
|
|
101
|
-
* the icon by when pulling down.
|
|
102
|
-
*/
|
|
103
|
-
const height = refresherEl.clientHeight;
|
|
104
|
-
const spinnerAnimation = createAnimation()
|
|
105
|
-
.addElement(pullingRefresherIcon)
|
|
106
|
-
.keyframes([
|
|
107
|
-
{ offset: 0, transform: `translateY(-${height}px)` },
|
|
108
|
-
{ offset: 1, transform: 'translateY(100px)' },
|
|
109
|
-
]);
|
|
110
|
-
return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);
|
|
111
|
-
};
|
|
112
|
-
const createSnapBackAnimation = (pullingRefresherIcon) => {
|
|
113
|
-
return createAnimation()
|
|
114
|
-
.duration(125)
|
|
115
|
-
.addElement(pullingRefresherIcon)
|
|
116
|
-
.fromTo('transform', 'translateY(var(--ion-pulling-refresher-translate, 100px))', 'translateY(0px)');
|
|
117
|
-
};
|
|
118
|
-
// iOS Native Refresher
|
|
119
|
-
// -----------------------------
|
|
120
|
-
const setSpinnerOpacity = (spinner, opacity) => {
|
|
121
|
-
spinner.style.setProperty('opacity', opacity.toString());
|
|
122
|
-
};
|
|
123
|
-
const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {
|
|
124
|
-
const max = 1;
|
|
125
|
-
writeTask(() => {
|
|
126
|
-
ticks.forEach((el, i) => {
|
|
127
|
-
/**
|
|
128
|
-
* Compute the opacity of each tick
|
|
129
|
-
* mark as a percentage of the pullAmount
|
|
130
|
-
* offset by max / numTicks so
|
|
131
|
-
* the tick marks are shown staggered.
|
|
132
|
-
*/
|
|
133
|
-
const min = i * (max / numTicks);
|
|
134
|
-
const range = max - min;
|
|
135
|
-
const start = pullAmount - min;
|
|
136
|
-
const progression = clamp(0, start / range, 1);
|
|
137
|
-
el.style.setProperty('opacity', progression.toString());
|
|
138
|
-
});
|
|
139
|
-
});
|
|
140
|
-
};
|
|
141
|
-
const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {
|
|
142
|
-
writeTask(() => {
|
|
143
|
-
// If user pulls down quickly, the spinner should spin faster
|
|
144
|
-
spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');
|
|
145
|
-
spinner.style.setProperty('opacity', '1');
|
|
146
|
-
});
|
|
147
|
-
};
|
|
148
|
-
const translateElement = (el, value, duration = 200) => {
|
|
149
|
-
if (!el) {
|
|
150
|
-
return Promise.resolve();
|
|
151
|
-
}
|
|
152
|
-
const trans = transitionEndAsync(el, duration);
|
|
153
|
-
writeTask(() => {
|
|
154
|
-
el.style.setProperty('transition', `${duration}ms all ease-out`);
|
|
155
|
-
if (value === undefined) {
|
|
156
|
-
el.style.removeProperty('transform');
|
|
157
|
-
}
|
|
158
|
-
else {
|
|
159
|
-
el.style.setProperty('transform', `translate3d(0px, ${value}, 0px)`);
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
|
-
return trans;
|
|
163
|
-
};
|
|
164
|
-
// Utils
|
|
165
|
-
// -----------------------------
|
|
166
|
-
const shouldUseNativeRefresher = async (referenceEl, mode) => {
|
|
167
|
-
const refresherContent = referenceEl.querySelector('ion-refresher-content');
|
|
168
|
-
if (!refresherContent) {
|
|
169
|
-
return Promise.resolve(false);
|
|
170
|
-
}
|
|
171
|
-
await new Promise((resolve) => componentOnReady(refresherContent, resolve));
|
|
172
|
-
const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');
|
|
173
|
-
const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');
|
|
174
|
-
return ((pullingSpinner !== null && refreshingSpinner !== null && mode === 'ios' && supportsRubberBandScrolling()) ||
|
|
175
|
-
mode === 'md');
|
|
176
|
-
};
|
|
177
|
-
/**
|
|
178
|
-
* In order to use the native iOS refresher the device must support rubber band scrolling.
|
|
179
|
-
* The ios + mobile platform check ensures that desktop Safari is not included. Desktop Safari
|
|
180
|
-
* has a slightly different rubber band effect that is not compatible with the native refresher
|
|
181
|
-
* in Ionic.
|
|
182
|
-
*
|
|
183
|
-
* We also need to be careful not to include devices that spoof their user agent.
|
|
184
|
-
* For example, when using iOS emulation in Chrome the user agent will be spoofed such that
|
|
185
|
-
* isPlatform('ios') and isPlatform('mobile') both return true. To work around this,
|
|
186
|
-
* we check to see if the apple-pay-logo is supported as a named image which is only
|
|
187
|
-
* true on Apple devices.
|
|
188
|
-
*
|
|
189
|
-
* We previously checked referencEl.style.webkitOverflowScrolling to explicitly check
|
|
190
|
-
* for rubber band support. However, this property was removed on iPadOS and it's possible
|
|
191
|
-
* that this will be removed on iOS in the future too.
|
|
192
|
-
*/
|
|
193
|
-
const supportsRubberBandScrolling = () => {
|
|
194
|
-
return (isPlatform('ios') && isPlatform('mobile') && CSS.supports('background: -webkit-named-image(apple-pay-logo-black)'));
|
|
195
|
-
};
|
|
196
|
-
|
|
197
|
-
export { setSpinnerOpacity as a, handleScrollWhilePulling as b, createPullingAnimation as c, createSnapBackAnimation as d, supportsRubberBandScrolling as e, getRefresherAnimationType as g, handleScrollWhileRefreshing as h, shouldUseNativeRefresher as s, translateElement as t };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{w as e,r,d as i,e as s,h as t,f as n,H as o}from"./p-12cdcb59.js";import{g as h}from"./p-2408c236.js";import{I as a,b as f,p as l,g as c}from"./p-66d633fb.js";import{t as p,c as d,l as g,g as m,r as u}from"./p-23a9d086.js";import{d as x,I as v}from"./p-643a8fae.js";import{a as b,b as w,c as y}from"./p-21f015cf.js";import{c as k}from"./p-2d5aeccc.js";import{E as j,a as S}from"./p-41d5544e.js";import{h as E,i as M}from"./p-ea96fa73.js";import{S as Y}from"./p-f0c2a614.js";import"./p-06fee233.js";import"./p-3c58a71b.js";import"./p-b347cfd1.js";const z=e=>{const r=e.querySelector("ion-spinner"),i=r.shadowRoot.querySelector("circle"),s=e.querySelector(".spinner-arrow-container"),t=e.querySelector(".arrow-container"),n=t?t.querySelector("ion-icon"):null,o=k().duration(1e3).easing("ease-out"),h=k().addElement(s).keyframes([{offset:0,opacity:"0.3"},{offset:.45,opacity:"0.3"},{offset:.55,opacity:"1"},{offset:1,opacity:"1"}]),a=k().addElement(i).keyframes([{offset:0,strokeDasharray:"1px, 200px"},{offset:.2,strokeDasharray:"1px, 200px"},{offset:.55,strokeDasharray:"100px, 200px"},{offset:1,strokeDasharray:"100px, 200px"}]),f=k().addElement(r).keyframes([{offset:0,transform:"rotate(-90deg)"},{offset:1,transform:"rotate(210deg)"}]);if(t&&n){const e=k().addElement(t).keyframes([{offset:0,transform:"rotate(0deg)"},{offset:.3,transform:"rotate(0deg)"},{offset:.55,transform:"rotate(280deg)"},{offset:1,transform:"rotate(400deg)"}]),r=k().addElement(n).keyframes([{offset:0,transform:"translateX(2px) scale(0)"},{offset:.3,transform:"translateX(2px) scale(0)"},{offset:.55,transform:"translateX(-1.5px) scale(1)"},{offset:1,transform:"translateX(-1.5px) scale(1)"}]);o.addAnimation([e,r])}return o.addAnimation([h,a,f])},N=(r,i,s=200)=>{if(!r)return Promise.resolve();const t=p(r,s);return e((()=>{r.style.setProperty("transition",`${s}ms all ease-out`),void 0===i?r.style.removeProperty("transform"):r.style.setProperty("transform",`translate3d(0px, ${i}, 0px)`)})),t},T=async(e,r)=>{const i=e.querySelector("ion-refresher-content");if(!i)return Promise.resolve(!1);await new Promise((e=>d(i,e)));const s=e.querySelector("ion-refresher-content .refresher-pulling ion-spinner"),t=e.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");return null!==s&&null!==t&&"ios"===r&&P()||"md"===r},P=()=>b("ios")&&b("mobile")&&CSS.supports("background: -webkit-named-image(apple-pay-logo-black)"),R=class{constructor(e){r(this,e),this.ionRefresh=i(this,"ionRefresh",7),this.ionPull=i(this,"ionPull",7),this.ionStart=i(this,"ionStart",7),this.appliedStyles=!1,this.didStart=!1,this.progress=0,this.pointerDown=!1,this.needsCompletion=!1,this.didRefresh=!1,this.lastVelocityY=0,this.animations=[],this.nativeRefresher=!1,this.state=1,this.pullMin=60,this.pullMax=this.pullMin+60,this.closeDuration="280ms",this.snapbackDuration="280ms",this.pullFactor=1,this.disabled=!1}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async checkNativeRefresher(){const e=await T(this.el,w(this));if(e&&!this.nativeRefresher){const e=this.el.closest("ion-content");this.setupNativeRefresher(e)}else e||this.destroyNativeRefresher()}destroyNativeRefresher(){this.scrollEl&&this.scrollListenerCallback&&(this.scrollEl.removeEventListener("scroll",this.scrollListenerCallback),this.scrollListenerCallback=void 0),this.nativeRefresher=!1}async resetNativeRefresher(e,r){this.state=r,"ios"===w(this)?await N(e,void 0,300):await p(this.el.querySelector(".refresher-refreshing-icon"),200),this.didRefresh=!1,this.needsCompletion=!1,this.pointerDown=!1,this.animations.forEach((e=>e.destroy())),this.animations=[],this.progress=0,this.state=1}async setupiOSNativeRefresher(r,i){this.elementToTransform=this.scrollEl;const t=r.shadowRoot.querySelectorAll("svg");let n=.16*this.scrollEl.clientHeight;const o=t.length;e((()=>t.forEach((e=>e.style.setProperty("animation","none"))))),this.scrollListenerCallback=()=>{(this.pointerDown||1!==this.state)&&s((()=>{const r=this.scrollEl.scrollTop,s=this.el.clientHeight;if(r>0){if(8===this.state){const t=g(0,r/(.5*s),1);return void e((()=>{i.style.setProperty("opacity",(1-t).toString())}))}return}this.pointerDown&&(this.didStart||(this.didStart=!0,this.ionStart.emit()),this.pointerDown&&this.ionPull.emit());const h=this.didStart?30:0,a=this.progress=g(0,(Math.abs(r)-h)/n,1);var f,l;8===this.state||1===a?(this.pointerDown&&(f=i,l=this.lastVelocityY,e((()=>{f.style.setProperty("--refreshing-rotation-duration",l>=1?"0.5s":"2s"),f.style.setProperty("opacity","1")}))),this.didRefresh||(this.beginRefresh(),this.didRefresh=!0,x({style:v.Light}),this.pointerDown||N(this.elementToTransform,`${s}px`))):(this.state=2,((r,i,s)=>{e((()=>{r.forEach(((e,r)=>{const t=r*(1/i),n=g(0,(s-t)/(1-t),1);e.style.setProperty("opacity",n.toString())}))}))})(t,o,a))}))},this.scrollEl.addEventListener("scroll",this.scrollListenerCallback),this.gesture=(await import("./p-f5d2dc9b.js")).createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,onStart:()=>{this.pointerDown=!0,this.didRefresh||N(this.elementToTransform,"0px"),0===n&&(n=.16*this.scrollEl.clientHeight)},onMove:e=>{this.lastVelocityY=e.velocityY},onEnd:()=>{this.pointerDown=!1,this.didStart=!1,this.needsCompletion?(this.resetNativeRefresher(this.elementToTransform,32),this.needsCompletion=!1):this.didRefresh&&s((()=>N(this.elementToTransform,`${this.el.clientHeight}px`)))}}),this.disabledChanged()}async setupMDNativeRefresher(r,i,s){const t=m(i).querySelector("circle"),n=this.el.querySelector("ion-refresher-content .refresher-pulling-icon"),o=m(s).querySelector("circle");null!==t&&null!==o&&e((()=>{t.style.setProperty("animation","none"),s.style.setProperty("animation-delay","-655ms"),o.style.setProperty("animation-delay","-655ms")})),this.gesture=(await import("./p-f5d2dc9b.js")).createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,canStart:()=>8!==this.state&&32!==this.state&&0===this.scrollEl.scrollTop,onStart:e=>{this.progress=0,e.data={animation:void 0,didStart:!1,cancelled:!1}},onMove:i=>{if(i.velocityY<0&&0===this.progress&&!i.data.didStart||i.data.cancelled)i.data.cancelled=!0;else{if(!i.data.didStart){i.data.didStart=!0,this.state=2;const{scrollEl:s}=this,t=s.matches(a)?"overflow":"--overflow";e((()=>s.style.setProperty(t,"hidden")));const o=(e=>{const r=e.previousElementSibling;return null!==r&&"ION-HEADER"===r.tagName?"translate":"scale"})(r),h=((e,r,i)=>"scale"===e?((e,r)=>{const i=r.clientHeight,s=k().addElement(e).keyframes([{offset:0,transform:`scale(0) translateY(-${i}px)`},{offset:1,transform:"scale(1) translateY(100px)"}]);return z(e).addAnimation([s])})(r,i):((e,r)=>{const i=r.clientHeight,s=k().addElement(e).keyframes([{offset:0,transform:`translateY(-${i}px)`},{offset:1,transform:"translateY(100px)"}]);return z(e).addAnimation([s])})(r,i))(o,n,this.el);return i.data.animation=h,h.progressStart(!1,0),this.ionStart.emit(),void this.animations.push(h)}this.progress=g(0,i.deltaY/180*.5,1),i.data.animation.progressStep(this.progress),this.ionPull.emit()}},onEnd:r=>{if(!r.data.didStart)return;this.gesture.enable(!1);const{scrollEl:i}=this,s=i.matches(a)?"overflow":"--overflow";if(e((()=>i.style.removeProperty(s))),this.progress<=.4)return void r.data.animation.progressEnd(0,this.progress,500).onFinish((()=>{this.animations.forEach((e=>e.destroy())),this.animations=[],this.gesture.enable(!0),this.state=1}));const t=h([0,0],[0,0],[1,1],[1,1],this.progress)[0],o=(e=>k().duration(125).addElement(e).fromTo("transform","translateY(var(--ion-pulling-refresher-translate, 100px))","translateY(0px)"))(n);this.animations.push(o),e((async()=>{n.style.setProperty("--ion-pulling-refresher-translate",100*t+"px"),r.data.animation.progressEnd(),await o.play(),this.beginRefresh(),r.data.animation.destroy(),this.gesture.enable(!0)}))}}),this.disabledChanged()}async setupNativeRefresher(e){if(this.scrollListenerCallback||!e||this.nativeRefresher||!this.scrollEl)return;this.setCss(0,"",!1,""),this.nativeRefresher=!0;const r=this.el.querySelector("ion-refresher-content .refresher-pulling ion-spinner"),i=this.el.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");"ios"===w(this)?this.setupiOSNativeRefresher(r,i):this.setupMDNativeRefresher(e,r,i)}componentDidUpdate(){this.checkNativeRefresher()}async connectedCallback(){if("fixed"!==this.el.getAttribute("slot"))return void console.error('Make sure you use: <ion-refresher slot="fixed">');const e=this.el.closest(f);e?d(e,(async()=>{const r=e.querySelector(a);this.scrollEl=await c(null!=r?r:e),this.backgroundContentEl=await e.getBackgroundElement(),await T(this.el,w(this))?this.setupNativeRefresher(e):(this.gesture=(await import("./p-f5d2dc9b.js")).createGesture({el:e,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:20,passive:!1,canStart:()=>this.canStart(),onStart:()=>this.onStart(),onMove:e=>this.onMove(e),onEnd:()=>this.onEnd()}),this.disabledChanged())})):l(this.el)}disconnectedCallback(){this.destroyNativeRefresher(),this.scrollEl=void 0,this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}async complete(){this.nativeRefresher?(this.needsCompletion=!0,this.pointerDown||u((()=>u((()=>this.resetNativeRefresher(this.elementToTransform,32)))))):this.close(32,"120ms")}async cancel(){this.nativeRefresher?this.pointerDown||u((()=>u((()=>this.resetNativeRefresher(this.elementToTransform,16))))):this.close(16,"")}getProgress(){return Promise.resolve(this.progress)}canStart(){return!(!this.scrollEl||1!==this.state||this.scrollEl.scrollTop>0)}onStart(){this.progress=0,this.state=1,this.memoizeOverflowStyle()}onMove(e){if(!this.scrollEl)return;const r=e.event;if(void 0!==r.touches&&r.touches.length>1)return;if(0!=(56&this.state))return;const i=Number.isNaN(this.pullFactor)||this.pullFactor<0?1:this.pullFactor,s=e.deltaY*i;if(s<=0)return this.progress=0,this.state=1,this.appliedStyles?void this.setCss(0,"",!1,""):void 0;if(1===this.state){if(this.scrollEl.scrollTop>0)return void(this.progress=0);this.state=2}if(r.cancelable&&r.preventDefault(),this.setCss(s,"0ms",!0,""),0===s)return void(this.progress=0);const t=this.pullMin;this.progress=s/t,this.didStart||(this.didStart=!0,this.ionStart.emit()),this.ionPull.emit(),s<t?this.state=2:s>this.pullMax?this.beginRefresh():this.state=4}onEnd(){4===this.state?this.beginRefresh():2===this.state?this.cancel():1===this.state&&this.restoreOverflowStyle()}beginRefresh(){this.state=8,this.setCss(this.pullMin,this.snapbackDuration,!0,""),this.ionRefresh.emit({complete:this.complete.bind(this)})}close(e,r){setTimeout((()=>{this.state=1,this.progress=0,this.didStart=!1,this.setCss(0,"0ms",!1,"",!0)}),600),this.state=e,this.setCss(0,this.closeDuration,!0,r)}setCss(r,i,s,t,n=!1){this.nativeRefresher||(this.appliedStyles=r>0,e((()=>{if(this.scrollEl&&this.backgroundContentEl){const e=this.scrollEl.style,n=this.backgroundContentEl.style;e.transform=n.transform=r>0?`translateY(${r}px) translateZ(0px)`:"",e.transitionDuration=n.transitionDuration=i,e.transitionDelay=n.transitionDelay=t,e.overflow=s?"hidden":""}n&&this.restoreOverflowStyle()})))}memoizeOverflowStyle(){if(this.scrollEl){const{overflow:e,overflowX:r,overflowY:i}=this.scrollEl.style;this.overflowStyles={overflow:null!=e?e:"",overflowX:null!=r?r:"",overflowY:null!=i?i:""}}}restoreOverflowStyle(){if(void 0!==this.overflowStyles&&void 0!==this.scrollEl){const{overflow:e,overflowX:r,overflowY:i}=this.overflowStyles;this.scrollEl.style.overflow=e,this.scrollEl.style.overflowX=r,this.scrollEl.style.overflowY=i,this.overflowStyles=void 0}}render(){const e=w(this);return t(o,{slot:"fixed",class:{[e]:!0,[`refresher-${e}`]:!0,"refresher-native":this.nativeRefresher,"refresher-active":1!==this.state,"refresher-pulling":2===this.state,"refresher-ready":4===this.state,"refresher-refreshing":8===this.state,"refresher-cancelling":16===this.state,"refresher-completing":32===this.state}})}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"]}}};R.style={ios:"ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}.refresher-native .refresher-refreshing ion-spinner{--refreshing-rotation-duration:2s;display:none;-webkit-animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards;animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards}.refresher-native .refresher-refreshing{display:none;-webkit-animation:250ms linear refresher-pop forwards;animation:250ms linear refresher-pop forwards}.refresher-native ion-spinner{width:32px;height:32px;color:var(--ion-color-step-450, #747577)}.refresher-native.refresher-refreshing .refresher-pulling ion-spinner,.refresher-native.refresher-completing .refresher-pulling ion-spinner{display:none}.refresher-native.refresher-refreshing .refresher-refreshing ion-spinner,.refresher-native.refresher-completing .refresher-refreshing ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-pulling ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-refreshing ion-spinner{display:none}.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg);-webkit-transition:300ms;transition:300ms}@-webkit-keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}",md:"ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #3880ff)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;left:0;right:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #3880ff);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:-ms-flexbox;display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:-ms-flexbox;display:flex}ion-refresher.refresher-native .refresher-pulling-icon{-webkit-transform:translateY(calc(-100% - 10px));transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:-ms-flexbox;display:flex;border:1px solid var(--ion-color-step-200, #ececec);background:var(--ion-color-step-250, #ffffff);-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}"};const $=class{constructor(e){r(this,e),this.customHTMLEnabled=y.get("innerHTMLTemplatesEnabled",j),this.pullingIcon=void 0,this.pullingText=void 0,this.refreshingSpinner=void 0,this.refreshingText=void 0}componentWillLoad(){if(void 0===this.pullingIcon){const e=P(),r=w(this);this.pullingIcon=y.get("refreshingIcon","ios"===r&&e?y.get("spinner",e?"lines":M):"circular")}if(void 0===this.refreshingSpinner){const e=w(this);this.refreshingSpinner=y.get("refreshingSpinner",y.get("spinner","ios"===e?"lines":"circular"))}}renderPullingText(){const{customHTMLEnabled:e,pullingText:r}=this;return e?t("div",{class:"refresher-pulling-text",innerHTML:S(r)}):t("div",{class:"refresher-pulling-text"},r)}renderRefreshingText(){const{customHTMLEnabled:e,refreshingText:r}=this;return e?t("div",{class:"refresher-refreshing-text",innerHTML:S(r)}):t("div",{class:"refresher-refreshing-text"},r)}render(){const e=this.pullingIcon,r=null!=e&&void 0!==Y[e],i=w(this);return t(o,{class:i},t("div",{class:"refresher-pulling"},this.pullingIcon&&r&&t("div",{class:"refresher-pulling-icon"},t("div",{class:"spinner-arrow-container"},t("ion-spinner",{name:this.pullingIcon,paused:!0}),"md"===i&&"circular"===this.pullingIcon&&t("div",{class:"arrow-container"},t("ion-icon",{icon:E,"aria-hidden":"true"})))),this.pullingIcon&&!r&&t("div",{class:"refresher-pulling-icon"},t("ion-icon",{icon:this.pullingIcon,lazy:!1,"aria-hidden":"true"})),void 0!==this.pullingText&&this.renderPullingText()),t("div",{class:"refresher-refreshing"},this.refreshingSpinner&&t("div",{class:"refresher-refreshing-icon"},t("ion-spinner",{name:this.refreshingSpinner})),void 0!==this.refreshingText&&this.renderRefreshingText()))}get el(){return n(this)}};export{R as ion_refresher,$ as ion_refresher_content}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,r,n,t){function i(e){return e instanceof n?e:new n((function(r){r(e)}))}return new(n||(n=Promise))((function(n,s){function o(e){try{a(t.next(e))}catch(e){s(e)}}function f(e){try{a(t["throw"](e))}catch(e){s(e)}}function a(e){e.done?n(e.value):i(e.value).then(o,f)}a((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},t,i,s,o;return o={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function f(e){return function(r){return a([e,r])}}function a(f){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,f[0]&&(n=0)),n)try{if(t=1,i&&(s=f[0]&2?i["return"]:f[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,f[1])).done)return s;if(i=0,s)f=[f[0]&2,s.value];switch(f[0]){case 0:case 1:s=f;break;case 4:n.label++;return{value:f[1],done:false};case 5:n.label++;i=f[1];f=[0];continue;case 7:f=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(f[0]===6||f[0]===2)){n=0;continue}if(f[0]===3&&(!s||f[1]>s[0]&&f[1]<s[3])){n.label=f[1];break}if(f[0]===6&&n.label<s[1]){n.label=s[1];s=f;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(f);break}if(s[2])n.ops.pop();n.trys.pop();continue}f=r.call(e,n)}catch(e){f=[6,e];i=0}finally{t=s=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};
|
|
2
|
-
/*!
|
|
3
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/System.register(["./p-f8c5a0dd.system.js","./p-e673a0a2.system.js","./p-7798c78a.system.js","./p-32ad210f.system.js","./p-95c26010.system.js","./p-58ff9e5b.system.js","./p-f54c72b0.system.js","./p-f233f1e0.system.js","./p-8050b9b9.system.js","./p-d8d84afa.system.js","./p-ff4b7e40.system.js","./p-0e4f2e17.system.js","./p-0e94957a.system.js"],(function(e,r){"use strict";var n,t,i,s,o,f,a,h,c,l,u,d,p,g,m,v,b,x,w,y,k,_,j,S,z,Y,P,M;return{setters:[function(e){n=e.w;t=e.r;i=e.d;s=e.e;o=e.h;f=e.f;a=e.H},function(e){h=e.g},function(e){c=e.I;l=e.b;u=e.p;d=e.g},function(e){p=e.t;g=e.c;m=e.l;v=e.g;b=e.r},function(e){x=e.d;w=e.I},function(e){y=e.a;k=e.b;_=e.c},function(e){j=e.c},function(e){S=e.E;z=e.a},function(e){Y=e.h;P=e.i},function(e){M=e.S},function(){},function(){},function(){}],execute:function(){var E=this;var T=function(e){var r=e.previousElementSibling;var n=r!==null&&r.tagName==="ION-HEADER";return n?"translate":"scale"};var D=function(e,r,n){return e==="scale"?X(r,n):H(r,n)};var N=function(e){var r=e.querySelector("ion-spinner");var n=r.shadowRoot.querySelector("circle");var t=e.querySelector(".spinner-arrow-container");var i=e.querySelector(".arrow-container");var s=i?i.querySelector("ion-icon"):null;var o=j().duration(1e3).easing("ease-out");var f=j().addElement(t).keyframes([{offset:0,opacity:"0.3"},{offset:.45,opacity:"0.3"},{offset:.55,opacity:"1"},{offset:1,opacity:"1"}]);var a=j().addElement(n).keyframes([{offset:0,strokeDasharray:"1px, 200px"},{offset:.2,strokeDasharray:"1px, 200px"},{offset:.55,strokeDasharray:"100px, 200px"},{offset:1,strokeDasharray:"100px, 200px"}]);var h=j().addElement(r).keyframes([{offset:0,transform:"rotate(-90deg)"},{offset:1,transform:"rotate(210deg)"}]);if(i&&s){var c=j().addElement(i).keyframes([{offset:0,transform:"rotate(0deg)"},{offset:.3,transform:"rotate(0deg)"},{offset:.55,transform:"rotate(280deg)"},{offset:1,transform:"rotate(400deg)"}]);var l=j().addElement(s).keyframes([{offset:0,transform:"translateX(2px) scale(0)"},{offset:.3,transform:"translateX(2px) scale(0)"},{offset:.55,transform:"translateX(-1.5px) scale(1)"},{offset:1,transform:"translateX(-1.5px) scale(1)"}]);o.addAnimation([c,l])}return o.addAnimation([f,a,h])};var X=function(e,r){var n=r.clientHeight;var t=j().addElement(e).keyframes([{offset:0,transform:"scale(0) translateY(-".concat(n,"px)")},{offset:1,transform:"scale(1) translateY(100px)"}]);return N(e).addAnimation([t])};var H=function(e,r){var n=r.clientHeight;var t=j().addElement(e).keyframes([{offset:0,transform:"translateY(-".concat(n,"px)")},{offset:1,transform:"translateY(100px)"}]);return N(e).addAnimation([t])};var O=function(e){return j().duration(125).addElement(e).fromTo("transform","translateY(var(--ion-pulling-refresher-translate, 100px))","translateY(0px)")};var L=function(e,r){e.style.setProperty("opacity",r.toString())};var C=function(e,r,t){var i=1;n((function(){e.forEach((function(e,n){var s=n*(i/r);var o=i-s;var f=t-s;var a=m(0,f/o,1);e.style.setProperty("opacity",a.toString())}))}))};var I=function(e,r){n((function(){e.style.setProperty("--refreshing-rotation-duration",r>=1?"0.5s":"2s");e.style.setProperty("opacity","1")}))};var R=function(e,r,t){if(t===void 0){t=200}if(!e){return Promise.resolve()}var i=p(e,t);n((function(){e.style.setProperty("transition","".concat(t,"ms all ease-out"));if(r===undefined){e.style.removeProperty("transform")}else{e.style.setProperty("transform","translate3d(0px, ".concat(r,", 0px)"))}}));return i};var A=function(e,r){return __awaiter(E,void 0,void 0,(function(){var n,t,i;return __generator(this,(function(s){switch(s.label){case 0:n=e.querySelector("ion-refresher-content");if(!n){return[2,Promise.resolve(false)]}return[4,new Promise((function(e){return g(n,e)}))];case 1:s.sent();t=e.querySelector("ion-refresher-content .refresher-pulling ion-spinner");i=e.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");return[2,t!==null&&i!==null&&r==="ios"&&G()||r==="md"]}}))}))};var G=function(){return y("ios")&&y("mobile")&&CSS.supports("background: -webkit-named-image(apple-pay-logo-black)")};var Z="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}.refresher-native .refresher-refreshing ion-spinner{--refreshing-rotation-duration:2s;display:none;-webkit-animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards;animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards}.refresher-native .refresher-refreshing{display:none;-webkit-animation:250ms linear refresher-pop forwards;animation:250ms linear refresher-pop forwards}.refresher-native ion-spinner{width:32px;height:32px;color:var(--ion-color-step-450, #747577)}.refresher-native.refresher-refreshing .refresher-pulling ion-spinner,.refresher-native.refresher-completing .refresher-pulling ion-spinner{display:none}.refresher-native.refresher-refreshing .refresher-refreshing ion-spinner,.refresher-native.refresher-completing .refresher-refreshing ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-pulling ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-refreshing ion-spinner{display:none}.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg);-webkit-transition:300ms;transition:300ms}@-webkit-keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}";var q="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #3880ff)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;left:0;right:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #3880ff);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:-ms-flexbox;display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:-ms-flexbox;display:flex}ion-refresher.refresher-native .refresher-pulling-icon{-webkit-transform:translateY(calc(-100% - 10px));transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:-ms-flexbox;display:flex;border:1px solid var(--ion-color-step-200, #ececec);background:var(--ion-color-step-250, #ffffff);-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}";var B=e("ion_refresher",function(){function e(e){t(this,e);this.ionRefresh=i(this,"ionRefresh",7);this.ionPull=i(this,"ionPull",7);this.ionStart=i(this,"ionStart",7);this.appliedStyles=false;this.didStart=false;this.progress=0;this.pointerDown=false;this.needsCompletion=false;this.didRefresh=false;this.lastVelocityY=0;this.animations=[];this.nativeRefresher=false;this.state=1;this.pullMin=60;this.pullMax=this.pullMin+60;this.closeDuration="280ms";this.snapbackDuration="280ms";this.pullFactor=1;this.disabled=false}e.prototype.disabledChanged=function(){if(this.gesture){this.gesture.enable(!this.disabled)}};e.prototype.checkNativeRefresher=function(){return __awaiter(this,void 0,void 0,(function(){var e,r;return __generator(this,(function(n){switch(n.label){case 0:return[4,A(this.el,k(this))];case 1:e=n.sent();if(e&&!this.nativeRefresher){r=this.el.closest("ion-content");this.setupNativeRefresher(r)}else if(!e){this.destroyNativeRefresher()}return[2]}}))}))};e.prototype.destroyNativeRefresher=function(){if(this.scrollEl&&this.scrollListenerCallback){this.scrollEl.removeEventListener("scroll",this.scrollListenerCallback);this.scrollListenerCallback=undefined}this.nativeRefresher=false};e.prototype.resetNativeRefresher=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:this.state=r;if(!(k(this)==="ios"))return[3,2];return[4,R(e,undefined,300)];case 1:n.sent();return[3,4];case 2:return[4,p(this.el.querySelector(".refresher-refreshing-icon"),200)];case 3:n.sent();n.label=4;case 4:this.didRefresh=false;this.needsCompletion=false;this.pointerDown=false;this.animations.forEach((function(e){return e.destroy()}));this.animations=[];this.progress=0;this.state=1;return[2]}}))}))};e.prototype.setupiOSNativeRefresher=function(e,t){return __awaiter(this,void 0,void 0,(function(){var i,o,f,a;var h=this;return __generator(this,(function(c){switch(c.label){case 0:this.elementToTransform=this.scrollEl;i=e.shadowRoot.querySelectorAll("svg");o=this.scrollEl.clientHeight*.16;f=i.length;n((function(){return i.forEach((function(e){return e.style.setProperty("animation","none")}))}));this.scrollListenerCallback=function(){if(!h.pointerDown&&h.state===1){return}s((function(){var e=h.scrollEl.scrollTop;var r=h.el.clientHeight;if(e>0){if(h.state===8){var s=m(0,e/(r*.5),1);n((function(){return L(t,1-s)}));return}return}if(h.pointerDown){if(!h.didStart){h.didStart=true;h.ionStart.emit()}if(h.pointerDown){h.ionPull.emit()}}var a=h.didStart?30:0;var c=h.progress=m(0,(Math.abs(e)-a)/o,1);var l=h.state===8||c===1;if(l){if(h.pointerDown){I(t,h.lastVelocityY)}if(!h.didRefresh){h.beginRefresh();h.didRefresh=true;x({style:w.Light});if(!h.pointerDown){R(h.elementToTransform,"".concat(r,"px"))}}}else{h.state=2;C(i,f,c)}}))};this.scrollEl.addEventListener("scroll",this.scrollListenerCallback);a=this;return[4,r.import("./p-31b2326e.system.js")];case 1:a.gesture=c.sent().createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,onStart:function(){h.pointerDown=true;if(!h.didRefresh){R(h.elementToTransform,"0px")}if(o===0){o=h.scrollEl.clientHeight*.16}},onMove:function(e){h.lastVelocityY=e.velocityY},onEnd:function(){h.pointerDown=false;h.didStart=false;if(h.needsCompletion){h.resetNativeRefresher(h.elementToTransform,32);h.needsCompletion=false}else if(h.didRefresh){s((function(){return R(h.elementToTransform,"".concat(h.el.clientHeight,"px"))}))}}});this.disabledChanged();return[2]}}))}))};e.prototype.setupMDNativeRefresher=function(e,t,i){return __awaiter(this,void 0,void 0,(function(){var s,o,f,a;var l=this;return __generator(this,(function(u){switch(u.label){case 0:s=v(t).querySelector("circle");o=this.el.querySelector("ion-refresher-content .refresher-pulling-icon");f=v(i).querySelector("circle");if(s!==null&&f!==null){n((function(){s.style.setProperty("animation","none");i.style.setProperty("animation-delay","-655ms");f.style.setProperty("animation-delay","-655ms")}))}a=this;return[4,r.import("./p-31b2326e.system.js")];case 1:a.gesture=u.sent().createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,canStart:function(){return l.state!==8&&l.state!==32&&l.scrollEl.scrollTop===0},onStart:function(e){l.progress=0;e.data={animation:undefined,didStart:false,cancelled:false}},onMove:function(r){if(r.velocityY<0&&l.progress===0&&!r.data.didStart||r.data.cancelled){r.data.cancelled=true;return}if(!r.data.didStart){r.data.didStart=true;l.state=2;var t=l.scrollEl;var i=t.matches(c)?"overflow":"--overflow";n((function(){return t.style.setProperty(i,"hidden")}));var s=T(e);var f=D(s,o,l.el);r.data.animation=f;f.progressStart(false,0);l.ionStart.emit();l.animations.push(f);return}l.progress=m(0,r.deltaY/180*.5,1);r.data.animation.progressStep(l.progress);l.ionPull.emit()},onEnd:function(e){if(!e.data.didStart){return}l.gesture.enable(false);var r=l.scrollEl;var t=r.matches(c)?"overflow":"--overflow";n((function(){return r.style.removeProperty(t)}));if(l.progress<=.4){e.data.animation.progressEnd(0,l.progress,500).onFinish((function(){l.animations.forEach((function(e){return e.destroy()}));l.animations=[];l.gesture.enable(true);l.state=1}));return}var i=h([0,0],[0,0],[1,1],[1,1],l.progress)[0];var s=O(o);l.animations.push(s);n((function(){return __awaiter(l,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:o.style.setProperty("--ion-pulling-refresher-translate","".concat(i*100,"px"));e.data.animation.progressEnd();return[4,s.play()];case 1:r.sent();this.beginRefresh();e.data.animation.destroy();this.gesture.enable(true);return[2]}}))}))}))}});this.disabledChanged();return[2]}}))}))};e.prototype.setupNativeRefresher=function(e){return __awaiter(this,void 0,void 0,(function(){var r,n;return __generator(this,(function(t){if(this.scrollListenerCallback||!e||this.nativeRefresher||!this.scrollEl){return[2]}this.setCss(0,"",false,"");this.nativeRefresher=true;r=this.el.querySelector("ion-refresher-content .refresher-pulling ion-spinner");n=this.el.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");if(k(this)==="ios"){this.setupiOSNativeRefresher(r,n)}else{this.setupMDNativeRefresher(e,r,n)}return[2]}))}))};e.prototype.componentDidUpdate=function(){this.checkNativeRefresher()};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e;var n=this;return __generator(this,(function(t){if(this.el.getAttribute("slot")!=="fixed"){console.error('Make sure you use: <ion-refresher slot="fixed">');return[2]}e=this.el.closest(l);if(!e){u(this.el);return[2]}g(e,(function(){return __awaiter(n,void 0,void 0,(function(){var n,t,i,s;var o=this;return __generator(this,(function(f){switch(f.label){case 0:n=e.querySelector(c);t=this;return[4,d(n!==null&&n!==void 0?n:e)];case 1:t.scrollEl=f.sent();i=this;return[4,e.getBackgroundElement()];case 2:i.backgroundContentEl=f.sent();return[4,A(this.el,k(this))];case 3:if(!f.sent())return[3,4];this.setupNativeRefresher(e);return[3,6];case 4:s=this;return[4,r.import("./p-31b2326e.system.js")];case 5:s.gesture=f.sent().createGesture({el:e,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:20,passive:false,canStart:function(){return o.canStart()},onStart:function(){return o.onStart()},onMove:function(e){return o.onMove(e)},onEnd:function(){return o.onEnd()}});this.disabledChanged();f.label=6;case 6:return[2]}}))}))}));return[2]}))}))};e.prototype.disconnectedCallback=function(){this.destroyNativeRefresher();this.scrollEl=undefined;if(this.gesture){this.gesture.destroy();this.gesture=undefined}};e.prototype.complete=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){if(this.nativeRefresher){this.needsCompletion=true;if(!this.pointerDown){b((function(){return b((function(){return e.resetNativeRefresher(e.elementToTransform,32)}))}))}}else{this.close(32,"120ms")}return[2]}))}))};e.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){if(this.nativeRefresher){if(!this.pointerDown){b((function(){return b((function(){return e.resetNativeRefresher(e.elementToTransform,16)}))}))}}else{this.close(16,"")}return[2]}))}))};e.prototype.getProgress=function(){return Promise.resolve(this.progress)};e.prototype.canStart=function(){if(!this.scrollEl){return false}if(this.state!==1){return false}if(this.scrollEl.scrollTop>0){return false}return true};e.prototype.onStart=function(){this.progress=0;this.state=1;this.memoizeOverflowStyle()};e.prototype.onMove=function(e){if(!this.scrollEl){return}var r=e.event;if(r.touches!==undefined&&r.touches.length>1){return}if((this.state&56)!==0){return}var n=Number.isNaN(this.pullFactor)||this.pullFactor<0?1:this.pullFactor;var t=e.deltaY*n;if(t<=0){this.progress=0;this.state=1;if(this.appliedStyles){this.setCss(0,"",false,"");return}return}if(this.state===1){var i=this.scrollEl.scrollTop;if(i>0){this.progress=0;return}this.state=2}if(r.cancelable){r.preventDefault()}this.setCss(t,"0ms",true,"");if(t===0){this.progress=0;return}var s=this.pullMin;this.progress=t/s;if(!this.didStart){this.didStart=true;this.ionStart.emit()}this.ionPull.emit();if(t<s){this.state=2;return}if(t>this.pullMax){this.beginRefresh();return}this.state=4;return};e.prototype.onEnd=function(){if(this.state===4){this.beginRefresh()}else if(this.state===2){this.cancel()}else if(this.state===1){this.restoreOverflowStyle()}};e.prototype.beginRefresh=function(){this.state=8;this.setCss(this.pullMin,this.snapbackDuration,true,"");this.ionRefresh.emit({complete:this.complete.bind(this)})};e.prototype.close=function(e,r){var n=this;setTimeout((function(){n.state=1;n.progress=0;n.didStart=false;n.setCss(0,"0ms",false,"",true)}),600);this.state=e;this.setCss(0,this.closeDuration,true,r)};e.prototype.setCss=function(e,r,t,i,s){var o=this;if(s===void 0){s=false}if(this.nativeRefresher){return}this.appliedStyles=e>0;n((function(){if(o.scrollEl&&o.backgroundContentEl){var n=o.scrollEl.style;var f=o.backgroundContentEl.style;n.transform=f.transform=e>0?"translateY(".concat(e,"px) translateZ(0px)"):"";n.transitionDuration=f.transitionDuration=r;n.transitionDelay=f.transitionDelay=i;n.overflow=t?"hidden":""}if(s){o.restoreOverflowStyle()}}))};e.prototype.memoizeOverflowStyle=function(){if(this.scrollEl){var e=this.scrollEl.style,r=e.overflow,n=e.overflowX,t=e.overflowY;this.overflowStyles={overflow:r!==null&&r!==void 0?r:"",overflowX:n!==null&&n!==void 0?n:"",overflowY:t!==null&&t!==void 0?t:""}}};e.prototype.restoreOverflowStyle=function(){if(this.overflowStyles!==undefined&&this.scrollEl!==undefined){var e=this.overflowStyles,r=e.overflow,n=e.overflowX,t=e.overflowY;this.scrollEl.style.overflow=r;this.scrollEl.style.overflowX=n;this.scrollEl.style.overflowY=t;this.overflowStyles=undefined}};e.prototype.render=function(){var e;var r=k(this);return o(a,{slot:"fixed",class:(e={},e[r]=true,e["refresher-".concat(r)]=true,e["refresher-native"]=this.nativeRefresher,e["refresher-active"]=this.state!==1,e["refresher-pulling"]=this.state===2,e["refresher-ready"]=this.state===4,e["refresher-refreshing"]=this.state===8,e["refresher-cancelling"]=this.state===16,e["refresher-completing"]=this.state===32,e)})};Object.defineProperty(e.prototype,"el",{get:function(){return f(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledChanged"]}},enumerable:false,configurable:true});return e}());B.style={ios:Z,md:q};var F=e("ion_refresher_content",function(){function e(e){t(this,e);this.customHTMLEnabled=_.get("innerHTMLTemplatesEnabled",S);this.pullingIcon=undefined;this.pullingText=undefined;this.refreshingSpinner=undefined;this.refreshingText=undefined}e.prototype.componentWillLoad=function(){if(this.pullingIcon===undefined){var e=G();var r=k(this);var n=e?"lines":P;this.pullingIcon=_.get("refreshingIcon",r==="ios"&&e?_.get("spinner",n):"circular")}if(this.refreshingSpinner===undefined){var r=k(this);this.refreshingSpinner=_.get("refreshingSpinner",_.get("spinner",r==="ios"?"lines":"circular"))}};e.prototype.renderPullingText=function(){var e=this,r=e.customHTMLEnabled,n=e.pullingText;if(r){return o("div",{class:"refresher-pulling-text",innerHTML:z(n)})}return o("div",{class:"refresher-pulling-text"},n)};e.prototype.renderRefreshingText=function(){var e=this,r=e.customHTMLEnabled,n=e.refreshingText;if(r){return o("div",{class:"refresher-refreshing-text",innerHTML:z(n)})}return o("div",{class:"refresher-refreshing-text"},n)};e.prototype.render=function(){var e=this.pullingIcon;var r=e!=null&&M[e]!==undefined;var n=k(this);return o(a,{class:n},o("div",{class:"refresher-pulling"},this.pullingIcon&&r&&o("div",{class:"refresher-pulling-icon"},o("div",{class:"spinner-arrow-container"},o("ion-spinner",{name:this.pullingIcon,paused:true}),n==="md"&&this.pullingIcon==="circular"&&o("div",{class:"arrow-container"},o("ion-icon",{icon:Y,"aria-hidden":"true"})))),this.pullingIcon&&!r&&o("div",{class:"refresher-pulling-icon"},o("ion-icon",{icon:this.pullingIcon,lazy:false,"aria-hidden":"true"})),this.pullingText!==undefined&&this.renderPullingText()),o("div",{class:"refresher-refreshing"},this.refreshingSpinner&&o("div",{class:"refresher-refreshing-icon"},o("ion-spinner",{name:this.refreshingSpinner})),this.refreshingText!==undefined&&this.renderRefreshingText()))};Object.defineProperty(e.prototype,"el",{get:function(){return f(this)},enumerable:false,configurable:true});return e}())}}}));
|