@saooti/octopus-sdk 30.0.38 → 30.0.39

package/README.md

@@ -535,4 +535,5 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.35 Commentaires
  * 30.0.36 LiveList
  * 30.0.37 Commentaires
- * 30.0.38 EmissionList expose
+ * 30.0.38 EmissionList expose
+ * 30.0.39 Listes inline taille item

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "30.0.38",
+  "version": "30.0.39",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/display/emission/EmissionInlineList.vue

@@ -90,7 +90,7 @@ export default defineComponent({
     rubriqueId: { default: undefined, type: Number },
     rubriquageId: { default: undefined, type: Number },
     nbPodcasts: { default: undefined, type: Number },
-    itemSize: { default: undefined, type: Number },
+    itemSize: { default: 13, type: Number },
   },
 
   data() {
@@ -130,6 +130,12 @@ export default defineComponent({
       return this.direction > 0 ? 'out-left' : 'out-right';
     }
   },
+
+  watch: {
+    sizeItem(){
+      this.handleResize();
+    }
+  },
   
   created() {
     window.addEventListener('resize', this.handleResize);
@@ -206,10 +212,7 @@ export default defineComponent({
         return;
       }
       const width = (this.$el as HTMLElement).offsetWidth;
-      let sixteen = domHelper.convertRemToPixels(13.7);
-      if (this.itemSize) {
-        sixteen = domHelper.convertRemToPixels(this.itemSize + 0.7);
-      }
+      const sixteen = domHelper.convertRemToPixels(this.itemSize + 0.7);
       this.size = Math.floor(width / sixteen);
     },
     reset(): void {

package/src/components/display/podcasts/PodcastInlineList.vue

@@ -106,6 +106,7 @@ export default defineComponent({
     rubriqueId: { default: () => [], type: Array as ()=> Array<number> },
     rubriquageId:{ default: () => [], type: Array as ()=> Array<number> },
     noRubriquageId: { default: () => [], type: Array as ()=> Array<number> },
+    sizeItem: { default: 13, type: Number},
   },
   emits: ['update:isArrow'],
 
@@ -175,6 +176,9 @@ export default defineComponent({
       this.reset();
       this.fetchNext();
     },
+    sizeItem(){
+      this.handleResize();
+    }
   },
   
   created() {
@@ -249,7 +253,7 @@ export default defineComponent({
         return;
       }
       const width = (this.$el as HTMLElement).offsetWidth;
-      const sixteen = domHelper.convertRemToPixels(13.7);
+      const sixteen = domHelper.convertRemToPixels(this.sizeItem + 0.7);
       this.size = Math.floor(width / sixteen);
     },
     sortPopular(): void {