@tindtechnologies/universalviewer/dist/esm/ion-picker-ios.entry-Y4AAQQU5.js

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

import{a as l}from"./chunk-47FI7OS3.js";import{c as b}from"./chunk-Y2TXPXZV.js";import{e as m,i as g,j as v,k as f,m as w}from"./chunk-LE3CSG7S.js";import"./chunk-4DAZ7WDM.js";import{a as x,e as s,f as y,i as h,l as D,o as k}from"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var C=function(o,e,i,a){return new(i||(i=Promise))(function(n,r){function d(t){try{p(a.next(t))}catch(c){r(c)}}function u(t){try{p(a.throw(t))}catch(c){r(c)}}function p(t){t.done?n(t.value):new i(function(c){c(t.value)}).then(d,u)}p((a=a.apply(o,e||[])).next())})},T=function(o,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,d;return d={next:u(0),throw:u(1),return:u(2)},typeof Symbol=="function"&&(d[Symbol.iterator]=function(){return this}),d;function u(t){return function(c){return p([t,c])}}function p(t){if(a)throw new TypeError("Generator is already executing.");for(;i;)try{if(a=1,n&&(r=t[0]&2?n.return:t[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,t[1])).done)return r;switch(n=0,r&&(t=[t[0]&2,r.value]),t[0]){case 0:case 1:r=t;break;case 4:return i.label++,{value:t[1],done:!1};case 5:i.label++,n=t[1],t=[0];continue;case 7:t=i.ops.pop(),i.trys.pop();continue;default:if(r=i.trys,!(r=r.length>0&&r[r.length-1])&&(t[0]===6||t[0]===2)){i=0;continue}if(t[0]===3&&(!r||t[1]>r[0]&&t[1]<r[3])){i.label=t[1];break}if(t[0]===6&&i.label<r[1]){i.label=r[1],r=t;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(t);break}r[2]&&i.ops.pop(),i.trys.pop();continue}t=e.call(o,i)}catch(c){t=[6,c],n=0}finally{a=r=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}},_=function(o){var e=l(),i=l(),a=l();return i.addElement(o.querySelector("ion-backdrop")).fromTo("opacity",.01,.26),a.addElement(o.querySelector(".picker-wrapper")).fromTo("transform","translateY(100%)","translateY(0%)"),e.addElement(o).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([i,a])},P=function(o){var e=l(),i=l(),a=l();return i.addElement(o.querySelector("ion-backdrop")).fromTo("opacity",.26,.01),a.addElement(o.querySelector(".picker-wrapper")).fromTo("transform","translateY(0%)","translateY(100%)"),e.addElement(o).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([i,a])},O=function(){function o(e){var i=this;x(this,e),this.mode=k(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 a=i.buttons.find(function(n){return n.role==="cancel"});a?i.buttonClick(a):i.dismiss()},m(this.el),this.didPresent=h(this,"ionPickerDidPresent",7),this.willPresent=h(this,"ionPickerWillPresent",7),this.willDismiss=h(this,"ionPickerWillDismiss",7),this.didDismiss=h(this,"ionPickerDidDismiss",7)}return o.prototype.present=function(){return C(this,void 0,void 0,function(){var e=this;return T(this,function(i){switch(i.label){case 0:return[4,g(this,"pickerEnter",_,_,void 0)];case 1:return i.sent(),this.duration>0&&(this.durationTimeout=setTimeout(function(){return e.dismiss()},this.duration)),[2]}})})},o.prototype.dismiss=function(e,i){return this.durationTimeout&&clearTimeout(this.durationTimeout),v(this,e,i,"pickerLeave",P,P)},o.prototype.onDidDismiss=function(){return f(this.el,"ionPickerDidDismiss")},o.prototype.onWillDismiss=function(){return f(this.el,"ionPickerWillDismiss")},o.prototype.getColumn=function(e){return Promise.resolve(this.columns.find(function(i){return i.name===e}))},o.prototype.buttonClick=function(e){var i=w(e.handler,this.getSelected())!==!1;return i?this.dismiss():Promise.resolve(!1)},o.prototype.getSelected=function(){var e={};return this.columns.forEach(function(i,a){var n=i.selectedIndex!==void 0?i.options[i.selectedIndex]:void 0;e[i.name]={text:n?n.text:void 0,value:n?n.value:void 0,columnIndex:a}}),e},o.prototype.render=function(){var e,i=this,a=k(this);return s(y,{"aria-modal":"true",class:Object.assign((e={},e[a]=!0,e["picker-"+a]=!0,e),b(this.cssClass)),style:{zIndex:""+(2e4+this.overlayIndex)},onIonBackdropTap:this.onBackdropTap},s("ion-backdrop",{visible:this.showBackdrop,tappable:this.backdropDismiss}),s("div",{class:"picker-wrapper",role:"dialog"},s("div",{class:"picker-toolbar"},this.buttons.map(function(n){return s("div",{class:z(n)},s("button",{type:"button",onClick:function(){return i.buttonClick(n)},class:A(n)},n.text))})),s("div",{class:"picker-columns"},s("div",{class:"picker-above-highlight"}),this.presented&&this.columns.map(function(n){return s("ion-picker-column",{col:n})}),s("div",{class:"picker-below-highlight"}))))},Object.defineProperty(o.prototype,"el",{get:function(){return D(this)},enumerable:!0,configurable:!0}),Object.defineProperty(o,"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}),o}(),z=function(o){var e;return e={},e["picker-toolbar-"+o.role]=o.role!==void 0,e["picker-toolbar-button"]=!0,e},A=function(o){return Object.assign({"picker-button":!0,"ion-activatable":!0},b(o.cssClass))};export{O as ion_picker};