Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@takuma-ru/vue-swipe-modal

Package Overview
Dependencies
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 2.1.0-alpha.1 to 2.1.0-alpha.2

dist/lib-components/swipeModal.vue.d.ts
src/lib-components/swipeModal.vue

2

dist/lib-components/index.d.ts

@@ -1,1 +0,1 @@

export { default as swipeModal } from './SwipeModal.vue';
export { default as swipeModal } from './swipeModal.vue';

2

dist/swipe-modal.esm.js

@@ -380,3 +380,3 @@ import { defineComponent, ref, computed, watch, isVue2, isVue3 } from 'vue-demi';

if (!inject) return;
inject("data-v-7c877b3c_0", {
inject("data-v-47a401c8_0", {
source: "#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{--contents-height:30vh;--contents-bottom-position:0%;position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translateX(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 16px 40px rgba(0, 37, 80, .2))}#swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color:#c8c8c8;z-index:12;position:relative;top:0;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip::after{position:absolute;content:\"\";top:8px;height:4px;width:40px;background-color:var(--tip-color);transform:translateX(-50%);border-radius:10px}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter{opacity:0}#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{opacity:1}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave{opacity:1}#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{bottom:calc(-1 * var(--contents-height))!important}#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{bottom:var(--contents-bottom-position)!important}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave{bottom:var(--contents-bottom-position)!important}#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}",

@@ -383,0 +383,0 @@ map: undefined,

2

dist/swipe-modal.min.js

@@ -1,1 +0,1 @@

var SwipeModal=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==o)return;var a,n,i=[],l=!0,r=!1;try{for(o=o.call(e);!(l=(a=o.next()).done)&&(i.push(a.value),!t||i.length!==t);l=!0);}catch(e){r=!0,n=e}finally{try{l||null==o.return||o.return()}finally{if(r)throw n}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,a=new Array(t);o<t;o++)a[o]=e[o];return a}var a=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:function(t,o){var a=e.ref(!1),n=e.ref(!1),i=e.ref(null),l=e.ref(0),r=e.ref("0px"),u=e.ref(0),s=e.ref(0),d=e.computed({get:function(){return t.modelValue},set:function(e){return o.emit("update:modelValue",e)}});e.watch(d,(function(e){e&&c()}));var c=function(){a.value=!1,n.value=!1,i.value=null,l.value=0,r.value="0px",u.value=0,s.value=0,document.documentElement.style.overflowY="hidden"},p=function(){a.value=!1,n.value=!1,document.documentElement.style.overflowY="auto",o.emit("update:modelValue",!1)};return{modalHeight:l,contentsBottomPosition:r,close:p,mouseDown:function(e){i.value=document.querySelector(".modal-contents"),l.value=i.value.getBoundingClientRect().height,u.value=e.pageY,a.value=!0},mouseMove:function(e){a.value&&(s.value=e.pageY,r.value=(u.value-s.value<=0?u.value-s.value:0)+"px")},mouseUp:function(){a.value=!1,-1*(u.value-s.value)>l.value*(1/8)?p():r.value="0px"},touchStart:function(e){i.value=document.querySelector(".modal-contents"),l.value=i.value.getBoundingClientRect().height,i.value.scrollTop<=0&&(u.value=e.touches[0].pageY,n.value=!0)},touchMove:function(e){n.value&&(s.value=e.touches[0].pageY,u.value-s.value<=0?r.value=u.value-s.value+"px":r.value="0px",r.value=(u.value-s.value<=0?u.value-s.value:0)+"px")},touchEnd:function(){n.value=!1,-1*(u.value-s.value)>l.value*(1/8)?p():r.value="0px"},isVue2:e.isVue2,isVue3:e.isVue3}}});function n(e,t,o,a,n,i,l,r,u,s){"boolean"!=typeof l&&(u=r,r=l,l=!1);const d="function"==typeof o?o.options:o;let c;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,n&&(d.functional=!0)),a&&(d._scopeId=a),i?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,u(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},d._ssrRegister=c):t&&(c=l?function(e){t.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,r(e))}),c)if(d.functional){const e=d.render;d.render=function(t,o){return c.call(o),e(t,o)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,c):[c]}return o}const i="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function l(e){return(e,t)=>function(e,t){const o=i?t.media||"default":e,a=u[o]||(u[o]={ids:new Set,styles:[]});if(!a.ids.has(e)){a.ids.add(e);let o=t.source;if(t.map&&(o+="\n/*# sourceURL="+t.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),a.element||(a.element=document.createElement("style"),a.element.type="text/css",t.media&&a.element.setAttribute("media",t.media),void 0===r&&(r=document.head||document.getElementsByTagName("head")[0]),r.appendChild(a.element)),"styleSheet"in a.element)a.styles.push(o),a.element.styleSheet.cssText=a.styles.filter(Boolean).join("\n");else{const e=a.ids.size-1,t=document.createTextNode(o),n=a.element.childNodes;n[e]&&a.element.removeChild(n[e]),n.length?a.element.insertBefore(t,n[e]):a.element.appendChild(t)}}}(e,t)}let r;const u={};var s=n({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{attrs:{id:"swipe-modal-takumaru-vue-swipe-modal"},on:{mousemove:e.mouseMove,mouseup:e.mouseUp}},[o("transition",{attrs:{name:"swipe-modal-background",appear:""}},[e.modelValue?o("div",{staticClass:"modal-background",style:{backgroundColor:e.backgroundColor},on:{mouseup:function(t){!e.persistent&&e.close()}}}):e._e()]),e._v(" "),o("transition",{attrs:{name:"swipe-modal-contents",appear:""}},[e.modelValue?o("div",{ref:"modal-contents",staticClass:"modal-contents",style:"\n width: "+e.contentsWidth+";\n --contents-height: "+(e.fullscreen?"100%":e.modalHeight>0?e.modalHeight+"px":e.contentsHeight)+";\n border-top-left-radius: "+(e.borderTopRadius?e.borderTopRadius:e.borderTopLeftRadius)+";\n border-top-right-radius: "+(e.borderTopRadius?e.borderTopRadius:e.borderTopRightRadius)+";\n background-color: "+(e.dark?e.darkContentsColor:e.contentsColor)+";\n color: "+(e.dark?"white":"back")+";\n --contents-bottom-position: "+e.contentsBottomPosition+";\n ",on:{touchstart:e.touchStart,touchmove:e.touchMove,touchend:e.touchEnd}},[e.noTip?e._e():o("div",{staticClass:"modal-contents-chip",style:"\n --tip-color: "+e.tipColor+";\n ",on:{mousedown:e.mouseDown}}),e._v(" "),e._t("default")],2):e._e()])],1)},staticRenderFns:[]},(function(e){e&&e("data-v-7c877b3c_0",{source:'#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{--contents-height:30vh;--contents-bottom-position:0%;position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translateX(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 16px 40px rgba(0, 37, 80, .2))}#swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color:#c8c8c8;z-index:12;position:relative;top:0;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip::after{position:absolute;content:"";top:8px;height:4px;width:40px;background-color:var(--tip-color);transform:translateX(-50%);border-radius:10px}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter{opacity:0}#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{opacity:1}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave{opacity:1}#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{bottom:calc(-1 * var(--contents-height))!important}#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{bottom:var(--contents-bottom-position)!important}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave{bottom:var(--contents-bottom-position)!important}#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}',map:void 0,media:void 0})}),a,undefined,false,undefined,!1,l,void 0,void 0),d=Object.freeze({__proto__:null,swipeModal:s}),c={};return Object.entries(d).forEach((function(e){var o=t(e,2),a=o[0],n=o[1];if("default"!==a){var i=n;c[a]=i}})),c}(VueDemi);
var SwipeModal=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==o)return;var a,n,i=[],l=!0,r=!1;try{for(o=o.call(e);!(l=(a=o.next()).done)&&(i.push(a.value),!t||i.length!==t);l=!0);}catch(e){r=!0,n=e}finally{try{l||null==o.return||o.return()}finally{if(r)throw n}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,a=new Array(t);o<t;o++)a[o]=e[o];return a}var a=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:function(t,o){var a=e.ref(!1),n=e.ref(!1),i=e.ref(null),l=e.ref(0),r=e.ref("0px"),u=e.ref(0),s=e.ref(0),d=e.computed({get:function(){return t.modelValue},set:function(e){return o.emit("update:modelValue",e)}});e.watch(d,(function(e){e&&c()}));var c=function(){a.value=!1,n.value=!1,i.value=null,l.value=0,r.value="0px",u.value=0,s.value=0,document.documentElement.style.overflowY="hidden"},p=function(){a.value=!1,n.value=!1,document.documentElement.style.overflowY="auto",o.emit("update:modelValue",!1)};return{modalHeight:l,contentsBottomPosition:r,close:p,mouseDown:function(e){i.value=document.querySelector(".modal-contents"),l.value=i.value.getBoundingClientRect().height,u.value=e.pageY,a.value=!0},mouseMove:function(e){a.value&&(s.value=e.pageY,r.value=(u.value-s.value<=0?u.value-s.value:0)+"px")},mouseUp:function(){a.value=!1,-1*(u.value-s.value)>l.value*(1/8)?p():r.value="0px"},touchStart:function(e){i.value=document.querySelector(".modal-contents"),l.value=i.value.getBoundingClientRect().height,i.value.scrollTop<=0&&(u.value=e.touches[0].pageY,n.value=!0)},touchMove:function(e){n.value&&(s.value=e.touches[0].pageY,u.value-s.value<=0?r.value=u.value-s.value+"px":r.value="0px",r.value=(u.value-s.value<=0?u.value-s.value:0)+"px")},touchEnd:function(){n.value=!1,-1*(u.value-s.value)>l.value*(1/8)?p():r.value="0px"},isVue2:e.isVue2,isVue3:e.isVue3}}});function n(e,t,o,a,n,i,l,r,u,s){"boolean"!=typeof l&&(u=r,r=l,l=!1);const d="function"==typeof o?o.options:o;let c;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,n&&(d.functional=!0)),a&&(d._scopeId=a),i?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,u(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},d._ssrRegister=c):t&&(c=l?function(e){t.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,r(e))}),c)if(d.functional){const e=d.render;d.render=function(t,o){return c.call(o),e(t,o)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,c):[c]}return o}const i="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function l(e){return(e,t)=>function(e,t){const o=i?t.media||"default":e,a=u[o]||(u[o]={ids:new Set,styles:[]});if(!a.ids.has(e)){a.ids.add(e);let o=t.source;if(t.map&&(o+="\n/*# sourceURL="+t.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),a.element||(a.element=document.createElement("style"),a.element.type="text/css",t.media&&a.element.setAttribute("media",t.media),void 0===r&&(r=document.head||document.getElementsByTagName("head")[0]),r.appendChild(a.element)),"styleSheet"in a.element)a.styles.push(o),a.element.styleSheet.cssText=a.styles.filter(Boolean).join("\n");else{const e=a.ids.size-1,t=document.createTextNode(o),n=a.element.childNodes;n[e]&&a.element.removeChild(n[e]),n.length?a.element.insertBefore(t,n[e]):a.element.appendChild(t)}}}(e,t)}let r;const u={};var s=n({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{attrs:{id:"swipe-modal-takumaru-vue-swipe-modal"},on:{mousemove:e.mouseMove,mouseup:e.mouseUp}},[o("transition",{attrs:{name:"swipe-modal-background",appear:""}},[e.modelValue?o("div",{staticClass:"modal-background",style:{backgroundColor:e.backgroundColor},on:{mouseup:function(t){!e.persistent&&e.close()}}}):e._e()]),e._v(" "),o("transition",{attrs:{name:"swipe-modal-contents",appear:""}},[e.modelValue?o("div",{ref:"modal-contents",staticClass:"modal-contents",style:"\n width: "+e.contentsWidth+";\n --contents-height: "+(e.fullscreen?"100%":e.modalHeight>0?e.modalHeight+"px":e.contentsHeight)+";\n border-top-left-radius: "+(e.borderTopRadius?e.borderTopRadius:e.borderTopLeftRadius)+";\n border-top-right-radius: "+(e.borderTopRadius?e.borderTopRadius:e.borderTopRightRadius)+";\n background-color: "+(e.dark?e.darkContentsColor:e.contentsColor)+";\n color: "+(e.dark?"white":"back")+";\n --contents-bottom-position: "+e.contentsBottomPosition+";\n ",on:{touchstart:e.touchStart,touchmove:e.touchMove,touchend:e.touchEnd}},[e.noTip?e._e():o("div",{staticClass:"modal-contents-chip",style:"\n --tip-color: "+e.tipColor+";\n ",on:{mousedown:e.mouseDown}}),e._v(" "),e._t("default")],2):e._e()])],1)},staticRenderFns:[]},(function(e){e&&e("data-v-47a401c8_0",{source:'#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{--contents-height:30vh;--contents-bottom-position:0%;position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translateX(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 16px 40px rgba(0, 37, 80, .2))}#swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color:#c8c8c8;z-index:12;position:relative;top:0;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip::after{position:absolute;content:"";top:8px;height:4px;width:40px;background-color:var(--tip-color);transform:translateX(-50%);border-radius:10px}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter{opacity:0}#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{opacity:1}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave{opacity:1}#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{bottom:calc(-1 * var(--contents-height))!important}#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{bottom:var(--contents-bottom-position)!important}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave{bottom:var(--contents-bottom-position)!important}#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}',map:void 0,media:void 0})}),a,undefined,false,undefined,!1,l,void 0,void 0),d=Object.freeze({__proto__:null,swipeModal:s}),c={};return Object.entries(d).forEach((function(e){var o=t(e,2),a=o[0],n=o[1];if("default"!==a){var i=n;c[a]=i}})),c}(VueDemi);

4

dist/swipe-modal.ssr.js

@@ -420,3 +420,3 @@ 'use strict';var vueDemi=require('vue-demi');function _slicedToArray(arr, i) {

if (!inject) return;
inject("data-v-7c877b3c_0", {
inject("data-v-47a401c8_0", {
source: "#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{--contents-height:30vh;--contents-bottom-position:0%;position:fixed;z-index:12;min-height:var(--contents-height);max-height:100vh;bottom:var(--contents-bottom-position);left:50%;transform:translateX(-50%) translateY(0);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 16px 40px rgba(0, 37, 80, .2))}#swipe-modal-takumaru-vue-swipe-modal .modal-contents::-webkit-scrollbar{width:0}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip{--tip-color:#c8c8c8;z-index:12;position:relative;top:0;height:4px;width:100%;padding-top:8px;padding-bottom:8px;cursor:s-resize}#swipe-modal-takumaru-vue-swipe-modal .modal-contents-chip::after{position:absolute;content:\"\";top:8px;height:4px;width:40px;background-color:var(--tip-color);transform:translateX(-50%);border-radius:10px}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-enter{opacity:0}#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{opacity:1}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-background-leave{opacity:1}#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{bottom:calc(-1 * var(--contents-height))!important}#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{bottom:var(--contents-bottom-position)!important}#swipe-modal-takumaru-vue-swipe-modal .swipe-modal-contents-leave{bottom:var(--contents-bottom-position)!important}#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}",

@@ -433,3 +433,3 @@ map: undefined,

var __vue_module_identifier__ = "data-v-7c877b3c";
var __vue_module_identifier__ = "data-v-47a401c8";
/* functional template */

@@ -436,0 +436,0 @@

5

package.json
{
"name": "@takuma-ru/vue-swipe-modal",
"version": "2.1.0-alpha.1",
"version": "2.1.0-alpha.2",
"private": false,

@@ -37,5 +37,6 @@ "description": "",

"unpkg": "dist/swipe-modal.min.js",
"types": "dist/lib-components/SwipeModal.vue.d.ts",
"types": "./components.d.ts",
"files": [
"dist/*",
"./components.d.ts",
"src/**/*.vue"

@@ -42,0 +43,0 @@ ],

dist/lib-components/SwipeModal.vue.d.ts
src/lib-components/SwipeModal.vue
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc