forms-reactive
Version:
Reactive Form Web Component
14 lines • 9.4 kB
JavaScript
import{r as i,c as t,h as n,H as o,e}from"./p-3e1171f6.js";import{E as a,s}from"./p-9fb36e10.js";import{r}from"./p-c1432a35.js";import{c as d}from"./p-25ec5224.js";import{c,a as l,B as p,b as h,f as g,p as f,d as m,e as u}from"./p-80f56a8c.js";import{g as b}from"./p-100c2286.js";import{c as v,g as x}from"./p-9c83f640.js";import{c as y}from"./p-1fd4aad1.js";import"./p-3647f076.js";import"./p-955d90ef.js";import"./p-f9482dbc.js";import"./p-c7ee7cfe.js";import"./p-8613551a.js";
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/const w=i=>{const t=y();const n=y();const o=y();n.addElement(i.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);o.addElement(i.querySelector(".loading-wrapper")).keyframes([{offset:0,opacity:.01,transform:"scale(1.1)"},{offset:1,opacity:1,transform:"scale(1)"}]);return t.addElement(i).easing("ease-in-out").duration(200).addAnimation([n,o])};
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/const k=i=>{const t=y();const n=y();const o=y();n.addElement(i.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);o.addElement(i.querySelector(".loading-wrapper")).keyframes([{offset:0,opacity:.99,transform:"scale(1)"},{offset:1,opacity:0,transform:"scale(0.9)"}]);return t.addElement(i).easing("ease-in-out").duration(200).addAnimation([n,o])};
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/const j=i=>{const t=y();const n=y();const o=y();n.addElement(i.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);o.addElement(i.querySelector(".loading-wrapper")).keyframes([{offset:0,opacity:.01,transform:"scale(1.1)"},{offset:1,opacity:1,transform:"scale(1)"}]);return t.addElement(i).easing("ease-in-out").duration(200).addAnimation([n,o])};
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/const D=i=>{const t=y();const n=y();const o=y();n.addElement(i.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);o.addElement(i.querySelector(".loading-wrapper")).keyframes([{offset:0,opacity:.99,transform:"scale(1)"},{offset:1,opacity:0,transform:"scale(0.9)"}]);return t.addElement(i).easing("ease-in-out").duration(200).addAnimation([n,o])};const L=".sc-ion-loading-ios-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:flex;position:fixed;align-items:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;touch-action:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ios-h{display:none}.loading-wrapper.sc-ion-loading-ios{display:flex;align-items:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-ios{color:var(--spinner-color)}.sc-ion-loading-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--max-width:270px;--max-height:90%;--spinner-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);color:var(--ion-text-color, #000);font-size:0.875rem}.loading-wrapper.sc-ion-loading-ios{border-radius:8px;-webkit-padding-start:34px;padding-inline-start:34px;-webkit-padding-end:34px;padding-inline-end:34px;padding-top:24px;padding-bottom:24px}@supports (backdrop-filter: blur(0)){.loading-translucent.sc-ion-loading-ios-h .loading-wrapper.sc-ion-loading-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(180%) blur(20px)}}.loading-content.sc-ion-loading-ios{font-weight:bold}.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{-webkit-margin-start:16px;margin-inline-start:16px}";const z=L;const C=".sc-ion-loading-md-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:flex;position:fixed;align-items:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;touch-action:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-md-h{display:none}.loading-wrapper.sc-ion-loading-md{display:flex;align-items:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-md{color:var(--spinner-color)}.sc-ion-loading-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, #0054e9);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:0.875rem}.loading-wrapper.sc-ion-loading-md{border-radius:2px;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:24px;padding-bottom:24px;box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{-webkit-margin-start:16px;margin-inline-start:16px}";const T=C;const O=class{constructor(n){i(this,n);this.didPresent=t(this,"ionLoadingDidPresent",7);this.willPresent=t(this,"ionLoadingWillPresent",7);this.willDismiss=t(this,"ionLoadingWillDismiss",7);this.didDismiss=t(this,"ionLoadingDidDismiss",7);this.didPresentShorthand=t(this,"didPresent",7);this.willPresentShorthand=t(this,"willPresent",7);this.willDismissShorthand=t(this,"willDismiss",7);this.didDismissShorthand=t(this,"didDismiss",7);this.delegateController=c(this);this.lockController=d();this.triggerController=l();this.customHTMLEnabled=v.get("innerHTMLTemplatesEnabled",a);this.presented=false;this.onBackdropTap=()=>{this.dismiss(undefined,p)};this.overlayIndex=undefined;this.delegate=undefined;this.hasController=false;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.message=undefined;this.cssClass=undefined;this.duration=0;this.backdropDismiss=false;this.showBackdrop=true;this.spinner=undefined;this.translucent=false;this.animated=true;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined}onIsOpenChange(i,t){if(i===true&&t===false){this.present()}else if(i===false&&t===true){this.dismiss()}}triggerChanged(){const{trigger:i,el:t,triggerController:n}=this;if(i){n.addClickListener(t,i)}}connectedCallback(){h(this.el);this.triggerChanged()}componentWillLoad(){var i;if(this.spinner===undefined){const i=x(this);this.spinner=v.get("loadingSpinner",v.get("spinner",i==="ios"?"lines":"crescent"))}if(!((i=this.htmlAttributes)===null||i===void 0?void 0:i.id)){g(this.el)}}componentDidLoad(){if(this.isOpen===true){r((()=>this.present()))}this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener()}async present(){const i=await this.lockController.lock();await this.delegateController.attachViewToDom();await f(this,"loadingEnter",w,j);if(this.duration>0){this.durationTimeout=setTimeout((()=>this.dismiss()),this.duration+10)}i()}async dismiss(i,t){const n=await this.lockController.lock();if(this.durationTimeout){clearTimeout(this.durationTimeout)}const o=await m(this,i,t,"loadingLeave",k,D);if(o){this.delegateController.removeViewFromDom()}n();return o}onDidDismiss(){return u(this.el,"ionLoadingDidDismiss")}onWillDismiss(){return u(this.el,"ionLoadingWillDismiss")}renderLoadingMessage(i){const{customHTMLEnabled:t,message:o}=this;if(t){return n("div",{class:"loading-content",id:i,innerHTML:s(o)})}return n("div",{class:"loading-content",id:i},o)}render(){const{message:i,spinner:t,htmlAttributes:e,overlayIndex:a}=this;const s=x(this);const r=`loading-${a}-msg`;const d=i!==undefined?r:null;return n(o,Object.assign({key:"d6066c8b56b1fe4b597a243a7dab191ef0d21286",role:"dialog","aria-modal":"true","aria-labelledby":d,tabindex:"-1"},e,{style:{zIndex:`${4e4+this.overlayIndex}`},onIonBackdropTap:this.onBackdropTap,class:Object.assign(Object.assign({},b(this.cssClass)),{[s]:true,"overlay-hidden":true,"loading-translucent":this.translucent})}),n("ion-backdrop",{key:"2431eda00a2a3f510f5dfc39b7c7d47c056dfa3d",visible:this.showBackdrop,tappable:this.backdropDismiss}),n("div",{key:"cf210aaf5e754e4eccdb49cf7ead4647b3f9b2d1",tabindex:"0","aria-hidden":"true"}),n("div",{key:"fa9375143d391656d70e181d25b952c77c2fc6ec",class:"loading-wrapper ion-overlay-wrapper"},t&&n("div",{key:"8e4a4ed994f7f62df86b03696ac95162df41f52d",class:"loading-spinner"},n("ion-spinner",{key:"e5b323c272d365853ba92bd211e390b4fd4751d2",name:t,"aria-hidden":"true"})),i!==undefined&&this.renderLoadingMessage(r)),n("div",{key:"cae35ec8c34800477bff3ebcec8010e632158233",tabindex:"0","aria-hidden":"true"}))}get el(){return e(this)}static get watchers(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}}};O.style={ios:z,md:T};export{O as ion_loading};
//# sourceMappingURL=p-2f24c920.entry.js.map