@douxcode/vue-spring-bottom-sheet 1.2.2 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -4,7 +4,10 @@
4
4
 
5
5
  😎 **Modern** and 🚀 **Performant** Bottom Sheet for Vue.js
6
6
 
7
- [Demo](https://megaarmos.douxcode.com/vue-spring-bottom-sheet/) 👀
7
+ [Demo](https://vue-spring-bottom-sheet.douxcode.com/) 👀
8
+
9
+ | ![](https://vue-spring-bottom-sheet.douxcode.com/example_basic.png) | ![](https://vue-spring-bottom-sheet.douxcode.com/example_snap.png) | ![](https://vue-spring-bottom-sheet.douxcode.com/example_blocking.png) | ![](https://vue-spring-bottom-sheet.douxcode.com/example_sticky.png) |
10
+ | :-----------------------------------------------------------------: | :----------------------------------------------------------------: | :--------------------------------------------------------------------: | :------------------------------------------------------------------: |
8
11
 
9
12
  # Installation
10
13
 
package/dist/index.mjs CHANGED
@@ -75,8 +75,8 @@ const Ee = { "data-vsbs-container": "" }, Ie = ["data-vsbs-shadow", "data-vsbs-s
75
75
  emits: ["opened", "closed", "ready", "dragging-up", "dragging-down", "minHeight", "maxHeight"],
76
76
  setup(n, { expose: u, emit: a }) {
77
77
  de((i) => ({
78
- "793b3c04": te.value,
79
- "96eb7ec2": ae.value
78
+ "4dec9702": te.value,
79
+ "47406bca": ae.value
80
80
  }));
81
81
  const e = n, o = a, v = p(null), s = p(null), r = p(null), f = p(null), S = p(null), C = p(null), O = p(null), w = p(!1), d = p(e.expandOnContentDrag), { height: g } = ke(), { height: h } = I(v), { height: W } = I(s), { height: Y } = I(r), { height: ee } = I(C), G = xe([v, O], {
82
82
  immediate: !1,
@@ -294,7 +294,7 @@ const Ee = { "data-vsbs-container": "" }, Ie = ["data-vsbs-shadow", "data-vsbs-s
294
294
  for (const [e, o] of u)
295
295
  a[e] = o;
296
296
  return a;
297
- }, Re = /* @__PURE__ */ We($e, [["__scopeId", "data-v-69256342"]]);
297
+ }, Re = /* @__PURE__ */ We($e, [["__scopeId", "data-v-83ff700a"]]);
298
298
  export {
299
299
  Re as default
300
300
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- [data-vsbs-container][data-v-69256342]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:9999;visibility:visible}[data-vsbs-backdrop][data-v-69256342]{background-color:var(--vsbs-backdrop-bg, rgba(0, 0, 0, .5));top:0;right:0;bottom:0;left:0;pointer-events:auto;position:fixed;-webkit-user-select:none;user-select:none;will-change:opacity;z-index:1}[data-vsbs-shadow=true][data-v-69256342]{box-shadow:0 -5px 60px 0 var(--vsbs-shadow-color, rgba(89, 89, 89, .2))}[data-vsbs-sheet][data-v-69256342]{background-color:var(--vsbs-background, #fff);border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);bottom:0;display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-height:inherit;max-width:var(--vsbs-max-width, 640px);pointer-events:all;position:fixed;right:0;transition:var(--793b3c04);visibility:hidden;width:100%;will-change:height;z-index:2}[data-vsbs-sheet-show=true][data-v-69256342]{visibility:visible}[data-vsbs-header][data-v-69256342]{box-shadow:0 1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-shrink:0;padding:20px var(--vsbs-padding-x, 16px) 8px;-webkit-user-select:none;user-select:none;z-index:3}[data-vsbs-header][data-v-69256342]:before{background-color:var(--vsbs-handle-background, rgba(0, 0, 0, .28));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}[data-vsbs-header][data-v-69256342]:empty{box-shadow:none;padding:12px var(--vsbs-padding-x, 16px) 8px}[data-vsbs-footer][data-v-69256342]{box-shadow:0 -1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-grow:0;flex-shrink:0;padding:16px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}[data-vsbs-footer][data-v-69256342]:empty{display:none}[data-vsbs-scroll][data-v-69256342]{flex-grow:1;overflow-y:auto;overscroll-behavior:contain}[data-vsbs-content-wrapper][data-v-69256342]{height:100%}[data-vsbs-content][data-v-69256342]{display:grid;padding:1vh var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}.fade-enter-active[data-v-69256342],.fade-leave-active[data-v-69256342]{transition:var(--96eb7ec2)}.fade-enter-from[data-v-69256342],.fade-leave-to[data-v-69256342]{opacity:0}
1
+ [data-vsbs-container][data-v-83ff700a]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:9999;visibility:visible}[data-vsbs-backdrop][data-v-83ff700a]{background-color:var(--vsbs-backdrop-bg, rgba(0, 0, 0, .5));top:0;right:0;bottom:0;left:0;pointer-events:auto;position:fixed;-webkit-user-select:none;user-select:none;will-change:opacity;z-index:1}[data-vsbs-shadow=true][data-v-83ff700a]{box-shadow:0 -5px 60px 0 var(--vsbs-shadow-color, rgba(89, 89, 89, .2))}[data-vsbs-sheet][data-v-83ff700a]{background-color:var(--vsbs-background, #fff);border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);bottom:0;display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-height:inherit;max-width:var(--vsbs-max-width, 640px);pointer-events:all;position:fixed;right:0;transition:var(--4dec9702);visibility:hidden;width:100%;will-change:height;z-index:2}[data-vsbs-sheet-show=true][data-v-83ff700a]{visibility:visible}[data-vsbs-header][data-v-83ff700a]{box-shadow:0 1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-shrink:0;padding:20px var(--vsbs-padding-x, 16px) 8px;-webkit-user-select:none;user-select:none;z-index:3}[data-vsbs-header][data-v-83ff700a]:before{background-color:var(--vsbs-handle-background, rgba(0, 0, 0, .28));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}[data-vsbs-header][data-v-83ff700a]:empty{box-shadow:none;padding:12px var(--vsbs-padding-x, 16px) 8px}[data-vsbs-footer][data-v-83ff700a]{box-shadow:0 -1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-grow:0;flex-shrink:0;padding:16px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}[data-vsbs-footer][data-v-83ff700a]:empty{display:none}[data-vsbs-scroll][data-v-83ff700a]{flex-grow:1;overflow-y:auto;overscroll-behavior:contain}[data-vsbs-content-wrapper][data-v-83ff700a]{height:100%}[data-vsbs-content][data-v-83ff700a]{display:grid;padding:1vh var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}.fade-enter-active[data-v-83ff700a],.fade-leave-active[data-v-83ff700a]{transition:var(--47406bca)}.fade-enter-from[data-v-83ff700a],.fade-leave-to[data-v-83ff700a]{opacity:0}
package/package.json CHANGED
@@ -27,12 +27,12 @@
27
27
  "type": "git",
28
28
  "url": "https://github.com/megaarmos/vue-spring-bottom-sheet.git"
29
29
  },
30
- "homepage": "https://megaarmos.douxcode.com/vue-spring-bottom-sheet/",
30
+ "homepage": "https://vue-spring-bottom-sheet.douxcode.com/",
31
31
  "bugs": {
32
32
  "url": "https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
33
33
  },
34
34
  "private": false,
35
- "version": "1.2.2",
35
+ "version": "1.2.3",
36
36
  "type": "module",
37
37
  "exports": {
38
38
  ".": {