@amwaljs/checkout-button 0.2.9 → 0.3.1

package/dist/components/ion-header.js

@@ -1,9 +1,4 @@
-import { H as Header, d as defineCustomElement$1 } from './p-Byqjk7Y-.js';
-
-const IonHeader = Header;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonHeader, defineCustomElement };
-//# sourceMappingURL=ion-header.js.map
-
-//# sourceMappingURL=ion-header.js.map
+import{e,w as o,p as t,H as n,h as i,d as a,t as s}from"./p-BnQDByf2.js";import{g as r,f as l,p as d}from"./p-B5ZghgSh.js";import{m as c,i as h}from"./p-BwKjt_Dc.js";import{h as p}from"./p-DiVJyqlX.js";import{g as b}from"./p-CN34uOrj.js";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const u=e=>{const o=document.querySelector(e+".ion-cloned-element");if(null!==o)return o;const t=document.createElement(e);return t.classList.add("ion-cloned-element"),t.style.setProperty("display","none"),document.body.appendChild(t),t},f=e=>{if(!e)return;const o=e.querySelectorAll("ion-toolbar");return{el:e,toolbars:Array.from(o).map((e=>{const o=e.querySelector("ion-title");return{el:e,background:e.shadowRoot.querySelector(".toolbar-background"),ionTitleEl:o,innerTitleEl:o?o.shadowRoot.querySelector(".toolbar-title"):null,ionButtonsEl:Array.from(e.querySelectorAll("ion-buttons"))}}))}},m=(e,o)=>{"fade"!==e.collapse&&(void 0===o?e.style.removeProperty("--opacity-scale"):e.style.setProperty("--opacity-scale",""+o))},y=(e,o=!0)=>{const t=e.el;o?(t.classList.remove("header-collapse-condense-inactive"),t.removeAttribute("aria-hidden")):(t.classList.add("header-collapse-condense-inactive"),t.setAttribute("aria-hidden","true"))},g=(t,n,i)=>{e((()=>{const e=t.scrollTop,a=n.clientHeight,s=i?i.clientHeight:0;if(null!==i&&e<s)return n.style.setProperty("--opacity-scale","0"),void t.style.setProperty("clip-path",`inset(${a}px 0px 0px 0px)`);const r=c(0,(e-s)/10,1);o((()=>{t.style.removeProperty("clip-path"),n.style.setProperty("--opacity-scale",""+r)}))}))},v=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.inheritedAttributes={},this.setupFadeHeader=async(e,o)=>{const t=this.scrollEl=await r(e);this.contentScrollCallback=()=>{g(this.scrollEl,this.el,o)},t.addEventListener("scroll",this.contentScrollCallback),g(this.scrollEl,this.el,o)},this.collapse=void 0,this.translucent=!1}componentWillLoad(){this.inheritedAttributes=h(this.el)}componentDidLoad(){this.checkCollapsibleHeader()}componentDidUpdate(){this.checkCollapsibleHeader()}disconnectedCallback(){this.destroyCollapsibleHeader()}async checkCollapsibleHeader(){if("ios"!==b(this))return;const{collapse:e}=this,t="condense"===e,n="fade"===e;if(this.destroyCollapsibleHeader(),t){const e=this.el.closest("ion-app,ion-page,.ion-page,page-inner"),t=e?l(e):null;o((()=>{u("ion-title").size="large",u("ion-back-button")})),await this.setupCondenseHeader(t,e)}else if(n){const e=this.el.closest("ion-app,ion-page,.ion-page,page-inner"),o=e?l(e):null;if(!o)return void d(this.el);const t=o.querySelector('ion-header[collapse="condense"]');await this.setupFadeHeader(o,t)}}destroyCollapsibleHeader(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=void 0),this.scrollEl&&this.contentScrollCallback&&(this.scrollEl.removeEventListener("scroll",this.contentScrollCallback),this.contentScrollCallback=void 0),this.collapsibleMainHeader&&(this.collapsibleMainHeader.classList.remove("header-collapse-main"),this.collapsibleMainHeader=void 0)}async setupCondenseHeader(t,n){if(!t||!n)return void d(this.el);if("undefined"==typeof IntersectionObserver)return;this.scrollEl=await r(t);const i=n.querySelectorAll("ion-header");if(this.collapsibleMainHeader=Array.from(i).find((e=>"condense"!==e.collapse)),!this.collapsibleMainHeader)return;const a=f(this.collapsibleMainHeader),s=f(this.el);a&&s&&(y(a,!1),m(a.el,0),this.intersectionObserver=new IntersectionObserver((e=>{((e,t,n,i)=>{o((()=>{const o=i.scrollTop;((e,o,t)=>{if(!e[0].isIntersecting)return;const n=e[0].intersectionRatio>.9||t<=0?0:100*(1-e[0].intersectionRatio)/75;m(o.el,1===n?void 0:n)})(e,t,o);const a=e[0],s=a.intersectionRect,r=s.width*s.height;0===r&&0==a.rootBounds.width*a.rootBounds.height||r>0&&(Math.abs(s.left-a.boundingClientRect.left)>=5||Math.abs(s.right-a.boundingClientRect.right)>=5)||(a.isIntersecting?(y(t,!1),y(n)):(0===s.x&&0===s.y||0!==s.width&&0!==s.height)&&o>0&&(y(t),y(n,!1),m(t.el)))}))})(e,a,s,this.scrollEl)}),{root:t,threshold:[.25,.3,.4,.5,.6,.7,.8,.9,1]}),this.intersectionObserver.observe(s.toolbars[s.toolbars.length-1].el),this.contentScrollCallback=()=>{((t,n,i)=>{e((()=>{const e=c(1,1+-t.scrollTop/500,1.1);null===i.querySelector("ion-refresher.refresher-native")&&o((()=>{((e=[],o=1,t=!1)=>{e.forEach((e=>{const n=e.ionTitleEl,i=e.innerTitleEl;n&&"large"===n.size&&(i.style.transition=t?"all 0.2s ease-in-out":"",i.style.transform=`scale3d(${o}, ${o}, 1)`)}))})(n.toolbars,e)}))}))})(this.scrollEl,s,t)},this.scrollEl.addEventListener("scroll",this.contentScrollCallback),o((()=>{void 0!==this.collapsibleMainHeader&&this.collapsibleMainHeader.classList.add("header-collapse-main")})))}render(){const{translucent:e,inheritedAttributes:o}=this,t=b(this),n=this.collapse||"none",s=p("ion-menu",this.el)?"none":"banner";return i(a,Object.assign({key:"9fa0af97b605f9fe98b13361bc3d1289745c549f",role:s,class:{[t]:!0,["header-"+t]:!0,"header-translucent":this.translucent,["header-collapse-"+n]:!0,["header-translucent-"+t]:this.translucent}},o),"ios"===t&&e&&i("div",{key:"1a780d2625302f2465718e304bdd3794c89c9845",class:"header-background"}),i("slot",{key:"b2b8557b44be40c590bfcc362ac4350f9f8b889e"}))}get el(){return this}static get style(){return{ios:"ion-header{display:block;position:relative;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports (backdrop-filter: blur(0)){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}",md:"ion-header{display:block;position:relative;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{box-shadow:none}"}}},[292,"ion-header",{collapse:[1],translucent:[4]}]),x=v,k=function(){"undefined"!=typeof customElements&&["ion-header"].forEach((e=>{"ion-header"===e&&(customElements.get(s(e))||customElements.define(s(e),v))}))};export{x as IonHeader,k as defineCustomElement}

