UNPKG

@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) 8.82 kB
import{i as c}from"./chunk-4DAZ7WDM.js";import{a as m,e as g,f as v,i as y,l as b,o as O}from"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var p=function(o,i,t,s){return new(t||(t=Promise))(function(r,e){function a(n){try{l(s.next(n))}catch(d){e(d)}}function h(n){try{l(s.throw(n))}catch(d){e(d)}}function l(n){n.done?r(n.value):new t(function(d){d(n.value)}).then(a,h)}l((s=s.apply(o,i||[])).next())})},f=function(o,i){var t={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},s,r,e,a;return a={next:h(0),throw:h(1),return:h(2)},typeof Symbol=="function"&&(a[Symbol.iterator]=function(){return this}),a;function h(n){return function(d){return l([n,d])}}function l(n){if(s)throw new TypeError("Generator is already executing.");for(;t;)try{if(s=1,r&&(e=n[0]&2?r.return:n[0]?r.throw||((e=r.return)&&e.call(r),0):r.next)&&!(e=e.call(r,n[1])).done)return e;switch(r=0,e&&(n=[n[0]&2,e.value]),n[0]){case 0:case 1:e=n;break;case 4:return t.label++,{value:n[1],done:!1};case 5:t.label++,r=n[1],n=[0];continue;case 7:n=t.ops.pop(),t.trys.pop();continue;default:if(e=t.trys,!(e=e.length>0&&e[e.length-1])&&(n[0]===6||n[0]===2)){t=0;continue}if(n[0]===3&&(!e||n[1]>e[0]&&n[1]<e[3])){t.label=n[1];break}if(n[0]===6&&t.label<e[1]){t.label=e[1],e=n;break}if(e&&t.label<e[2]){t.label=e[2],t.ops.push(n);break}e[2]&&t.ops.pop(),t.trys.pop();continue}n=i.call(o,t)}catch(d){n=[6,d],r=0}finally{s=e=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}},S=30,w=.55,u,k=function(){function o(i){m(this,i),this.item=null,this.openAmount=0,this.initialOpenAmount=0,this.optsWidthRightSide=0,this.optsWidthLeftSide=0,this.sides=0,this.optsDirty=!0,this.state=2,this.disabled=!1,this.ionDrag=y(this,"ionDrag",7)}return o.prototype.disabledChanged=function(){this.gesture&&this.gesture.setDisabled(this.disabled)},o.prototype.connectedCallback=function(){return p(this,void 0,void 0,function(){var i,t=this;return f(this,function(s){switch(s.label){case 0:return this.item=this.el.querySelector("ion-item"),[4,this.updateOptions()];case 1:return s.sent(),i=this,[4,import("./index-14bae62d-RHNU7WUM.js")];case 2:return i.gesture=s.sent().createGesture({el:this.el,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:function(){return t.canStart()},onStart:function(){return t.onStart()},onMove:function(r){return t.onMove(r)},onEnd:function(r){return t.onEnd(r)}}),this.disabledChanged(),[2]}})})},o.prototype.disconnectedCallback=function(){this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.item=null,this.leftOptions=this.rightOptions=void 0,u===this.el&&(u=void 0)},o.prototype.getOpenAmount=function(){return Promise.resolve(this.openAmount)},o.prototype.getSlidingRatio=function(){return Promise.resolve(this.getSlidingRatioSync())},o.prototype.open=function(i){return p(this,void 0,void 0,function(){var t,s,r,e=this;return f(this,function(a){return this.item===null?[2]:(t=this.getOptions(i),t?(i===void 0&&(i=t===this.leftOptions?"start":"end"),i=c(i)?"end":"start",s=this.openAmount<0,r=this.openAmount>0,s&&t===this.leftOptions?[2]:r&&t===this.rightOptions?[2]:(this.closeOpened(),this.state=4,requestAnimationFrame(function(){e.calculateOptsWidth();var h=i==="end"?e.optsWidthRightSide:-e.optsWidthLeftSide;u=e.el,e.setOpenAmount(h,!1),e.state=i==="end"?8:16}),[2])):[2])})})},o.prototype.close=function(){return p(this,void 0,void 0,function(){return f(this,function(i){return this.setOpenAmount(0,!0),[2]})})},o.prototype.closeOpened=function(){return p(this,void 0,void 0,function(){return f(this,function(i){return u!==void 0?(u.close(),u=void 0,[2,!0]):[2,!1]})})},o.prototype.getOptions=function(i){return i===void 0?this.leftOptions||this.rightOptions:i==="start"?this.leftOptions:this.rightOptions},o.prototype.updateOptions=function(){return p(this,void 0,void 0,function(){var i,t,s,r,e;return f(this,function(a){switch(a.label){case 0:i=this.el.querySelectorAll("ion-item-options"),t=0,this.leftOptions=this.rightOptions=void 0,s=0,a.label=1;case 1:return s<i.length?[4,i.item(s).componentOnReady()]:[3,4];case 2:r=a.sent(),e=c(r.side)?"end":"start",e==="start"?(this.leftOptions=r,t|=1):(this.rightOptions=r,t|=2),a.label=3;case 3:return s++,[3,1];case 4:return this.optsDirty=!0,this.sides=t,[2]}})})},o.prototype.canStart=function(){var i=u;return i&&i!==this.el?(this.closeOpened(),!1):!!(this.rightOptions||this.leftOptions)},o.prototype.onStart=function(){u=this.el,this.tmr!==void 0&&(clearTimeout(this.tmr),this.tmr=void 0),this.openAmount===0&&(this.optsDirty=!0,this.state=4),this.initialOpenAmount=this.openAmount,this.item&&(this.item.style.transition="none")},o.prototype.onMove=function(i){this.optsDirty&&this.calculateOptsWidth();var t=this.initialOpenAmount-i.deltaX;switch(this.sides){case 2:t=Math.max(0,t);break;case 1:t=Math.min(0,t);break;case 3:break;case 0:return;default:console.warn("invalid ItemSideFlags value",this.sides);break}var s;t>this.optsWidthRightSide?(s=this.optsWidthRightSide,t=s+(t-s)*w):t<-this.optsWidthLeftSide&&(s=-this.optsWidthLeftSide,t=s+(t-s)*w),this.setOpenAmount(t,!1)},o.prototype.onEnd=function(i){var t=i.velocityX,s=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide,r=this.openAmount>0==!(t<0),e=Math.abs(t)>.3,a=Math.abs(this.openAmount)<Math.abs(s/2);W(r,e,a)&&(s=0);var h=this.state;this.setOpenAmount(s,!0),(h&32)!==0&&this.rightOptions?this.rightOptions.fireSwipeEvent():(h&64)!==0&&this.leftOptions&&this.leftOptions.fireSwipeEvent()},o.prototype.calculateOptsWidth=function(){this.optsWidthRightSide=0,this.rightOptions&&(this.rightOptions.style.display="flex",this.optsWidthRightSide=this.rightOptions.offsetWidth,this.rightOptions.style.display=""),this.optsWidthLeftSide=0,this.leftOptions&&(this.leftOptions.style.display="flex",this.optsWidthLeftSide=this.leftOptions.offsetWidth,this.leftOptions.style.display=""),this.optsDirty=!1},o.prototype.setOpenAmount=function(i,t){var s=this;if(this.tmr!==void 0&&(clearTimeout(this.tmr),this.tmr=void 0),!!this.item){var r=this.item.style;if(this.openAmount=i,t&&(r.transition=""),i>0)this.state=i>=this.optsWidthRightSide+S?40:8;else if(i<0)this.state=i<=-this.optsWidthLeftSide-S?80:16;else{this.tmr=setTimeout(function(){s.state=2,s.tmr=void 0},600),u=void 0,r.transform="";return}r.transform="translate3d("+-i+"px,0,0)",this.ionDrag.emit({amount:i,ratio:this.getSlidingRatioSync()})}},o.prototype.getSlidingRatioSync=function(){return this.openAmount>0?this.openAmount/this.optsWidthRightSide:this.openAmount<0?this.openAmount/this.optsWidthLeftSide:0},o.prototype.render=function(){var i,t=O(this);return g(v,{class:(i={},i[t]=!0,i["item-sliding-active-slide"]=this.state!==2,i["item-sliding-active-options-end"]=(this.state&8)!==0,i["item-sliding-active-options-start"]=(this.state&16)!==0,i["item-sliding-active-swipe-end"]=(this.state&32)!==0,i["item-sliding-active-swipe-start"]=(this.state&64)!==0,i)})},Object.defineProperty(o.prototype,"el",{get:function(){return b(this)},enumerable:!0,configurable:!0}),Object.defineProperty(o,"watchers",{get:function(){return{disabled:["disabledChanged"]}},enumerable:!0,configurable:!0}),Object.defineProperty(o,"style",{get:function(){return"ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden}ion-item-sliding,ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-active-slide .item{position:relative;-webkit-transition:-webkit-transform .5s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .5s cubic-bezier(.36,.66,.04,1);transition:transform .5s cubic-bezier(.36,.66,.04,1);transition:transform .5s cubic-bezier(.36,.66,.04,1),-webkit-transform .5s cubic-bezier(.36,.66,.04,1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:padding-left;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable,[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:padding-right;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable,[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}"},enumerable:!0,configurable:!0}),o}(),W=function(o,i,t){return!i&&t||o&&i};export{k as ion_item_sliding};