@mixd-id/web-scaffold 0.1.230406204 → 0.1.230406206

package/package.json

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

package/src/components/Carousel.vue

@@ -205,10 +205,10 @@ export default{
       const ix = parseInt(this._props['ix'] + dx)
 
       if(!this._props['direction']){
-        if(Math.abs(dy) > 10){
+        if(Math.abs(dy) > 3){
           this._props['direction'] = 'vertical'
         }
-        else if(Math.abs(dx) > 15){
+        else if(Math.abs(dx) > 3){
           this._props['direction'] = 'horizontal'
           this.disableBodyScroll()
         }

package/src/widgets/FAQ.vue

@@ -3,8 +3,8 @@
 		<h3>{{ title }}</h3>
 		<div :class="$style.items">
 			<div v-for="(item, idx) in items" :class="$style.item">
-				<input type="checkbox" :name="$style.comp" :id="`${$style.comp}${idx}`" />
-				<label :for="`${$style.comp}${idx}`" class="text-lg">{{ item.question }}</label>
+				<input type="checkbox" :name="$style.comp" :id="`${$style.comp}${id}${idx}`" />
+				<label :for="`${$style.comp}${id}${idx}`" class="text-lg">{{ item.question }}</label>
 				<div>
 					<div class="p-4 pt-0 pb-8 text-lg" v-html="item.answer"></div>
 				</div>
@@ -29,7 +29,13 @@ export default{
 	props:{
 		title: String,
 		items: Array
-	}
+	},
+
+  data(){
+    return {
+      id: this.uniqid()
+    }
+  }
 
 }
 

package/src/widgets/WebPageBuilder.vue

@@ -755,6 +755,13 @@ export default{
         }
       }
 
+      const whitelistProps = [ 'containerVariant' ]
+      whitelistProps.forEach((key) => {
+        if(component.props[key]){
+          instance[key] = component.props[key]
+        }
+      })
+
       if(Array.isArray(component.items)){
         instance.items = component.items.map((_) => this.createComponentInstance(_)).filter(_=>_)
       }