package/dist/components/ion-icon.js

@@ -1,9 +1 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-CqzV2Pip.js';
-
-const IonIcon = Icon;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonIcon, defineCustomElement };
-//# sourceMappingURL=ion-icon.js.map
-
-//# sourceMappingURL=ion-icon.js.map
+import{I as o,d as s}from"./p-DMmSL7_l.js";const m=o,p=s;export{m as IonIcon,p as defineCustomElement}

package/dist/components/ion-img.js

@@ -1,127 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, e as Host, t as transformTag } from './p-abe_AkUW.js';
-import { c as inheritAttributes } from './p-CBE-1aIM.js';
-import { g as getIonMode } from './p-DEAe7QEa.js';
-
-const imgCss = () => `:host{display:block;object-fit:contain}img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit}`;
-
-const Img = /*@__PURE__*/ proxyCustomElement(class Img extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.ionImgWillLoad = createEvent(this, "ionImgWillLoad", 7);
-        this.ionImgDidLoad = createEvent(this, "ionImgDidLoad", 7);
-        this.ionError = createEvent(this, "ionError", 7);
-        this.inheritedAttributes = {};
-        this.onLoad = () => {
-            this.ionImgDidLoad.emit();
-        };
-        this.onError = () => {
-            this.ionError.emit();
-        };
-    }
-    srcChanged() {
-        this.addIO();
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = inheritAttributes(this.el, ['draggable']);
-    }
-    componentDidLoad() {
-        this.addIO();
-    }
-    addIO() {
-        if (this.src === undefined) {
-            return;
-        }
-        if (typeof window !== 'undefined' &&
-            'IntersectionObserver' in window &&
-            'IntersectionObserverEntry' in window &&
-            'isIntersecting' in window.IntersectionObserverEntry.prototype) {
-            this.removeIO();
-            this.io = new IntersectionObserver((data) => {
-                /**
-                 * On slower devices, it is possible for an intersection observer entry to contain multiple
-                 * objects in the array. This happens when quickly scrolling an image into view and then out of
-                 * view. In this case, the last object represents the current state of the component.
-                 */
-                if (data[data.length - 1].isIntersecting) {
-                    this.load();
-                    this.removeIO();
-                }
-            });
-            this.io.observe(this.el);
-        }
-        else {
-            // fall back to setTimeout for Safari and IE
-            setTimeout(() => this.load(), 200);
-        }
-    }
-    load() {
-        this.loadError = this.onError;
-        this.loadSrc = this.src;
-        this.ionImgWillLoad.emit();
-    }
-    removeIO() {
-        if (this.io) {
-            this.io.disconnect();
-            this.io = undefined;
-        }
-    }
-    render() {
-        const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
-        const { draggable } = inheritedAttributes;
-        return (h(Host, { key: 'da600442894427dee1974a28e545613afac69fca', class: getIonMode(this) }, h("img", { key: '16df0c7069af86c0fa7ce5af598bc0f63b4eb71a', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "src": ["srcChanged"]
-    }; }
-    static get style() { return imgCss(); }
-}, [257, "ion-img", {
-        "alt": [1],
-        "src": [1],
-        "loadSrc": [32],
-        "loadError": [32]
-    }, undefined, {
-        "src": ["srcChanged"]
-    }]);
-/**
- * Enumerated strings must be set as booleans
- * as Stencil will not render 'false' in the DOM.
- * The need to explicitly render draggable="true"
- * as only certain elements are draggable by default.
- * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable.
- */
-const isDraggable = (draggable) => {
-    switch (draggable) {
-        case 'true':
-            return true;
-        case 'false':
-            return false;
-        default:
-            return undefined;
-    }
-};
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-img"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-img":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Img);
-            }
-            break;
-    } });
-}
-
-const IonImg = Img;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonImg, defineCustomElement };
-//# sourceMappingURL=ion-img.js.map
-
-//# sourceMappingURL=ion-img.js.map
+import{p as t,H as i,c as s,h as e,d as o,t as r}from"./p-BnQDByf2.js";import{c as n}from"./p-BwKjt_Dc.js";import{g as h}from"./p-CN34uOrj.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ionImgWillLoad=s(this,"ionImgWillLoad",7),this.ionImgDidLoad=s(this,"ionImgDidLoad",7),this.ionError=s(this,"ionError",7),this.inheritedAttributes={},this.onLoad=()=>{this.ionImgDidLoad.emit()},this.onError=()=>{this.ionError.emit()},this.loadSrc=void 0,this.loadError=void 0,this.alt=void 0,this.src=void 0}srcChanged(){this.addIO()}componentWillLoad(){this.inheritedAttributes=n(this.el,["draggable"])}componentDidLoad(){this.addIO()}addIO(){void 0!==this.src&&("undefined"!=typeof window&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((t=>{t[t.length-1].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.el)):setTimeout((()=>this.load()),200))}load(){this.loadError=this.onError,this.loadSrc=this.src,this.ionImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){const{loadSrc:t,alt:i,onLoad:s,loadError:r,inheritedAttributes:n}=this,{draggable:d}=n;return e(o,{key:"efff4d1bd0e54dbeff140c137eb50b803a9f6f60",class:h(this)},e("img",{key:"3a1e0276ae67a7e40ec8c4ecd0061634573b2094",decoding:"async",src:t,alt:i,onLoad:s,onError:r,part:"image",draggable:a(d)}))}get el(){return this}static get watchers(){return{src:[{srcChanged:0}]}}static get style(){return":host{display:block;object-fit:contain}img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit}"}},[1,"ion-img",{alt:[1],src:[1],loadSrc:[32],loadError:[32]},void 0,{src:[{srcChanged:0}]}]),a=t=>{switch(t){case"true":return!0;case"false":return!1;default:return}},c=d,l=function(){"undefined"!=typeof customElements&&["ion-img"].forEach((t=>{"ion-img"===t&&(customElements.get(r(t))||customElements.define(r(t),d))}))};export{c as IonImg,l as defineCustomElement}

