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

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

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 o=require("vue-demi");const l=t=>t?Object.entries(t).reduce((r,[e,s])=>(e=e.charAt(0).toUpperCase()+e.slice(1),e=`on${e}`,{...r,[e]:s}),{}):null,p=(t,r={},e)=>{if(o.isVue2)return o.h(t,r,e);const{props:s,domProps:n,on:u,...i}=r;let a=l(u);const c={...i,...s,...n,...a};return o.h(t,c,e)};function d(){return{touchPosition:o.ref({isActive:!1,x:0,y:0})}}var v=o.defineComponent({name:"swipeModal",props:{},setup(t,r){return d(),()=>p("h1",{class:"hello"},"text")}});exports.swipeModal=v;
+(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";var s=require("vue-demi");const p=t=>t?Object.entries(t).reduce((r,[e,o])=>(e=e.charAt(0).toUpperCase()+e.slice(1),e=`on${e}`,{...r,[e]:o}),{}):null,l=(t,r={},e)=>{if(s.isVue2)return s.h(t,r,e);const{props:o,domProps:n,on:i,...u}=r;let a=p(i);const c={...u,...o,...n,...a};return s.h(t,c,e)};function d(){return{touchPosition:s.ref({isActive:!1,x:0,y:0})}}var h=s.defineComponent({name:"swipeModal",props:{},setup(t,r){return d(),()=>l("h1",{class:"hello"},"text")}}),v={swipeModal:h};module.exports=v;

dist/swipe-modal.es.js

@@ -38,2 +38,3 @@ (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 { isVue2, h as h$1, ref, defineComponent } from "vue-demi";
 });
-export { swipeModal };
+var index = { swipeModal };
+export { index as default };

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(o,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue-demi")):typeof define=="function"&&define.amd?define(["exports","vue-demi"],e):(o=typeof globalThis!="undefined"?globalThis:o||self,e(o.swipeModal={},o.vueDemi))})(this,function(o,e){"use strict";`;document.head.appendChild(__vite_style__);const n=a=>a?Object.entries(a).reduce((i,[t,s])=>(t=t.charAt(0).toUpperCase()+t.slice(1),t=`on${t}`,{...i,[t]:s}),{}):null,l=(a,i={},t)=>{if(e.isVue2)return e.h(a,i,t);const{props:s,domProps:p,on:m,...u}=i;let c=n(m);const w={...u,...s,...p,...c};return e.h(a,w,t)};function r(){return{touchPosition:e.ref({isActive:!1,x:0,y:0})}}var v="",d=e.defineComponent({name:"swipeModal",props:{},setup(a,i){return r(),()=>l("h1",{class:"hello"},"text")}});o.swipeModal=d,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(e,a){typeof exports=="object"&&typeof module!="undefined"?module.exports=a(require("vue-demi")):typeof define=="function"&&define.amd?define(["vue-demi"],a):(e=typeof globalThis!="undefined"?globalThis:e||self,e.swipeModal=a(e.vueDemi))})(this,function(e){"use strict";`;document.head.appendChild(__vite_style__);const a=o=>o?Object.entries(o).reduce((i,[t,s])=>(t=t.charAt(0).toUpperCase()+t.slice(1),t=`on${t}`,{...i,[t]:s}),{}):null,n=(o,i={},t)=>{if(e.isVue2)return e.h(o,i,t);const{props:s,domProps:p,on:m,...u}=i;let c=a(m);const w={...u,...s,...p,...c};return e.h(o,w,t)};function r(){return{touchPosition:e.ref({isActive:!1,x:0,y:0})}}var v="",l=e.defineComponent({name:"swipeModal",props:{},setup(o,i){return r(),()=>n("h1",{class:"hello"},"text")}}),d={swipeModal:l};return d});

package.json

 {
   "name": "@takuma-ru/vue-swipe-modal",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "private": false,
@@ -49,3 +49,3 @@ "description": "Swipeable Bottom Sheet library for vue2 and vue3",
     "build": "vue-tsc && vite build",
-    "publish": "yarn build && npm publish --access=public",
+    "publish:lib": "yarn build && npm publish --access=public",
     "preview": "vite preview"
@@ -52,0 +52,0 @@ },

types/index.d.ts

@@ -1,3 +0,13 @@
-import swipeModal from './components/swipe-modal';
-export { swipeModal };
+declare const _default: {
+    swipeModal: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+        [x: string]: unknown;
+    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+        [x: string]: unknown;
+    }>>>>, {
+        [x: number]: string;
+    } | {}>;
+};
+export default _default;
 //# sourceMappingURL=index.d.ts.map

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

Improved metrics

Total package byte prevSize

21888

increased by2.12%

Lines of code

134

increased by7.2%

Worsened metrics

Number of package files

15

decreased by-6.25%

No dependency changes