@takuma-ru/vue-swipe-modal - npm Package Compare versions

Comparing version 4.0.0-alpha.7 to 4.0.0-alpha.8

dist/swipe-modal.cjs.js

@@ -1,1 +0,1 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".hello{color:gray}:root{--contents-height: 30vh;--contents-bottom-position: 0%}.swipe-modal-takumaru-vue-swipe-modal{position:fixed;scrollbar-width:none;z-index:15}.swipe-modal-takumaru-vue-swipe-modal .modal-background{position:fixed;z-index:11;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)}.swipe-modal-takumaru-vue-swipe-modal .modal-contents{position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translate(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0px 16px 40px rgba(0,37,80,.2))}.swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0px}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip-wrapper{z-index:12;display:flex;justify-items:center;align-items:center;justify-content:center;align-content:center;position:relative;top:0px;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color: #c8c8c8;width:40px;height:100%;border-radius:4px;background-color:var(--tip-color)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-from{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-from{opacity:1}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-to{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-from{bottom:calc(-1 * var(--contents-height))!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-active{transition:all .3s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-from{bottom:var(--contents-bottom-position)!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-active{transition:all .25s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-to{bottom:calc(-1 * var(--contents-height))!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var t=require("vue-demi"),k;const I=typeof window!="undefined",W=e=>typeof e=="function",h=e=>typeof e=="number",$=(e,a,r)=>Math.min(r,Math.max(a,e)),P=()=>{},T=(e,a)=>(e=Math.ceil(e),a=Math.floor(a),Math.floor(Math.random()*(a-e+1))+e);I&&((k=window==null?void 0:window.navigator)==null?void 0:k.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function Q(e){return e}function R(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function x(e,a,r={}){const{immediate:i=!0}=r,u=t.ref(!1);let l=null;function f(){l&&(clearTimeout(l),l=null)}function p(){u.value=!1,f()}function v(...c){f(),u.value=!0,l=setTimeout(()=>{u.value=!1,l=null,e(...c)},t.unref(a))}return i&&(u.value=!0,I&&v()),R(p),{isPending:u,start:v,stop:p}}const G=I?window:void 0,O=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},C="__vueuse_ssr_handlers__";O[C]=O[C]||{};O[C];function H(e,a={}){const{immediate:r=!0,window:i=G}=a,u=t.ref(!1);let l=null;function f(){!u.value||!i||(e(),l=i.requestAnimationFrame(f))}function p(){!u.value&&i&&(u.value=!0,f())}function v(){u.value=!1,l!=null&&i&&(i.cancelAnimationFrame(l),l=null)}return r&&p(),R(v),{isActive:u,pause:v,resume:p}}var B;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(B||(B={}));const L={linear:Q,easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]};function X([e,a,r,i]){const u=(o,n)=>1-3*n+3*o,l=(o,n)=>3*n-6*o,f=o=>3*o,p=(o,n,s)=>((u(n,s)*o+l(n,s))*o+f(n))*o,v=(o,n,s)=>3*u(n,s)*o*o+2*l(n,s)*o+f(n),c=o=>{let n=o;for(let s=0;s<4;++s){const m=v(n,e,r);if(m===0)return n;n-=(p(n,e,r)-o)/m}return n};return o=>e===a&&r===i?o:p(c(o),a,i)}function F(e,a={}){const{delay:r=0,disabled:i=!1,duration:u=1e3,onFinished:l=P,onStarted:f=P,transition:p=Q}=a,v=t.computed(()=>{const d=t.unref(p);return W(d)?d:X(d)}),c=t.computed(()=>{const d=t.unref(e);return h(d)?d:d.map(t.unref)}),o=t.computed(()=>h(c.value)?[c.value]:c.value),n=t.ref(o.value.slice(0));let s,m,g,M,S;const{resume:A,pause:V}=H(()=>{const d=Date.now(),y=$(1-(g-d)/s,0,1);n.value=S.map((w,b)=>{var _;return w+((_=m[b])!=null?_:0)*v.value(y)}),y>=1&&(V(),l())},{immediate:!1}),E=()=>{V(),s=t.unref(u),m=n.value.map((d,y)=>{var w,b;return((w=o.value[y])!=null?w:0)-((b=n.value[y])!=null?b:0)}),S=n.value.slice(0),M=Date.now(),g=M+s,A(),f()},D=x(E,r,{immediate:!1});return t.watch(o,()=>{t.unref(i)?n.value=o.value.slice(0):t.unref(r)<=0?E():D.start()},{deep:!0}),t.computed(()=>{const d=t.unref(i)?o:n;return h(c.value)?d.value[0]:d.value})}const q=()=>({touchPosition:t.ref({isTouch:!1,x:0,y:0})});function U(){return{mousePosition:t.ref({isMouseDown:!1,x:0,y:0})}}t.install();var N=t.defineComponent({name:"swipeModal",model:{prop:"modelValue",event:"update:modelValue"},props:{modelValue:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},backgroundColor:{type:String,default:"#80808080"},fullscreen:{type:Boolean,default:!1},noTip:{type:Boolean,default:!1},contentsWidth:{type:String,default:"100%"},contentsHeight:{type:String,default:"30vh"},borderTopRadius:{type:String,default:null},borderTopLeftRadius:{type:String,default:"0px"},borderTopRightRadius:{type:String,default:"0px"},contentsColor:{type:String,default:"white"},tipColor:{type:String,default:"#c8c8c8"},darkContentsColor:{type:String,default:"#1E1E1E"}},emits:["update:modelValue"],setup(e,a){const r=t.ref(0);F(r,{duration:1e3,transition:[.75,0,.25,1]});const i=t.ref([0,0,0]),u=F(i,{duration:500,transition:L.easeInCubic}),l=t.computed(()=>{const[s,m,g]=u.value;return`rgb(${s},${m},${g})`}),f=()=>{r.value=r.value===100?0:100,i.value=[T(0,255),T(0,255),T(0,255)]},{mousePosition:p}=U(),{touchPosition:v}=q(),c=t.toRefs(e),o=()=>{f()},n=()=>{p.value.isMouseDown=!1,v.value.isTouch=!1,document.documentElement.style.overflowY="auto",a.emit("update:modelValue",!1)};return t.watch(c.modelValue,()=>{console.log(c.modelValue.value),c.modelValue.value?o():n()}),t.onBeforeMount(async()=>{}),t.onMounted(async()=>{console.log("mounted")}),()=>{var s,m;return t.h("div",{class:"swipe-modal-takumaru-vue-swipe-modal"},[c.modelValue.value?t.h("div",{class:"modal-background",style:{backgroundColor:l.value},on:{click:()=>c.persistent.value?()=>null:n()},onClick:()=>{c.persistent.value||n()}}):null,c.modelValue.value?t.h("div",{class:"modal-contents",style:{backgroundColor:e.contentsColor,width:e.contentsWidth}},(m=(s=a.slots).default)==null?void 0:m.call(s)):null])}}});exports.default=N;exports.swipeModal=N;
+(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".hello{color:gray}:root{--contents-height: 30vh;--contents-bottom-position: 0%}.swipe-modal-takumaru-vue-swipe-modal{position:fixed;scrollbar-width:none;z-index:15}.swipe-modal-takumaru-vue-swipe-modal .modal-background{position:fixed;z-index:11;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)}.swipe-modal-takumaru-vue-swipe-modal .modal-contents{position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translate(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0px 16px 40px rgba(0,37,80,.2))}.swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0px}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip-wrapper{z-index:12;display:flex;justify-items:center;align-items:center;justify-content:center;align-content:center;position:relative;top:0px;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color: #c8c8c8;width:40px;height:100%;border-radius:4px;background-color:var(--tip-color)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-from{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-from{opacity:1}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-to{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-from{bottom:calc(-1 * var(--contents-height))!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-active{transition:all .3s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-from{bottom:var(--contents-bottom-position)!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-active{transition:all .25s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-to{bottom:calc(-1 * var(--contents-height))!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var o=require("vue-demi"),E;const k=typeof window!="undefined",N=n=>typeof n=="function",h=n=>typeof n=="number",O=(n,c,r)=>Math.min(r,Math.max(c,n)),P=()=>{};k&&((E=window==null?void 0:window.navigator)==null?void 0:E.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function W(n){return n}function R(n){return o.getCurrentScope()?(o.onScopeDispose(n),!0):!1}function $(n,c,r={}){const{immediate:s=!0}=r,e=o.ref(!1);let u=null;function i(){u&&(clearTimeout(u),u=null)}function f(){e.value=!1,i()}function v(...p){i(),e.value=!0,u=setTimeout(()=>{e.value=!1,u=null,n(...p)},o.unref(c))}return s&&(e.value=!0,k&&v()),R(f),{isPending:e,start:v,stop:f}}const G=k?window:void 0,C=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},T="__vueuse_ssr_handlers__";C[T]=C[T]||{};C[T];function H(n,c={}){const{immediate:r=!0,window:s=G}=c,e=o.ref(!1);let u=null;function i(){!e.value||!s||(n(),u=s.requestAnimationFrame(i))}function f(){!e.value&&s&&(e.value=!0,i())}function v(){e.value=!1,u!=null&&s&&(s.cancelAnimationFrame(u),u=null)}return r&&f(),R(v),{isActive:e,pause:v,resume:f}}var F;(function(n){n.UP="UP",n.RIGHT="RIGHT",n.DOWN="DOWN",n.LEFT="LEFT",n.NONE="NONE"})(F||(F={}));function L([n,c,r,s]){const e=(l,t)=>1-3*t+3*l,u=(l,t)=>3*t-6*l,i=l=>3*l,f=(l,t,a)=>((e(t,a)*l+u(t,a))*l+i(t))*l,v=(l,t,a)=>3*e(t,a)*l*l+2*u(t,a)*l+i(t),p=l=>{let t=l;for(let a=0;a<4;++a){const m=v(t,n,r);if(m===0)return t;t-=(f(t,n,r)-l)/m}return t};return l=>n===c&&r===s?l:f(p(l),c,s)}function X(n,c={}){const{delay:r=0,disabled:s=!1,duration:e=1e3,onFinished:u=P,onStarted:i=P,transition:f=W}=c,v=o.computed(()=>{const d=o.unref(f);return N(d)?d:L(d)}),p=o.computed(()=>{const d=o.unref(n);return h(d)?d:d.map(o.unref)}),l=o.computed(()=>h(p.value)?[p.value]:p.value),t=o.ref(l.value.slice(0));let a,m,g,V,S;const{resume:B,pause:I}=H(()=>{const d=Date.now(),b=O(1-(g-d)/a,0,1);t.value=S.map((y,w)=>{var _;return y+((_=m[w])!=null?_:0)*v.value(b)}),b>=1&&(I(),u())},{immediate:!1}),M=()=>{I(),a=o.unref(e),m=t.value.map((d,b)=>{var y,w;return((y=l.value[b])!=null?y:0)-((w=t.value[b])!=null?w:0)}),S=t.value.slice(0),V=Date.now(),g=V+a,B(),i()},D=$(M,r,{immediate:!1});return o.watch(l,()=>{o.unref(s)?t.value=l.value.slice(0):o.unref(r)<=0?M():D.start()},{deep:!0}),o.computed(()=>{const d=o.unref(s)?l:t;return h(p.value)?d.value[0]:d.value})}const q=()=>({touchPosition:o.ref({isTouch:!1,x:0,y:0})});function x(){return{mousePosition:o.ref({isMouseDown:!1,x:0,y:0})}}o.install();var A=o.defineComponent({name:"swipeModal",model:{prop:"modelValue",event:"update:modelValue"},props:{modelValue:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},backgroundColor:{type:String,default:"#80808080"},fullscreen:{type:Boolean,default:!1},noTip:{type:Boolean,default:!1},contentsWidth:{type:String,default:"100%"},contentsHeight:{type:String,default:"30vh"},borderTopRadius:{type:String,default:null},borderTopLeftRadius:{type:String,default:"0px"},borderTopRightRadius:{type:String,default:"0px"},contentsColor:{type:String,default:"white"},tipColor:{type:String,default:"#c8c8c8"},darkContentsColor:{type:String,default:"#1E1E1E"}},emits:["update:modelValue"],setup(n,c){const{mousePosition:r}=x(),{touchPosition:s}=q(),e=o.toRefs(n),u=o.computed({get:()=>e.modelValue.value,set:t=>c.emit("update:modelValue",t)}),i=o.ref([parseInt(e.backgroundColor.value.slice(1,3),16),parseInt(e.backgroundColor.value.slice(3,5),16),parseInt(e.backgroundColor.value.slice(5,7),16),0]),f=X(i,{duration:250,transition:[.25,.8,.25,1]}),v=o.computed(()=>{const[t,a,m,g]=f.value;return`rgba(${t}, ${a}, ${m}, ${g})`}),p=()=>{i.value=[parseInt(e.backgroundColor.value.slice(1,3),16),parseInt(e.backgroundColor.value.slice(3,5),16),parseInt(e.backgroundColor.value.slice(5,7),16),parseInt(e.backgroundColor.value.slice(7,9),16)/255]},l=()=>{i.value=[parseInt(e.backgroundColor.value.slice(1,3),16),parseInt(e.backgroundColor.value.slice(3,5),16),parseInt(e.backgroundColor.value.slice(5,7),16),0],setTimeout(()=>{r.value.isMouseDown=!1,s.value.isTouch=!1,document.documentElement.style.overflowY="auto",u.value=!1},250)};return o.watch(u,(t,a)=>{u.value&&p()}),o.onBeforeMount(async()=>{}),o.onMounted(async()=>{}),()=>{var t,a;return o.h("div",{class:"swipe-modal-takumaru-vue-swipe-modal"},[e.modelValue.value?o.h("div",{class:"modal-background",style:{backgroundColor:v.value},on:{click:()=>e.persistent.value?()=>null:l()},onClick:()=>{e.persistent.value||l()}}):null,e.modelValue.value?o.h("div",{class:"modal-contents",style:{backgroundColor:n.contentsColor,width:n.contentsWidth}},(a=(t=c.slots).default)==null?void 0:a.call(t)):null])}}});exports.default=A;exports.swipeModal=A;

dist/swipe-modal.es.js

@@ -9,7 +9,2 @@ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".hello{color:gray}:root{--contents-height: 30vh;--contents-bottom-position: 0%}.swipe-modal-takumaru-vue-swipe-modal{position:fixed;scrollbar-width:none;z-index:15}.swipe-modal-takumaru-vue-swipe-modal .modal-background{position:fixed;z-index:11;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)}.swipe-modal-takumaru-vue-swipe-modal .modal-contents{position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translate(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0px 16px 40px rgba(0,37,80,.2))}.swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0px}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip-wrapper{z-index:12;display:flex;justify-items:center;align-items:center;justify-content:center;align-content:center;position:relative;top:0px;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color: #c8c8c8;width:40px;height:100%;border-radius:4px;background-color:var(--tip-color)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-from{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-from{opacity:1}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-to{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-from{bottom:calc(-1 * var(--contents-height))!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-active{transition:all .3s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-from{bottom:var(--contents-bottom-position)!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-active{transition:all .25s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-to{bottom:calc(-1 * var(--contents-height))!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { ref, unref, getCurrentScope, onScopeDispose, computed, watch, install, defineComponent, toRefs, onBeforeMount, onMounted, h } from "vue-demi";
 };
