@mixd-id/web-scaffold 0.1.230406191 → 0.1.230406193

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406191",
+  "version": "0.1.230406193",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Carousel.vue

@@ -249,17 +249,15 @@ export default{
 
     disableBodyScroll(){
       this.scrollPosition = window.pageYOffset || document.documentElement.offsetTop
-      document.body.style.overflow = 'hidden';
-      document.body.style.position = 'fixed';
+      document.body.classList.add(this.$style.htmlNoScroll)
+      document.body.classList.add(this.$style.bodyNoScroll)
       document.body.style.top = `-${this.scrollPosition}px`;
-      document.body.style.width = '100%';
     },
 
     enableBodyScroll(){
-      document.body.style.removeProperty('overflow');
-      document.body.style.removeProperty('position');
       document.body.style.removeProperty('top');
-      document.body.style.removeProperty('width');
+      document.body.classList.remove(this.$style.bodyNoScroll)
+      document.body.classList.remove(this.$style.htmlNoScroll)
       window.scrollTo(0, this.scrollPosition);
     },
 
@@ -318,11 +316,6 @@ export default{
 	overflow: hidden;
 	position: relative;
 	background-image: v-bind(bgImages[0]);
-  /*touch-action: none;*/
-}
-
-.comp.noTouchAction{
-  /*touch-action: none;*/
 }
 
 .comp img{
@@ -365,7 +358,21 @@ export default{
 	@apply bg-primary-500;
 }
 
+.htmlNoScroll{
+  min-height: 100.3%;
+  overscroll-behavior-y: none;
+  height: 100%;
+  overflow: hidden;
+}
 .bodyNoScroll{
+  overscroll-behavior: none;
+  overscroll-behavior-y: none;
+  overflow: hidden;
+  position: fixed;
+  width: 100%;
+  margin: 0;
+  max-height: 100%;
+  -webkit-overflow-scrolling: touch;
 }
 
 @media screen(md){

package/src/themes/default/index.js

@@ -186,7 +186,7 @@ const plugin = Plugin(function({ addBase, config, theme }) {
       transform: 'translate3d(0, 10px, 0)'
     },
 
-    '.slideleft-enter-active, .slideleft - leave - active': {
+    '.slideleft-enter-active, .slideleft-leave-active': {
       transition: 'all 300ms cubic-bezier(0.25, 1, 0.5, 1)',
       transform: 'translate3d(0, 0, 0)'
     },

package/src/widgets/WebComponentSelector.vue

@@ -111,7 +111,7 @@ export default{
               group: _.group
             }
           })
-          console.log(this.extraComponents)
+          console.log(Array.isArray(this.extraComponents))
         })
     }
 
@@ -126,7 +126,7 @@ export default{
     combinedComponents(){
       return [
         ...(this.components ?? []),
-        ...(this.extraComponents ?? [])
+        ...(Array.isArray(this.extraComponents) ? this.extraComponents : [])
       ]
     },