package/dist/components/ion-infinite-scroll-content.js

@@ -1,72 +1 @@
-import { p as proxyCustomElement, H, d as config, h, e as Host, t as transformTag } from './p-abe_AkUW.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, s as sanitizeDOMString } from './p-uTKLFBBy.js';
-import { g as getIonMode } from './p-DEAe7QEa.js';
-import { d as defineCustomElement$2 } from './p-Ccgs7j-d.js';
-
-const infiniteScrollContentIosCss = () => `ion-infinite-scroll-content{display:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #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, var(--ion-text-color-step-400, #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, var(--ion-text-color-step-400, #666666))}`;
-
-const infiniteScrollContentMdCss = () => `ion-infinite-scroll-content{display:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #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, var(--ion-text-color-step-400, #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, var(--ion-text-color-step-400, #666666))}`;
-
-const InfiniteScrollContent = /*@__PURE__*/ proxyCustomElement(class InfiniteScrollContent extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
-    }
-    componentDidLoad() {
-        if (this.loadingSpinner === undefined) {
-            const mode = getIonMode(this);
-            this.loadingSpinner = config.get('infiniteLoadingSpinner', config.get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
-        }
-    }
-    renderLoadingText() {
-        const { customHTMLEnabled, loadingText } = this;
-        if (customHTMLEnabled) {
-            return h("div", { class: "infinite-loading-text", innerHTML: sanitizeDOMString(loadingText) });
-        }
-        return h("div", { class: "infinite-loading-text" }, this.loadingText);
-    }
-    render() {
-        const mode = getIonMode(this);
-        return (h(Host, { key: '7c16060dcfe2a0b0fb3e2f8f4c449589a76f1baa', class: {
-                [mode]: true,
-                // Used internally for styling
-                [`infinite-scroll-content-${mode}`]: true,
-            } }, h("div", { key: 'a94f4d8746e053dc718f97520bd7e48cb316443a', class: "infinite-loading" }, this.loadingSpinner && (h("div", { key: '10143d5d2a50a2a2bc5de1cee8e7ab51263bcf23', class: "infinite-loading-spinner" }, h("ion-spinner", { key: '8846e88191690d9c61a0b462889ed56fbfed8b0d', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
-    }
-    static get style() { return {
-        ios: infiniteScrollContentIosCss(),
-        md: infiniteScrollContentMdCss()
-    }; }
-}, [288, "ion-infinite-scroll-content", {
-        "loadingSpinner": [1025, "loading-spinner"],
-        "loadingText": [1, "loading-text"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-infinite-scroll-content", "ion-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-infinite-scroll-content":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), InfiniteScrollContent);
-            }
-            break;
-        case "ion-spinner":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IonInfiniteScrollContent = InfiniteScrollContent;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonInfiniteScrollContent, defineCustomElement };
-//# sourceMappingURL=ion-infinite-scroll-content.js.map
-
-//# sourceMappingURL=ion-infinite-scroll-content.js.map
+import{p as n,H as i,h as e,d as t,t as o}from"./p-BnQDByf2.js";import{E as s,s as l}from"./p-yu3xCFhr.js";import{c as r,g as c}from"./p-CN34uOrj.js";import{d as a}from"./p-D7YY0NXg.js";const d=n(class extends i{constructor(n){super(),!1!==n&&this.__registerHost(),this.customHTMLEnabled=r.get("innerHTMLTemplatesEnabled",s),this.loadingSpinner=void 0,this.loadingText=void 0}componentDidLoad(){if(void 0===this.loadingSpinner){const n=c(this);this.loadingSpinner=r.get("infiniteLoadingSpinner",r.get("spinner","ios"===n?"lines":"crescent"))}}renderLoadingText(){const{customHTMLEnabled:n,loadingText:i}=this;return n?e("div",{class:"infinite-loading-text",innerHTML:l(i)}):e("div",{class:"infinite-loading-text"},this.loadingText)}render(){const n=c(this);return e(t,{key:"2f4afb07bcfe3e12528eb9cee8646a097e0b359f",class:{[n]:!0,["infinite-scroll-content-"+n]:!0}},e("div",{key:"af038177bf10c88c8970682487a4328689aaa5f2",class:"infinite-loading"},this.loadingSpinner&&e("div",{key:"1da5d419bc6a978b6a509fdab47dae347fc8d221",class:"infinite-loading-spinner"},e("ion-spinner",{key:"60cc5c64e0a317ac0005d5afe42c4bb8da58136f",name:this.loadingSpinner})),void 0!==this.loadingText&&this.renderLoadingText()))}static get style(){return{ios:"ion-infinite-scroll-content{display:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.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:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.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)}"}}},[32,"ion-infinite-scroll-content",{loadingSpinner:[1025,"loading-spinner"],loadingText:[1,"loading-text"]}]),f=d,p=function(){"undefined"!=typeof customElements&&["ion-infinite-scroll-content","ion-spinner"].forEach((n=>{switch(n){case"ion-infinite-scroll-content":customElements.get(o(n))||customElements.define(o(n),d);break;case"ion-spinner":customElements.get(o(n))||a()}}))};export{f as IonInfiniteScrollContent,p as defineCustomElement}

package/dist/components/ion-infinite-scroll.js

@@ -1,239 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, w as writeTask, q as readTask, h, t as transformTag, e as Host } from './p-abe_AkUW.js';
-import { a as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './p-BPfqVyXF.js';
-import { g as getIonMode } from './p-DEAe7QEa.js';
-
-const infiniteScrollCss = () => `ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}`;
-
-const InfiniteScroll = /*@__PURE__*/ proxyCustomElement(class InfiniteScroll extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.ionInfinite = createEvent(this, "ionInfinite", 7);
-        this.thrPx = 0;
-        this.thrPc = 0;
-        /**
-         * didFire exists so that ionInfinite
-         * does not fire multiple times if
-         * users continue to scroll after
-         * scrolling into the infinite
-         * scroll threshold.
-         */
-        this.didFire = false;
-        this.isBusy = false;
-        this.isLoading = false;
-        /**
-         * The threshold distance from the bottom
-         * of the content to call the `infinite` output event when scrolled.
-         * The threshold value can be either a percent, or
-         * in pixels. For example, use the value of `10%` for the `infinite`
-         * output event to get called when the user has scrolled 10%
-         * from the bottom of the page. Use the value `100px` when the
-         * scroll is within 100 pixels from the bottom of the page.
-         */
-        this.threshold = '15%';
-        /**
-         * If `true`, the infinite scroll will be hidden and scroll event listeners
-         * will be removed.
-         *
-         * Set this to true to disable the infinite scroll from actively
-         * trying to receive new data while scrolling. This is useful
-         * when it is known that there is no more data that can be added, and
-         * the infinite scroll is no longer needed.
-         */
-        this.disabled = false;
-        /**
-         * The position of the infinite scroll element.
-         * The value can be either `top` or `bottom`.
-         */
-        this.position = 'bottom';
-        this.onScroll = () => {
-            const scrollEl = this.scrollEl;
-            if (!scrollEl || !this.canStart()) {
-                return 1;
-            }
-            const infiniteHeight = this.el.offsetHeight;
-            if (infiniteHeight === 0) {
-                // if there is no height of this element then do nothing
-                return 2;
-            }
-            const scrollTop = scrollEl.scrollTop;
-            const scrollHeight = scrollEl.scrollHeight;
-            const height = scrollEl.offsetHeight;
-            const threshold = this.thrPc !== 0 ? height * this.thrPc : this.thrPx;
-            const distanceFromInfinite = this.position === 'bottom'
-                ? scrollHeight - infiniteHeight - scrollTop - threshold - height
-                : scrollTop - infiniteHeight - threshold;
-            if (distanceFromInfinite < 0) {
-                if (!this.didFire) {
-                    this.isLoading = true;
-                    this.didFire = true;
-                    this.ionInfinite.emit();
-                    return 3;
-                }
-            }
-            return 4;
-        };
-    }
-    thresholdChanged() {
-        const val = this.threshold;
-        if (val.lastIndexOf('%') > -1) {
-            this.thrPx = 0;
-            this.thrPc = parseFloat(val) / 100;
-        }
-        else {
-            this.thrPx = parseFloat(val);
-            this.thrPc = 0;
-        }
-    }
-    disabledChanged() {
-        const disabled = this.disabled;
-        if (disabled) {
-            this.isLoading = false;
-            this.isBusy = false;
-        }
-        this.enableScrollEvents(!disabled);
-    }
-    async connectedCallback() {
-        const contentEl = findClosestIonContent(this.el);
-        if (!contentEl) {
-            printIonContentErrorMsg(this.el);
-            return;
-        }
-        this.scrollEl = await getScrollElement(contentEl);
-        this.thresholdChanged();
-        this.disabledChanged();
-        if (this.position === 'top') {
-            writeTask(() => {
-                if (this.scrollEl) {
-                    this.scrollEl.scrollTop = this.scrollEl.scrollHeight - this.scrollEl.clientHeight;
-                }
-            });
-        }
-    }
-    disconnectedCallback() {
-        this.enableScrollEvents(false);
-        this.scrollEl = undefined;
-    }
-    /**
-     * Call `complete()` within the `ionInfinite` output event handler when
-     * your async operation has completed. For example, the `loading`
-     * state is while the app is performing an asynchronous operation,
-     * such as receiving more data from an AJAX request to add more items
-     * to a data list. Once the data has been received and UI updated, you
-     * then call this method to signify that the loading has completed.
-     * This method will change the infinite scroll's state from `loading`
-     * to `enabled`.
-     */
-    async complete() {
-        const scrollEl = this.scrollEl;
-        if (!this.isLoading || !scrollEl) {
-            return;
-        }
-        this.isLoading = false;
-        if (this.position === 'top') {
-            /**
-             * New content is being added at the top, but the scrollTop position stays the same,
-             * which causes a scroll jump visually. This algorithm makes sure to prevent this.
-             * (Frame 1)
-             *    - complete() is called, but the UI hasn't had time to update yet.
-             *    - Save the current content dimensions.
-             *    - Wait for the next frame using _dom.read, so the UI will be updated.
-             * (Frame 2)
-             *    - Read the new content dimensions.
-             *    - Calculate the height difference and the new scroll position.
-             *    - Delay the scroll position change until other possible dom reads are done using _dom.write to be performant.
-             * (Still frame 2, if I'm correct)
-             *    - Change the scroll position (= visually maintain the scroll position).
-             *    - Change the state to re-enable the InfiniteScroll.
-             *    - This should be after changing the scroll position, or it could
-             *    cause the InfiniteScroll to be triggered again immediately.
-             * (Frame 3)
-             *    Done.
-             */
-            this.isBusy = true;
-            // ******** DOM READ ****************
-            // Save the current content dimensions before the UI updates
-            const prev = scrollEl.scrollHeight - scrollEl.scrollTop;
-            // ******** DOM READ ****************
-            requestAnimationFrame(() => {
-                readTask(() => {
-                    // UI has updated, save the new content dimensions
-                    const scrollHeight = scrollEl.scrollHeight;
-                    // New content was added on top, so the scroll position should be changed immediately to prevent it from jumping around
-                    const newScrollTop = scrollHeight - prev;
-                    // ******** DOM WRITE ****************
-                    requestAnimationFrame(() => {
-                        writeTask(() => {
-                            scrollEl.scrollTop = newScrollTop;
-                            this.isBusy = false;
-                            this.didFire = false;
-                        });
-                    });
-                });
-            });
-        }
-        else {
-            this.didFire = false;
-        }
-    }
-    canStart() {
-        return !this.disabled && !this.isBusy && !!this.scrollEl && !this.isLoading;
-    }
-    enableScrollEvents(shouldListen) {
-        if (this.scrollEl) {
-            if (shouldListen) {
-                this.scrollEl.addEventListener('scroll', this.onScroll);
-            }
-            else {
-                this.scrollEl.removeEventListener('scroll', this.onScroll);
-            }
-        }
-    }
-    render() {
-        const mode = getIonMode(this);
-        const disabled = this.disabled;
-        return (h(Host, { key: 'e844956795f69be33396ce4480aa7a54ad01b28c', class: {
-                [mode]: true,
-                'infinite-scroll-loading': this.isLoading,
-                'infinite-scroll-enabled': !disabled,
-            } }));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "threshold": ["thresholdChanged"],
-        "disabled": ["disabledChanged"]
-    }; }
-    static get style() { return infiniteScrollCss(); }
-}, [256, "ion-infinite-scroll", {
-        "threshold": [1],
-        "disabled": [4],
-        "position": [1],
-        "isLoading": [32],
-        "complete": [64]
-    }, undefined, {
-        "threshold": ["thresholdChanged"],
-        "disabled": ["disabledChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-infinite-scroll"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-infinite-scroll":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), InfiniteScroll);
-            }
-            break;
-    } });
-}
-
-const IonInfiniteScroll = InfiniteScroll;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonInfiniteScroll, defineCustomElement };
-//# sourceMappingURL=ion-infinite-scroll.js.map
-
-//# sourceMappingURL=ion-infinite-scroll.js.map
+import{p as t,H as s,c as i,w as h,e,h as n,t as o,d as l}from"./p-BnQDByf2.js";import{a,p as r,g as c}from"./p-B5ZghgSh.js";import{g as d}from"./p-CN34uOrj.js";const f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionInfinite=i(this,"ionInfinite",7),this.thrPx=0,this.thrPc=0,this.didFire=!1,this.isBusy=!1,this.onScroll=()=>{const t=this.scrollEl;if(!t||!this.canStart())return 1;const s=this.el.offsetHeight;if(0===s)return 2;const i=t.scrollTop,h=t.offsetHeight,e=0!==this.thrPc?h*this.thrPc:this.thrPx;return("bottom"===this.position?t.scrollHeight-s-i-e-h:i-s-e)<0&&!this.didFire?(this.isLoading=!0,this.didFire=!0,this.ionInfinite.emit(),3):4},this.isLoading=!1,this.threshold="15%",this.disabled=!1,this.position="bottom"}thresholdChanged(){const t=this.threshold;t.lastIndexOf("%")>-1?(this.thrPx=0,this.thrPc=parseFloat(t)/100):(this.thrPx=parseFloat(t),this.thrPc=0)}disabledChanged(){const t=this.disabled;t&&(this.isLoading=!1,this.isBusy=!1),this.enableScrollEvents(!t)}async connectedCallback(){const t=a(this.el);t?(this.scrollEl=await c(t),this.thresholdChanged(),this.disabledChanged(),"top"===this.position&&h((()=>{this.scrollEl&&(this.scrollEl.scrollTop=this.scrollEl.scrollHeight-this.scrollEl.clientHeight)}))):r(this.el)}disconnectedCallback(){this.enableScrollEvents(!1),this.scrollEl=void 0}async complete(){const t=this.scrollEl;if(this.isLoading&&t)if(this.isLoading=!1,"top"===this.position){this.isBusy=!0;const s=t.scrollHeight-t.scrollTop;requestAnimationFrame((()=>{e((()=>{const i=t.scrollHeight-s;requestAnimationFrame((()=>{h((()=>{t.scrollTop=i,this.isBusy=!1,this.didFire=!1}))}))}))}))}else this.didFire=!1}canStart(){return!(this.disabled||this.isBusy||!this.scrollEl||this.isLoading)}enableScrollEvents(t){this.scrollEl&&(t?this.scrollEl.addEventListener("scroll",this.onScroll):this.scrollEl.removeEventListener("scroll",this.onScroll))}render(){const t=d(this),s=this.disabled;return n(l,{key:"c2248d06232dd7771dd155693ec75f9258dc969e",class:{[t]:!0,"infinite-scroll-loading":this.isLoading,"infinite-scroll-enabled":!s}})}get el(){return this}static get watchers(){return{threshold:[{thresholdChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return"ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}"}},[0,"ion-infinite-scroll",{threshold:[1],disabled:[4],position:[1],isLoading:[32],complete:[64]},void 0,{threshold:[{thresholdChanged:0}],disabled:[{disabledChanged:0}]}]),m=f,p=function(){"undefined"!=typeof customElements&&["ion-infinite-scroll"].forEach((t=>{"ion-infinite-scroll"===t&&(customElements.get(o(t))||customElements.define(o(t),f))}))};export{m as IonInfiniteScroll,p as defineCustomElement}