UNPKG

@tindtechnologies/universalviewer

Version:

The Universal Viewer is a community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎

1 lines 17.3 kB
"use strict";(self.webpackChunkUV=self.webpackChunkUV||[]).push([[619],{619:(t,e,i)=>{i.r(e),i.d(e,{ion_picker:()=>u});var r=i(5873),n=i(636),o=i(1178),a=i(6653),c=function(t){var e=(0,a.c)(),i=(0,a.c)(),r=(0,a.c)();return i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity",.01,.26),r.addElement(t.querySelector(".picker-wrapper")).fromTo("transform","translateY(100%)","translateY(0%)"),e.addElement(t).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([i,r])},s=function(t){var e=(0,a.c)(),i=(0,a.c)(),r=(0,a.c)();return i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity",.26,.01),r.addElement(t.querySelector(".picker-wrapper")).fromTo("transform","translateY(0%)","translateY(100%)"),e.addElement(t).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([i,r])},u=function(){function t(t){var e=this;(0,r.r)(this,t),this.mode=(0,r.f)(this),this.presented=!1,this.keyboardClose=!0,this.buttons=[],this.columns=[],this.duration=0,this.showBackdrop=!0,this.backdropDismiss=!0,this.animated=!0,this.onBackdropTap=function(){var t=e.buttons.find((function(t){return"cancel"===t.role}));t?e.buttonClick(t):e.dismiss()},(0,o.c)(this.el),this.didPresent=(0,r.c)(this,"ionPickerDidPresent",7),this.willPresent=(0,r.c)(this,"ionPickerWillPresent",7),this.willDismiss=(0,r.c)(this,"ionPickerWillDismiss",7),this.didDismiss=(0,r.c)(this,"ionPickerDidDismiss",7)}return t.prototype.present=function(){return t=this,e=void 0,r=function(){var t=this;return function(t,e){var i,r,n,o,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(i)throw new TypeError("Generator is already executing.");for(;a;)try{if(i=1,r&&(n=2&o[0]?r.return:o[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;switch(r=0,n&&(o=[2&o[0],n.value]),o[0]){case 0:case 1:n=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!((n=(n=a.trys).length>0&&n[n.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!n||o[1]>n[0]&&o[1]<n[3])){a.label=o[1];break}if(6===o[0]&&a.label<n[1]){a.label=n[1],n=o;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(o);break}n[2]&&a.ops.pop(),a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t],r=0}finally{i=n=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}}(this,(function(e){switch(e.label){case 0:return[4,(0,o.d)(this,"pickerEnter",c,c,void 0)];case 1:return e.sent(),this.duration>0&&(this.durationTimeout=setTimeout((function(){return t.dismiss()}),this.duration)),[2]}}))},new((i=void 0)||(i=Promise))((function(n,o){function a(t){try{s(r.next(t))}catch(t){o(t)}}function c(t){try{s(r.throw(t))}catch(t){o(t)}}function s(t){t.done?n(t.value):new i((function(e){e(t.value)})).then(a,c)}s((r=r.apply(t,e||[])).next())}));var t,e,i,r},t.prototype.dismiss=function(t,e){return this.durationTimeout&&clearTimeout(this.durationTimeout),(0,o.e)(this,t,e,"pickerLeave",s,s)},t.prototype.onDidDismiss=function(){return(0,o.f)(this.el,"ionPickerDidDismiss")},t.prototype.onWillDismiss=function(){return(0,o.f)(this.el,"ionPickerWillDismiss")},t.prototype.getColumn=function(t){return Promise.resolve(this.columns.find((function(e){return e.name===t})))},t.prototype.buttonClick=function(t){return!1!==(0,o.s)(t.handler,this.getSelected())?this.dismiss():Promise.resolve(!1)},t.prototype.getSelected=function(){var t={};return this.columns.forEach((function(e,i){var r=void 0!==e.selectedIndex?e.options[e.selectedIndex]:void 0;t[e.name]={text:r?r.text:void 0,value:r?r.value:void 0,columnIndex:i}})),t},t.prototype.render=function(){var t,e=this,i=(0,r.f)(this);return(0,r.h)(r.H,{"aria-modal":"true",class:Object.assign((t={},t[i]=!0,t["picker-"+i]=!0,t),(0,n.g)(this.cssClass)),style:{zIndex:""+(2e4+this.overlayIndex)},onIonBackdropTap:this.onBackdropTap},(0,r.h)("ion-backdrop",{visible:this.showBackdrop,tappable:this.backdropDismiss}),(0,r.h)("div",{class:"picker-wrapper",role:"dialog"},(0,r.h)("div",{class:"picker-toolbar"},this.buttons.map((function(t){return(0,r.h)("div",{class:l(t)},(0,r.h)("button",{type:"button",onClick:function(){return e.buttonClick(t)},class:d(t)},t.text))}))),(0,r.h)("div",{class:"picker-columns"},(0,r.h)("div",{class:"picker-above-highlight"}),this.presented&&this.columns.map((function(t){return(0,r.h)("ion-picker-column",{col:t})})),(0,r.h)("div",{class:"picker-below-highlight"}))))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,r.d)(this)},enumerable:!0,configurable:!0}),Object.defineProperty(t,"style",{get:function(){return".sc-ion-picker-ios-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;top:0;display:block;position:absolute;width:100%;height:100%;font-family:var(--ion-font-family,inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}[dir=rtl].sc-ion-picker-ios-h, [dir=rtl] .sc-ion-picker-ios-h{left:unset;right:unset;right:0}.overlay-hidden.sc-ion-picker-ios-h{display:none}.picker-wrapper.sc-ion-picker-ios{border-radius:var(--border-radius);left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;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);contain:strict;overflow:hidden;z-index:10}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.picker-wrapper.sc-ion-picker-ios{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}.picker-toolbar.sc-ion-picker-ios{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-ios{border:0;font-family:inherit}.picker-button.sc-ion-picker-ios:active, .picker-button.sc-ion-picker-ios:focus{outline:none}.picker-columns.sc-ion-picker-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom,0);contain:strict;direction:ltr;overflow:hidden}.picker-above-highlight.sc-ion-picker-ios, .picker-below-highlight.sc-ion-picker-ios{display:none;pointer-events:none}.sc-ion-picker-ios-h{--background:var(--ion-background-color,#fff);--border-width:1px 0 0;--border-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-250,#c8c7cc)));--height:260px;color:var(--ion-item-color,var(--ion-text-color,#000))}.picker-toolbar.sc-ion-picker-ios{display:-ms-flexbox;display:flex;height:44px;border-bottom:.55px solid var(--border-color)}.picker-toolbar-button.sc-ion-picker-ios{-ms-flex:1;flex:1;text-align:end}.picker-toolbar-button.sc-ion-picker-ios:last-child .picker-button.sc-ion-picker-ios{font-weight:600}.picker-toolbar-button.sc-ion-picker-ios:first-child{font-weight:400;text-align:start}.picker-button.sc-ion-picker-ios, .picker-button.activated.sc-ion-picker-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:1em;padding-right:1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary,#3880ff);font-size:16px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.picker-button.sc-ion-picker-ios, .picker-button.activated.sc-ion-picker-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:1em;padding-inline-end:1em}}.picker-columns.sc-ion-picker-ios{height:215px;-webkit-perspective:1000px;perspective:1000px}.picker-above-highlight.sc-ion-picker-ios{left:0;top:0;-webkit-transform:translateZ(90px);transform:translateZ(90px);display:block;position:absolute;width:100%;height:81px;border-bottom:1px solid var(--border-color);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,var(--background,var(--ion-background-color,#fff))),to(rgba(var(--background-rgb,var(--ion-background-color-rgb,255,255,255)),.8)));background:linear-gradient(180deg,var(--background,var(--ion-background-color,#fff)) 20%,rgba(var(--background-rgb,var(--ion-background-color-rgb,255,255,255)),.8));z-index:10}[dir=rtl].sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios, [dir=rtl] .sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios, [dir=rtl].sc-ion-picker-ios .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}.picker-below-highlight.sc-ion-picker-ios{left:0;top:115px;-webkit-transform:translateZ(90px);transform:translateZ(90px);display:block;position:absolute;width:100%;height:119px;border-top:1px solid var(--border-color);background:-webkit-gradient(linear,left bottom,left top,color-stop(30%,var(--background,var(--ion-background-color,#fff))),to(rgba(var(--background-rgb,var(--ion-background-color-rgb,255,255,255)),.8)));background:linear-gradient(0deg,var(--background,var(--ion-background-color,#fff)) 30%,rgba(var(--background-rgb,var(--ion-background-color-rgb,255,255,255)),.8));z-index:11}[dir=rtl].sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios, [dir=rtl] .sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios, [dir=rtl].sc-ion-picker-ios .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}"},enumerable:!0,configurable:!0}),t}(),l=function(t){var e;return(e={})["picker-toolbar-"+t.role]=void 0!==t.role,e["picker-toolbar-button"]=!0,e},d=function(t){return Object.assign({"picker-button":!0,"ion-activatable":!0},(0,n.g)(t.cssClass))}},1178:(t,e,i)=>{i.d(e,{B:()=>z,a:()=>l,b:()=>u,c:()=>f,d:()=>v,e:()=>g,f:()=>x,g:()=>h,h:()=>m,i:()=>E,j:()=>k,k:()=>d,p:()=>p,s:()=>T});var r=i(5873),n=function(t,e,i,r){return new(i||(i=Promise))((function(n,o){function a(t){try{s(r.next(t))}catch(t){o(t)}}function c(t){try{s(r.throw(t))}catch(t){o(t)}}function s(t){t.done?n(t.value):new i((function(e){e(t.value)})).then(a,c)}s((r=r.apply(t,e||[])).next())}))},o=function(t,e){var i,r,n,o,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(i)throw new TypeError("Generator is already executing.");for(;a;)try{if(i=1,r&&(n=2&o[0]?r.return:o[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;switch(r=0,n&&(o=[2&o[0],n.value]),o[0]){case 0:case 1:n=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!((n=(n=a.trys).length>0&&n[n.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!n||o[1]>n[0]&&o[1]<n[3])){a.label=o[1];break}if(6===o[0]&&a.label<n[1]){a.label=n[1],n=o;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(o);break}n[2]&&a.ops.pop(),a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t],r=0}finally{i=n=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}},a=void 0,c=0,s=function(t){return{create:function(e){return h(t,e)},dismiss:function(e,i,r){return m(document,e,i,t,r)},getTop:function(){return n(this,void 0,void 0,(function(){return o(this,(function(e){return[2,k(document,t)]}))}))}}},u=s("ion-alert"),l=s("ion-action-sheet"),d=s("ion-picker"),p=s("ion-popover"),f=function(t){var e=document;b(e);var i=c++;t.overlayIndex=i,t.hasAttribute("id")||(t.id="ion-overlay-"+i)},h=function(t,e){return customElements.whenDefined(t).then((function(){var i=document,r=i.createElement(t);return r.classList.add("overlay-hidden"),Object.assign(r,e),y(i).appendChild(r),r.componentOnReady()}))},b=function(t){0===c&&(c=1,t.addEventListener("focusin",(function(e){var i=k(t);if(i&&i.backdropDismiss&&!P(i,e.target)){var r=i.querySelector("input,button");r&&r.focus()}})),t.addEventListener("ionBackButton",(function(e){var i=k(t);i&&i.backdropDismiss&&e.detail.register(100,(function(){return i.dismiss(void 0,z)}))})),t.addEventListener("keyup",(function(e){if("Escape"===e.key){var i=k(t);i&&i.backdropDismiss&&i.dismiss(void 0,z)}})))},m=function(t,e,i,r,n){var o=k(t,r,n);return o?o.dismiss(e,i):Promise.reject("overlay does not exist")},k=function(t,e,i){var r=function(t,e){return void 0===e&&(e="ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover,ion-toast"),Array.from(t.querySelectorAll(e)).filter((function(t){return t.overlayIndex>0}))}(t,e);return void 0===i?r[r.length-1]:r.find((function(t){return t.id===i}))},v=function(t,e,i,c,s){return n(a,void 0,void 0,(function(){var n;return o(this,(function(o){switch(o.label){case 0:return t.presented?[2]:(t.presented=!0,t.willPresent.emit(),n=t.enterAnimation?t.enterAnimation:r.i.get(e,"ios"===t.mode?i:c),[4,w(t,n,t.el,s)]);case 1:return o.sent()&&t.didPresent.emit(),[2]}}))}))},g=function(t,e,i,c,s,u,l){return n(a,void 0,void 0,(function(){var n,a;return o(this,(function(o){switch(o.label){case 0:if(!t.presented)return[2,!1];t.presented=!1,o.label=1;case 1:return o.trys.push([1,3,,4]),t.willDismiss.emit({data:e,role:i}),n=t.leaveAnimation?t.leaveAnimation:r.i.get(c,"ios"===t.mode?s:u),[4,w(t,n,t.el,l)];case 2:return o.sent(),t.didDismiss.emit({data:e,role:i}),[3,4];case 3:return a=o.sent(),console.error(a),[3,4];case 4:return t.el.remove(),[2,!0]}}))}))},y=function(t){return t.querySelector("ion-app")||t.body},w=function(t,e,c,s){return n(a,void 0,void 0,(function(){var n,a,u,l,d;return o(this,(function(o){switch(o.label){case 0:if(t.animation)return t.animation.destroy(),t.animation=void 0,[2,!1];c.classList.remove("overlay-hidden"),n=c.shadowRoot||t.el,u=!0,o.label=1;case 1:return o.trys.push([1,4,,5]),[4,i.e(1605).then(i.bind(i,1605))];case 2:return[4,o.sent().create(e,n,s)];case 3:return a=o.sent(),[3,5];case 4:return o.sent(),(a=e(n,s)).fill("both"),u=!1,[3,5];case 5:return t.animation=a,t.animated&&r.i.getBoolean("animated",!0)||a.duration(0),t.keyboardClose&&a.beforeAddWrite((function(){var t=c.ownerDocument.activeElement;t&&t.matches("input, ion-input, ion-textarea")&&t.blur()})),[4,a.playAsync()];case 6:return l=o.sent(),d=void 0===l||a.hasCompleted,u&&a.destroy(),t.animation=void 0,[2,d]}}))}))},x=function(t,e){var i,r=new Promise((function(t){return i=t}));return D(t,e,(function(t){i(t.detail)})),r},D=function(t,e,i){var r=function(n){t.removeEventListener(e,r),i(n)};t.addEventListener(e,r)},E=function(t){return"cancel"===t||t===z},P=function(t,e){for(;e;){if(e===t)return!0;e=e.parentElement}return!1},S=function(t){return t()},T=function(t,e){if("function"==typeof t)return r.i.get("_zoneGate",S)((function(){try{return t(e)}catch(t){console.error(t)}}))},z="backdrop"},636:(t,e,i)=>{i.d(e,{c:()=>n,g:()=>o,h:()=>r,o:()=>c});var r=function(t,e){return null!==e.closest(t)},n=function(t){var e;return"string"==typeof t&&t.length>0?((e={"ion-color":!0})["ion-color-"+t]=!0,e):void 0},o=function(t){var e={};return function(t){return void 0!==t?(Array.isArray(t)?t:t.split(" ")).filter((function(t){return null!=t})).map((function(t){return t.trim()})).filter((function(t){return""!==t})):[]}(t).forEach((function(t){return e[t]=!0})),e},a=/^[a-z][a-z0-9+\-.]*:/,c=function(t,e,i){return r=void 0,n=void 0,c=function(){var r;return function(t,e){var i,r,n,o,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(i)throw new TypeError("Generator is already executing.");for(;a;)try{if(i=1,r&&(n=2&o[0]?r.return:o[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;switch(r=0,n&&(o=[2&o[0],n.value]),o[0]){case 0:case 1:n=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!((n=(n=a.trys).length>0&&n[n.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!n||o[1]>n[0]&&o[1]<n[3])){a.label=o[1];break}if(6===o[0]&&a.label<n[1]){a.label=n[1],n=o;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(o);break}n[2]&&a.ops.pop(),a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t],r=0}finally{i=n=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}}(this,(function(n){return null!=t&&"#"!==t[0]&&!a.test(t)&&(r=document.querySelector("ion-router"))?(null!=e&&e.preventDefault(),[2,r.push(t,i)]):[2,!1]}))},new((o=void 0)||(o=Promise))((function(t,e){function i(t){try{s(c.next(t))}catch(t){e(t)}}function a(t){try{s(c.throw(t))}catch(t){e(t)}}function s(e){e.done?t(e.value):new o((function(t){t(e.value)})).then(i,a)}s((c=c.apply(r,n||[])).next())}));var r,n,o,c}}}]);