test-isc
Version:
An Ionic component similar to Ionic Select, that allows to search items, including async search, group, add, edit, delete items, and much more.
1 lines • 2.17 kB
JavaScript
import{r as i,h as n,H as e}from"./p-aa742337.js";import{g as t,c as s}from"./p-bdcea876.js";import{s as o}from"./p-ed3327fa.js";const r=class{constructor(n){i(this,n)}componentDidLoad(){if(void 0===this.loadingSpinner){const i=t(this);this.loadingSpinner=s.get("infiniteLoadingSpinner",s.get("spinner","ios"===i?"lines":"crescent"))}}render(){const i=t(this);return n(e,{class:{[i]:!0,["infinite-scroll-content-"+i]:!0}},n("div",{class:"infinite-loading"},this.loadingSpinner&&n("div",{class:"infinite-loading-spinner"},n("ion-spinner",{name:this.loadingSpinner})),this.loadingText&&n("div",{class:"infinite-loading-text",innerHTML:o(this.loadingText)})))}};r.style={ios:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{margin-left:32px;margin-right:32px;margin-top:4px;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.infinite-loading-text{margin-left:unset;margin-right:unset;-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px}}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}"};export{r as ion_infinite_scroll_content}