@zoff-tech/zt-bottom-drawer
Version:
Bottom Drawer / Web Component
2 lines • 3.41 kB
JavaScript
import{r as i,h as n,H as e}from"./p-f6c816ce.js";import{ENABLE_HTML_CONTENT_DEFAULT as t}from"@utils/config";import{sanitizeDOMString as o}from"@utils/sanitization";import{c as s,g as l}from"./p-0b9b2444.js";const r="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)}";const c="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)}";const a=class{constructor(n){i(this,n);this.customHTMLEnabled=s.get("innerHTMLTemplatesEnabled",t);this.loadingSpinner=undefined;this.loadingText=undefined}componentDidLoad(){if(this.loadingSpinner===undefined){const i=l(this);this.loadingSpinner=s.get("infiniteLoadingSpinner",s.get("spinner",i==="ios"?"lines":"crescent"))}}renderLoadingText(){const{customHTMLEnabled:i,loadingText:e}=this;if(i){return n("div",{class:"infinite-loading-text",innerHTML:o(e)})}return n("div",{class:"infinite-loading-text"},this.loadingText)}render(){const i=l(this);return n(e,{class:{[i]:true,[`infinite-scroll-content-${i}`]:true}},n("div",{class:"infinite-loading"},this.loadingSpinner&&n("div",{class:"infinite-loading-spinner"},n("ion-spinner",{name:this.loadingSpinner})),this.loadingText!==undefined&&this.renderLoadingText()))}};a.style={ios:r,md:c};export{a as ion_infinite_scroll_content};
//# sourceMappingURL=p-e46be7d3.entry.js.map