-const rand = (min, max) => {
-  min = Math.ceil(min);
-  max = Math.floor(max);
-  return Math.floor(Math.random() * (max - min + 1)) + min;
-};
 isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -111,29 +106,2 @@ function identity(arg) {
 })(SwipeDirection || (SwipeDirection = {}));
-const TransitionPresets = {
-  linear: identity,
-  easeInSine: [0.12, 0, 0.39, 0],
-  easeOutSine: [0.61, 1, 0.88, 1],
-  easeInOutSine: [0.37, 0, 0.63, 1],
-  easeInQuad: [0.11, 0, 0.5, 0],
-  easeOutQuad: [0.5, 1, 0.89, 1],
-  easeInOutQuad: [0.45, 0, 0.55, 1],
-  easeInCubic: [0.32, 0, 0.67, 0],
-  easeOutCubic: [0.33, 1, 0.68, 1],
-  easeInOutCubic: [0.65, 0, 0.35, 1],
-  easeInQuart: [0.5, 0, 0.75, 0],
-  easeOutQuart: [0.25, 1, 0.5, 1],
-  easeInOutQuart: [0.76, 0, 0.24, 1],
-  easeInQuint: [0.64, 0, 0.78, 0],
-  easeOutQuint: [0.22, 1, 0.36, 1],
-  easeInOutQuint: [0.83, 0, 0.17, 1],
-  easeInExpo: [0.7, 0, 0.84, 0],
-  easeOutExpo: [0.16, 1, 0.3, 1],
-  easeInOutExpo: [0.87, 0, 0.13, 1],
-  easeInCirc: [0.55, 0, 1, 0.45],
-  easeOutCirc: [0, 0.55, 0.45, 1],
-  easeInOutCirc: [0.85, 0, 0.15, 1],
-  easeInBack: [0.36, 0, 0.66, -0.56],
-  easeOutBack: [0.34, 1.56, 0.64, 1],
-  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
-};
 function createEasingFunction([p0, p1, p2, p3]) {
@@ -311,20 +279,2 @@ const a = (a1, a2) => 1 - 3 * a2 + 3 * a1;
   setup(props, context) {
-    const baseNumber = ref(0);
-    useTransition(baseNumber, {
-      duration: 1e3,
-      transition: [0.75, 0, 0.25, 1]
-    });
-    const baseColor = ref([0, 0, 0]);
-    const colorTransition = useTransition(baseColor, {
-      duration: 500,
-      transition: TransitionPresets.easeInCubic
-    });
-    const color = computed(() => {
-      const [r, g, b] = colorTransition.value;
-      return `rgb(${r},${g},${b})`;
-    });
-    const toggle = () => {
-      baseNumber.value = baseNumber.value === 100 ? 0 : 100;
-      baseColor.value = [rand(0, 255), rand(0, 255), rand(0, 255)];
-    };
     const {
@@ -337,17 +287,45 @@ mousePosition
     const propsRef = toRefs(props);
+    const modal = computed({
+      get: () => propsRef.modelValue.value,
+      set: (value) => context.emit("update:modelValue", value)
+    });
+    const backgroundColor = ref([
+      parseInt(propsRef.backgroundColor.value.slice(1, 3), 16),
+      parseInt(propsRef.backgroundColor.value.slice(3, 5), 16),
+      parseInt(propsRef.backgroundColor.value.slice(5, 7), 16),
+      0
+    ]);
+    const backgroundColorEnterTransition = useTransition(backgroundColor, {
+      duration: 250,
+      transition: [0.25, 0.8, 0.25, 1]
+    });
+    const color = computed(() => {
+      const [r, g, b, a] = backgroundColorEnterTransition.value;
+      return `rgba(${r}, ${g}, ${b}, ${a})`;
+    });
     const open = () => {
-      toggle();
+      backgroundColor.value = [
+        parseInt(propsRef.backgroundColor.value.slice(1, 3), 16),
+        parseInt(propsRef.backgroundColor.value.slice(3, 5), 16),
+        parseInt(propsRef.backgroundColor.value.slice(5, 7), 16),
+        parseInt(propsRef.backgroundColor.value.slice(7, 9), 16) / 255
+      ];
     };
     const close = () => {
-      mousePosition.value.isMouseDown = false;
-      touchPosition.value.isTouch = false;
-      document.documentElement.style.overflowY = "auto";
-      context.emit("update:modelValue", false);
+      backgroundColor.value = [
+        parseInt(propsRef.backgroundColor.value.slice(1, 3), 16),
+        parseInt(propsRef.backgroundColor.value.slice(3, 5), 16),
+        parseInt(propsRef.backgroundColor.value.slice(5, 7), 16),
+        0
+      ];
+      setTimeout(() => {
+        mousePosition.value.isMouseDown = false;
+        touchPosition.value.isTouch = false;
+        document.documentElement.style.overflowY = "auto";
+        modal.value = false;
+      }, 250);
     };
-    watch(propsRef.modelValue, () => {
-      console.log(propsRef.modelValue.value);
-      if (propsRef.modelValue.value) {
+    watch(modal, (newVal, oldVal) => {
+      if (modal.value) {
         open();
-      } else {
-        close();
       }
@@ -358,3 +336,2 @@ });
     onMounted(async () => {
-      console.log("mounted");
     });
@@ -361,0 +338,0 @@ return () => {

dist/swipe-modal.umd.js

 (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".hello{color:gray}:root{--contents-height: 30vh;--contents-bottom-position: 0%}.swipe-modal-takumaru-vue-swipe-modal{position:fixed;scrollbar-width:none;z-index:15}.swipe-modal-takumaru-vue-swipe-modal .modal-background{position:fixed;z-index:11;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)}.swipe-modal-takumaru-vue-swipe-modal .modal-contents{position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translate(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0px 16px 40px rgba(0,37,80,.2))}.swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0px}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip-wrapper{z-index:12;display:flex;justify-items:center;align-items:center;justify-content:center;align-content:center;position:relative;top:0px;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color: #c8c8c8;width:40px;height:100%;border-radius:4px;background-color:var(--tip-color)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-from{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-from{opacity:1}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-to{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-from{bottom:calc(-1 * var(--contents-height))!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-active{transition:all .3s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-from{bottom:var(--contents-bottom-position)!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-active{transition:all .25s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-to{bottom:calc(-1 * var(--contents-height))!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`.hello{color:gray}:root{--contents-height: 30vh;--contents-bottom-position: 0%}.swipe-modal-takumaru-vue-swipe-modal{position:fixed;scrollbar-width:none;z-index:15}.swipe-modal-takumaru-vue-swipe-modal .modal-background{position:fixed;z-index:11;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)}.swipe-modal-takumaru-vue-swipe-modal .modal-contents{position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translate(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0px 16px 40px rgba(0,37,80,.2))}.swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0px}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip-wrapper{z-index:12;display:flex;justify-items:center;align-items:center;justify-content:center;align-content:center;position:relative;top:0px;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}.swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color: #c8c8c8;width:40px;height:100%;border-radius:4px;background-color:var(--tip-color)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-from{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-from{opacity:1}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-active{transition:all .2s ease-out}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave-to{opacity:0}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-from{bottom:calc(-1 * var(--contents-height))!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-active{transition:all .3s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-enter-to,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave,.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-from{bottom:var(--contents-bottom-position)!important}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-active{transition:all .25s cubic-bezier(.25,.8,.25,1)}.swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave-to{bottom:calc(-1 * var(--contents-height))!important}
-(function(v,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue-demi")):typeof define=="function"&&define.amd?define(["exports","vue-demi"],e):(v=typeof globalThis!="undefined"?globalThis:v||self,e(v.swipeModal={},v.vueDemi))})(this,function(v,e){"use strict";`;document.head.appendChild(__vite_style__);var I;const y=typeof window!="undefined",N=t=>typeof t=="function",T=t=>typeof t=="number",A=(t,s,i)=>Math.min(i,Math.max(s,t)),M=()=>{},x=(t,s)=>(t=Math.ceil(t),s=Math.floor(s),Math.floor(Math.random()*(s-t+1))+t);y&&((I=window==null?void 0:window.navigator)==null?void 0:I.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function _(t){return t}function S(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function W(t,s,i={}){const{immediate:r=!0}=i,a=e.ref(!1);let l=null;function p(){l&&(clearTimeout(l),l=null)}function m(){a.value=!1,p()}function f(...d){p(),a.value=!0,l=setTimeout(()=>{a.value=!1,l=null,t(...d)},e.unref(s))}return r&&(a.value=!0,y&&f()),S(m),{isPending:a,start:f,stop:m}}const j=y?window:void 0,O=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},C="__vueuse_ssr_handlers__";O[C]=O[C]||{},O[C];function H(t,s={}){const{immediate:i=!0,window:r=j}=s,a=e.ref(!1);let l=null;function p(){!a.value||!r||(t(),l=r.requestAnimationFrame(p))}function m(){!a.value&&r&&(a.value=!0,p())}function f(){a.value=!1,l!=null&&r&&(r.cancelAnimationFrame(l),l=null)}return i&&m(),S(f),{isActive:a,pause:f,resume:m}}var V;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(V||(V={}));const L={linear:_,easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]};function $([t,s,i,r]){const a=(n,o)=>1-3*o+3*n,l=(n,o)=>3*o-6*n,p=n=>3*n,m=(n,o,u)=>((a(o,u)*n+l(o,u))*n+p(o))*n,f=(n,o,u)=>3*a(o,u)*n*n+2*l(o,u)*n+p(o),d=n=>{let o=n;for(let u=0;u<4;++u){const w=f(o,t,i);if(w===0)return o;o-=(m(o,t,i)-n)/w}return o};return n=>t===s&&i===r?n:m(d(n),s,r)}function E(t,s={}){const{delay:i=0,disabled:r=!1,duration:a=1e3,onFinished:l=M,onStarted:p=M,transition:m=_}=s,f=e.computed(()=>{const c=e.unref(m);return N(c)?c:$(c)}),d=e.computed(()=>{const c=e.unref(t);return T(c)?c:c.map(e.unref)}),n=e.computed(()=>T(d.value)?[d.value]:d.value),o=e.ref(n.value.slice(0));let u,w,h,B,F;const{resume:q,pause:Q}=H(()=>{const c=Date.now(),g=A(1-(h-c)/u,0,1);o.value=F.map((b,k)=>{var z;return b+((z=w[k])!=null?z:0)*f.value(g)}),g>=1&&(Q(),l())},{immediate:!1}),R=()=>{Q(),u=e.unref(a),w=o.value.map((c,g)=>{var b,k;return((b=n.value[g])!=null?b:0)-((k=o.value[g])!=null?k:0)}),F=o.value.slice(0),B=Date.now(),h=B+u,q(),p()},U=W(R,i,{immediate:!1});return e.watch(n,()=>{e.unref(r)?o.value=n.value.slice(0):e.unref(i)<=0?R():U.start()},{deep:!0}),e.computed(()=>{const c=e.unref(r)?n:o;return T(d.value)?c.value[0]:c.value})}const G=()=>({touchPosition:e.ref({isTouch:!1,x:0,y:0})});function X(){return{mousePosition:e.ref({isMouseDown:!1,x:0,y:0})}}var Y="";e.install();var P=e.defineComponent({name:"swipeModal",model:{prop:"modelValue",event:"update:modelValue"},props:{modelValue:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},backgroundColor:{type:String,default:"#80808080"},fullscreen:{type:Boolean,default:!1},noTip:{type:Boolean,default:!1},contentsWidth:{type:String,default:"100%"},contentsHeight:{type:String,default:"30vh"},borderTopRadius:{type:String,default:null},borderTopLeftRadius:{type:String,default:"0px"},borderTopRightRadius:{type:String,default:"0px"},contentsColor:{type:String,default:"white"},tipColor:{type:String,default:"#c8c8c8"},darkContentsColor:{type:String,default:"#1E1E1E"}},emits:["update:modelValue"],setup(t,s){const i=e.ref(0);E(i,{duration:1e3,transition:[.75,0,.25,1]});const r=e.ref([0,0,0]),a=E(r,{duration:500,transition:L.easeInCubic}),l=e.computed(()=>{const[u,w,h]=a.value;return`rgb(${u},${w},${h})`}),p=()=>{i.value=i.value===100?0:100,r.value=[x(0,255),x(0,255),x(0,255)]},{mousePosition:m}=X(),{touchPosition:f}=G(),d=e.toRefs(t),n=()=>{p()},o=()=>{m.value.isMouseDown=!1,f.value.isTouch=!1,document.documentElement.style.overflowY="auto",s.emit("update:modelValue",!1)};return e.watch(d.modelValue,()=>{console.log(d.modelValue.value),d.modelValue.value?n():o()}),e.onBeforeMount(async()=>{}),e.onMounted(async()=>{console.log("mounted")}),()=>{var u,w;return e.h("div",{class:"swipe-modal-takumaru-vue-swipe-modal"},[d.modelValue.value?e.h("div",{class:"modal-background",style:{backgroundColor:l.value},on:{click:()=>d.persistent.value?()=>null:o()},onClick:()=>{d.persistent.value||o()}}):null,d.modelValue.value?e.h("div",{class:"modal-contents",style:{backgroundColor:t.contentsColor,width:t.contentsWidth}},(w=(u=s.slots).default)==null?void 0:w.call(u)):null])}}});v.default=P,v.swipeModal=P,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue-demi")):typeof define=="function"&&define.amd?define(["exports","vue-demi"],e):(w=typeof globalThis!="undefined"?globalThis:w||self,e(w.swipeModal={},w.vueDemi))})(this,function(w,e){"use strict";`;document.head.appendChild(__vite_style__);var _;const y=typeof window!="undefined",A=a=>typeof a=="function",T=a=>typeof a=="number",B=(a,d,r)=>Math.min(r,Math.max(d,a)),V=()=>{};y&&((_=window==null?void 0:window.navigator)==null?void 0:_.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function N(a){return a}function M(a){return e.getCurrentScope()?(e.onScopeDispose(a),!0):!1}function O(a,d,r={}){const{immediate:i=!0}=r,t=e.ref(!1);let l=null;function u(){l&&(clearTimeout(l),l=null)}function p(){t.value=!1,u()}function m(...f){u(),t.value=!0,l=setTimeout(()=>{t.value=!1,l=null,a(...f)},e.unref(d))}return i&&(t.value=!0,y&&m()),M(p),{isPending:t,start:m,stop:p}}const W=y?window:void 0,C=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},x="__vueuse_ssr_handlers__";C[x]=C[x]||{},C[x];function $(a,d={}){const{immediate:r=!0,window:i=W}=d,t=e.ref(!1);let l=null;function u(){!t.value||!i||(a(),l=i.requestAnimationFrame(u))}function p(){!t.value&&i&&(t.value=!0,u())}function m(){t.value=!1,l!=null&&i&&(i.cancelAnimationFrame(l),l=null)}return r&&p(),M(m),{isActive:t,pause:m,resume:p}}var S;(function(a){a.UP="UP",a.RIGHT="RIGHT",a.DOWN="DOWN",a.LEFT="LEFT",a.NONE="NONE"})(S||(S={}));function j([a,d,r,i]){const t=(n,o)=>1-3*o+3*n,l=(n,o)=>3*o-6*n,u=n=>3*n,p=(n,o,s)=>((t(o,s)*n+l(o,s))*n+u(o))*n,m=(n,o,s)=>3*t(o,s)*n*n+2*l(o,s)*n+u(o),f=n=>{let o=n;for(let s=0;s<4;++s){const v=m(o,a,r);if(v===0)return o;o-=(p(o,a,r)-n)/v}return o};return n=>a===d&&r===i?n:p(f(n),d,i)}function H(a,d={}){const{delay:r=0,disabled:i=!1,duration:t=1e3,onFinished:l=V,onStarted:u=V,transition:p=N}=d,m=e.computed(()=>{const c=e.unref(p);return A(c)?c:j(c)}),f=e.computed(()=>{const c=e.unref(a);return T(c)?c:c.map(e.unref)}),n=e.computed(()=>T(f.value)?[f.value]:f.value),o=e.ref(n.value.slice(0));let s,v,g,I,P;const{resume:X,pause:F}=$(()=>{const c=Date.now(),b=B(1-(g-c)/s,0,1);o.value=P.map((h,k)=>{var z;return h+((z=v[k])!=null?z:0)*m.value(b)}),b>=1&&(F(),l())},{immediate:!1}),R=()=>{F(),s=e.unref(t),v=o.value.map((c,b)=>{var h,k;return((h=n.value[b])!=null?h:0)-((k=o.value[b])!=null?k:0)}),P=o.value.slice(0),I=Date.now(),g=I+s,X(),u()},q=O(R,r,{immediate:!1});return e.watch(n,()=>{e.unref(i)?o.value=n.value.slice(0):e.unref(r)<=0?R():q.start()},{deep:!0}),e.computed(()=>{const c=e.unref(i)?n:o;return T(f.value)?c.value[0]:c.value})}const L=()=>({touchPosition:e.ref({isTouch:!1,x:0,y:0})});function G(){return{mousePosition:e.ref({isMouseDown:!1,x:0,y:0})}}var U="";e.install();var E=e.defineComponent({name:"swipeModal",model:{prop:"modelValue",event:"update:modelValue"},props:{modelValue:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},backgroundColor:{type:String,default:"#80808080"},fullscreen:{type:Boolean,default:!1},noTip:{type:Boolean,default:!1},contentsWidth:{type:String,default:"100%"},contentsHeight:{type:String,default:"30vh"},borderTopRadius:{type:String,default:null},borderTopLeftRadius:{type:String,default:"0px"},borderTopRightRadius:{type:String,default:"0px"},contentsColor:{type:String,default:"white"},tipColor:{type:String,default:"#c8c8c8"},darkContentsColor:{type:String,default:"#1E1E1E"}},emits:["update:modelValue"],setup(a,d){const{mousePosition:r}=G(),{touchPosition:i}=L(),t=e.toRefs(a),l=e.computed({get:()=>t.modelValue.value,set:o=>d.emit("update:modelValue",o)}),u=e.ref([parseInt(t.backgroundColor.value.slice(1,3),16),parseInt(t.backgroundColor.value.slice(3,5),16),parseInt(t.backgroundColor.value.slice(5,7),16),0]),p=H(u,{duration:250,transition:[.25,.8,.25,1]}),m=e.computed(()=>{const[o,s,v,g]=p.value;return`rgba(${o}, ${s}, ${v}, ${g})`}),f=()=>{u.value=[parseInt(t.backgroundColor.value.slice(1,3),16),parseInt(t.backgroundColor.value.slice(3,5),16),parseInt(t.backgroundColor.value.slice(5,7),16),parseInt(t.backgroundColor.value.slice(7,9),16)/255]},n=()=>{u.value=[parseInt(t.backgroundColor.value.slice(1,3),16),parseInt(t.backgroundColor.value.slice(3,5),16),parseInt(t.backgroundColor.value.slice(5,7),16),0],setTimeout(()=>{r.value.isMouseDown=!1,i.value.isTouch=!1,document.documentElement.style.overflowY="auto",l.value=!1},250)};return e.watch(l,(o,s)=>{l.value&&f()}),e.onBeforeMount(async()=>{}),e.onMounted(async()=>{}),()=>{var o,s;return e.h("div",{class:"swipe-modal-takumaru-vue-swipe-modal"},[t.modelValue.value?e.h("div",{class:"modal-background",style:{backgroundColor:m.value},on:{click:()=>t.persistent.value?()=>null:n()},onClick:()=>{t.persistent.value||n()}}):null,t.modelValue.value?e.h("div",{class:"modal-contents",style:{backgroundColor:a.contentsColor,width:a.contentsWidth}},(s=(o=d.slots).default)==null?void 0:s.call(o)):null])}}});w.default=E,w.swipeModal=E,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "@takuma-ru/vue-swipe-modal",
-  "version": "4.0.0-alpha.7",
+  "version": "4.0.0-alpha.8",
   "private": false,
@@ -5,0 +5,0 @@ "description": "Swipeable Bottom Sheet library for vue2 and vue3",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

36777

decreased by-3.25%

Lines of code

445

decreased by-5.52%

No dependency changes