@sedoo/unidoo 0.0.78 → 0.0.81

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sedoo/unidoo",
-    "version": "0.0.78",
+    "version": "0.0.81",
     "private": false,
     "scripts": {
         "build": "vue-cli-service build --target lib --name unidoo src/plugin.js",

package/src/components/unidoo-player/UnidooPlayer.vue

@@ -1,37 +1,39 @@
 <template>
-  <v-col container>
-    <div level-selector >
-
-     <level-selector
-        v-model="entries"
-        :data="data"
-      ></level-selector>
-
-    </div>
-
-    <unidoo-simple-player
-      v-if="hasData"
-      class="constrained"
-      :label="label"
-      :entries="entries"
-    >
-
-      <template v-slot:customField>
-        <slot name="customField"></slot>    
-      </template>
-
-    </unidoo-simple-player>
-
-    <div v-else-if="noVisibleData" class="constrained placeholder">
-      <div style="position: absolute; top: 0; left: 0;"><slot name="customField"></slot></div><b>{{ noVisibleDataMessage }}</b>
-    </div>
-    
-    <div v-else class="constrained placeholder">
-      <div style="position: absolute; top: 0; left: 0;"><slot name="customField"></slot></div><b>{{ noDataMessage }}</b>
-    </div>
-
-    <div v-if="isLoading" mask></div>
-  </v-col>
+  <div>
+    <v-col container>
+      <div level-selector >
+
+      <level-selector
+          v-model="entries"
+          :data="data"
+        ></level-selector>
+
+      </div>
+
+      <unidoo-simple-player
+        v-if="hasData"
+        class="constrained"
+        :label="label"
+        :entries="entries"
+      >
+
+        <template v-slot:customField>
+          <slot name="customField"></slot>    
+        </template>
+
+      </unidoo-simple-player>
+
+      <div v-else-if="noVisibleData" class="constrained placeholder">
+        <div style="position: absolute; top: 0; left: 0;"><slot name="customField"></slot></div><b>{{ noVisibleDataMessage }}</b>
+      </div>
+      
+      <div v-else class="constrained placeholder">
+        <div style="position: absolute; top: 0; left: 0;"><slot name="customField"></slot></div><b>{{ noDataMessage }}</b>
+      </div>
+
+      <div v-if="isLoading" mask></div>
+    </v-col>
+  </div>
 </template>
 
 <script>

package/src/components/unidoo-player/image-viewer/image-viewer.vue

@@ -1,6 +1,6 @@
 <template>
   <v-col justify="center" style="display: flex; height: inherit">
-    <v-row justify="center" style="height : 100%" >
+    <v-row justify="center" style="margin: auto; height : 100%" >
 
       <img 
         viewer-img

package/src/components/unidoo-player/unidoo-player-layout/UnidooPlayerLayout.vue

@@ -1,5 +1,5 @@
 <template>
-  <div root>
+  <div>
 
     <div player-layout elevation="0" :class="{ zoomed: isZoomed }">
 
@@ -155,8 +155,8 @@ export default {
     },
 
     subBodyStyle(){
-      const vh = (this.isZoomed) ? '72vh' : '40vh';
-      return { gridTemplateRows: ((this.playerBarTop) ? '10px 140px 10px ' + vh + ' 10px' : '10px ' + vh + ' 10px 140px 10px')};
+      const vh = (this.isZoomed) ? '75vh' : '43vh';
+      return { gridTemplateRows: ((this.playerBarTop) ? '10px 120px 10px ' + vh + ' 10px' : '10px ' + vh + ' 10px 120px 10px')};
     }
 
   },

package/src/components/unidoo-player/unidoo-simple-player/UnidooSimplePlayer.vue

@@ -10,7 +10,7 @@
       :graduation="graduation"
       :frequency="300"
       :loadedFrames="loadedFrames"
-      @reload-frames="preloadFrames(loadIndex)"
+      @reload-frames="refreshPreload(loadIndex)"
       progressBarTitle="Loading image"
     >
 
@@ -205,6 +205,11 @@ export default {
       }
     },
 
+    refreshPreload(loadIndex){
+      this.lastFrameQualifier = this.currentQualifier;
+      this.preloadFrames(loadIndex);
+    },
+
     incrementPreload() {
       this.loadedFrames++;
       if (this.loadedFrames === this.max + 1) {