@tindtechnologies/universalviewer
Version:
The Universal Viewer is a community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎
2 lines (1 loc) • 11 kB
JavaScript
import{a as C}from"./chunk-PU67WH5C.js";import{a as p}from"./chunk-47FI7OS3.js";import{b as x,c as m}from"./chunk-Y2TXPXZV.js";import{e as w,i as y,j as k,k as b,l as T,m as A}from"./chunk-LE3CSG7S.js";import"./chunk-4DAZ7WDM.js";import{a as D,e as u,f as E,i as h,l as B,o as f}from"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var v=function(a,n,t,r){return new(t||(t=Promise))(function(o,e){function l(i){try{d(r.next(i))}catch(c){e(c)}}function s(i){try{d(r.throw(i))}catch(c){e(c)}}function d(i){i.done?o(i.value):new t(function(c){c(i.value)}).then(l,s)}d((r=r.apply(a,n||[])).next())})},g=function(a,n){var t={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},r,o,e,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol=="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(i){return function(c){return d([i,c])}}function d(i){if(r)throw new TypeError("Generator is already executing.");for(;t;)try{if(r=1,o&&(e=i[0]&2?o.return:i[0]?o.throw||((e=o.return)&&e.call(o),0):o.next)&&!(e=e.call(o,i[1])).done)return e;switch(o=0,e&&(i=[i[0]&2,e.value]),i[0]){case 0:case 1:e=i;break;case 4:return t.label++,{value:i[1],done:!1};case 5:t.label++,o=i[1],i=[0];continue;case 7:i=t.ops.pop(),t.trys.pop();continue;default:if(e=t.trys,!(e=e.length>0&&e[e.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!e||i[1]>e[0]&&i[1]<e[3])){t.label=i[1];break}if(i[0]===6&&t.label<e[1]){t.label=e[1],e=i;break}if(e&&t.label<e[2]){t.label=e[2],t.ops.push(i);break}e[2]&&t.ops.pop(),t.trys.pop();continue}i=n.call(a,t)}catch(c){i=[6,c],o=0}finally{r=e=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}},_=function(a,n){var t=p(),r=p(),o=a.host||a,e=a.querySelector(".toast-wrapper"),l="calc(-10px - var(--ion-safe-area-bottom, 0px))",s="calc(10px + var(--ion-safe-area-top, 0px))";switch(r.addElement(e),n){case"top":r.fromTo("transform","translateY(-100%)","translateY("+s+")");break;case"middle":var d=Math.floor(o.clientHeight/2-e.clientHeight/2);e.style.top=d+"px",r.fromTo("opacity",.01,1);break;default:r.fromTo("transform","translateY(100%)","translateY("+l+")");break}return t.addElement(o).easing("cubic-bezier(.155,1.105,.295,1.12)").duration(400).addAnimation(r)},z=function(a,n){var t=p(),r=p(),o=a.host||a,e=a.querySelector(".toast-wrapper"),l="calc(-10px - var(--ion-safe-area-bottom, 0px))",s="calc(10px + var(--ion-safe-area-top, 0px))";switch(r.addElement(e),n){case"top":r.fromTo("transform","translateY("+s+")","translateY(-100%)");break;case"middle":r.fromTo("opacity",.99,0);break;default:r.fromTo("transform","translateY("+l+")","translateY(100%)");break}return t.addElement(o).easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(r)},H=function(a,n){var t=p(),r=p(),o=a.host||a,e=a.querySelector(".toast-wrapper"),l="calc(8px + var(--ion-safe-area-bottom, 0px))",s="calc(8px + var(--ion-safe-area-top, 0px))";switch(r.addElement(e),n){case"top":e.style.top=s,r.fromTo("opacity",.01,1);break;case"middle":var d=Math.floor(o.clientHeight/2-e.clientHeight/2);e.style.top=d+"px",r.fromTo("opacity",.01,1);break;default:e.style.bottom=l,r.fromTo("opacity",.01,1);break}return t.addElement(o).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation(r)},O=function(a){var n=p(),t=p(),r=a.host||a,o=a.querySelector(".toast-wrapper");return t.addElement(o).fromTo("opacity",.99,0),n.addElement(r).easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(t)},L=function(){function a(n){D(this,n),this.presented=!1,this.mode=f(this),this.duration=0,this.keyboardClose=!1,this.position="bottom",this.showCloseButton=!1,this.translucent=!1,this.animated=!0,w(this.el),this.didPresent=h(this,"ionToastDidPresent",7),this.willPresent=h(this,"ionToastWillPresent",7),this.willDismiss=h(this,"ionToastWillDismiss",7),this.didDismiss=h(this,"ionToastDidDismiss",7)}return a.prototype.present=function(){return v(this,void 0,void 0,function(){var n=this;return g(this,function(t){switch(t.label){case 0:return[4,y(this,"toastEnter",_,H,this.position)];case 1:return t.sent(),this.duration>0&&(this.durationTimeout=setTimeout(function(){return n.dismiss(void 0,"timeout")},this.duration)),[2]}})})},a.prototype.dismiss=function(n,t){return this.durationTimeout&&clearTimeout(this.durationTimeout),k(this,n,t,"toastLeave",z,O,this.position)},a.prototype.onDidDismiss=function(){return b(this.el,"ionToastDidDismiss")},a.prototype.onWillDismiss=function(){return b(this.el,"ionToastWillDismiss")},a.prototype.getButtons=function(){var n=this,t=this.buttons?this.buttons.map(function(r){return typeof r=="string"?{text:r}:r}):[];return this.showCloseButton&&t.push({text:this.closeButtonText||"Close",handler:function(){return n.dismiss(void 0,"cancel")}}),t},a.prototype.buttonClick=function(n){return v(this,void 0,void 0,function(){var t,r;return g(this,function(o){switch(o.label){case 0:return t=n.role,T(t)?[2,this.dismiss(void 0,t)]:[4,this.callButtonHandler(n)];case 1:return r=o.sent(),r?[2,this.dismiss(void 0,n.role)]:[2,Promise.resolve()]}})})},a.prototype.callButtonHandler=function(n){return v(this,void 0,void 0,function(){var t,r;return g(this,function(o){switch(o.label){case 0:if(!(n&&n.handler))return[3,4];o.label=1;case 1:return o.trys.push([1,3,,4]),[4,A(n.handler)];case 2:return t=o.sent(),t===!1?[2,!1]:[3,4];case 3:return r=o.sent(),console.error(r),[3,4];case 4:return[2,!0]}})})},a.prototype.renderButtons=function(n,t){var r,o=this;if(n.length!==0){var e=f(this),l=(r={"toast-button-group":!0},r["toast-button-group-"+t]=!0,r);return u("div",{class:l},n.map(function(s){return u("button",{type:"button",class:Y(s),tabIndex:0,onClick:function(){return o.buttonClick(s)}},u("div",{class:"toast-button-inner"},s.icon&&u("ion-icon",{icon:s.icon,slot:s.text===void 0?"icon-only":void 0,class:"toast-icon"}),s.text),e==="md"&&u("ion-ripple-effect",{type:s.icon!==void 0&&s.text===void 0?"unbounded":"bounded"}))}))}},a.prototype.render=function(){var n,t,r=this.getButtons(),o=r.filter(function(d){return d.side==="start"}),e=r.filter(function(d){return d.side!=="start"}),l=f(this),s=(n={"toast-wrapper":!0},n["toast-"+this.position]=!0,n);return u(E,{style:{zIndex:""+(6e4+this.overlayIndex)},class:Object.assign(Object.assign(Object.assign((t={},t[l]=!0,t),x(this.color)),m(this.cssClass)),{"toast-translucent":this.translucent})},u("div",{class:s},u("div",{class:"toast-container"},this.renderButtons(o,"start"),u("div",{class:"toast-content"},this.header!==void 0&&u("div",{class:"toast-header"},this.header),this.message!==void 0&&u("div",{class:"toast-message",innerHTML:C(this.message)})),this.renderButtons(e,"end"))))},Object.defineProperty(a.prototype,"el",{get:function(){return B(this)},enumerable:!0,configurable:!0}),Object.defineProperty(a,"style",{get:function(){return":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;left:0;top:0;display:block;position:absolute;width:100%;height:100%;color:var(--color);font-family:var(--ion-font-family,inherit);contain:strict;z-index:1001;pointer-events:none}:host-context([dir=rtl]){left:unset;right:unset;right:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);left:var(--start);right:var(--end);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}:host-context([dir=rtl]) .toast-wrapper,[dir=rtl] .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}.toast-container{-ms-flex-align:center;align-items:center;pointer-events:auto;contain:content}.toast-container,.toast-content{display:-ms-flexbox;display:flex}.toast-content{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-message{-ms-flex:1;flex:1;white-space:pre-wrap}.toast-button-group{display:-ms-flexbox;display:flex}.toast-button{outline:none;color:var(--button-color);z-index:0}.toast-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover:hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-50,#f2f2f2);--border-radius:14px;--button-color:var(--ion-color-primary,#3880ff);--color:var(--ion-color-step-850,#262626);--max-width:700px;--start:10px;--end:10px;font-size:14px}.toast-wrapper{margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.toast-wrapper{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb,255,255,255),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast-wrapper.toast-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);top:0}.toast-wrapper.toast-middle{opacity:.01}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);bottom:0}.toast-content{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.toast-content{padding-left:unset;padding-right:unset;-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px}}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;height:44px;-webkit-transition:background-color,opacity .1s linear;transition:background-color,opacity .1s linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:17px;font-weight:500;overflow:hidden}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.toast-button{padding-left:unset;padding-right:unset;-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px}}.toast-button.activated{opacity:.4}@media (any-hover:hover){.toast-button:hover{opacity:.6}}"},enumerable:!0,configurable:!0}),a}(),Y=function(a){var n;return Object.assign((n={"toast-button":!0,"toast-button-icon-only":a.icon!==void 0&&a.text===void 0},n["toast-button-"+a.role]=a.role!==void 0,n["ion-focusable"]=!0,n["ion-activatable"]=!0,n),m(a.cssClass))};export{L as ion_toast};