@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.6 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 g,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 b=function(i,n,t,r){return new(t||(t=Promise))(function(o,e){function l(a){try{d(r.next(a))}catch(c){e(c)}}function s(a){try{d(r.throw(a))}catch(c){e(c)}}function d(a){a.done?o(a.value):new t(function(c){c(a.value)}).then(l,s)}d((r=r.apply(i,n||[])).next())})},v=function(i,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(a){return function(c){return d([a,c])}}function d(a){if(r)throw new TypeError("Generator is already executing.");for(;t;)try{if(r=1,o&&(e=a[0]&2?o.return:a[0]?o.throw||((e=o.return)&&e.call(o),0):o.next)&&!(e=e.call(o,a[1])).done)return e;switch(o=0,e&&(a=[a[0]&2,e.value]),a[0]){case 0:case 1:e=a;break;case 4:return t.label++,{value:a[1],done:!1};case 5:t.label++,o=a[1],a=[0];continue;case 7:a=t.ops.pop(),t.trys.pop();continue;default:if(e=t.trys,!(e=e.length>0&&e[e.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!e||a[1]>e[0]&&a[1]<e[3])){t.label=a[1];break}if(a[0]===6&&t.label<e[1]){t.label=e[1],e=a;break}if(e&&t.label<e[2]){t.label=e[2],t.ops.push(a);break}e[2]&&t.ops.pop(),t.trys.pop();continue}a=n.call(i,t)}catch(c){a=[6,c],o=0}finally{r=e=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}},_=function(i,n){var t=p(),r=p(),o=i.host||i,e=i.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(i,n){var t=p(),r=p(),o=i.host||i,e=i.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(i,n){var t=p(),r=p(),o=i.host||i,e=i.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(i){var n=p(),t=p(),r=i.host||i,o=i.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 i(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 i.prototype.present=function(){return b(this,void 0,void 0,function(){var n=this;return v(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]}})})},i.prototype.dismiss=function(n,t){return this.durationTimeout&&clearTimeout(this.durationTimeout),k(this,n,t,"toastLeave",z,O,this.position)},i.prototype.onDidDismiss=function(){return g(this.el,"ionToastDidDismiss")},i.prototype.onWillDismiss=function(){return g(this.el,"ionToastWillDismiss")},i.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},i.prototype.buttonClick=function(n){return b(this,void 0,void 0,function(){var t,r;return v(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()]}})})},i.prototype.callButtonHandler=function(n){return b(this,void 0,void 0,function(){var t,r;return v(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]}})})},i.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"}))}))}},i.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(i.prototype,"el",{get:function(){return B(this)},enumerable:!0,configurable:!0}),Object.defineProperty(i,"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{border:0;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-800,#333);--border-radius:4px;--box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);--button-color:var(--ion-color-primary,#3880ff);--color:var(--ion-color-step-50,#f2f2f2);--max-width:700px;--start:8px;--end:8px;font-size:14px}.toast-wrapper{margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;opacity:.01;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}}.toast-content{padding-left:16px;padding-right:16px;padding-top:14px;padding-bottom:14px}@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:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}.toast-header{margin-bottom:2px;font-weight:500}.toast-header,.toast-message{line-height:20px}.toast-button-group-start{margin-left:8px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.toast-button-group-start{margin-left:unset;-webkit-margin-start:8px;margin-inline-start:8px}}.toast-button-group-end{margin-right:8px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.toast-button-group-end{margin-right:unset;-webkit-margin-end:8px;margin-inline-end:8px}}.toast-button{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;font-family:var(--ion-font-family);font-size:14px;font-weight:500;letter-spacing:.84px;text-transform:uppercase;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-cancel{color:var(--ion-color-step-100,#e6e6e6)}.toast-button-icon-only{border-radius:50%;padding-left:9px;padding-right:9px;padding-top:9px;padding-bottom:9px;width:36px;height:36px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.toast-button-icon-only{padding-left:unset;padding-right:unset;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px}}@media (any-hover:hover){.toast-button:hover{background-color:rgba(var(--ion-color-primary-rgb,56,128,255),.08)}.toast-button-cancel:hover{background-color:rgba(var(--ion-background-color-rgb,255,255,255),.08)}}"},enumerable:!0,configurable:!0}),i}(),Y=function(i){var n;return Object.assign((n={"toast-button":!0,"toast-button-icon-only":i.icon!==void 0&&i.text===void 0},n["toast-button-"+i.role]=i.role!==void 0,n["ion-focusable"]=!0,n["ion-activatable"]=!0,n),m(i.cssClass))};export{L as ion_toast};