@sedoo/unidoo 0.0.69 → 0.0.70

package/package.json

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

package/src/components/unidoo-player/level-selector/level-selector-row.vue

@@ -5,20 +5,22 @@
       <span label>{{label}} : </span>
 
       <span line v-if="options && options.length > 0">
-        <span v-for="key in options"
+        <span v-for="item in options"
           value
-          :key="key"
-          :class="'level ' + ((availableOptions.includes(key)) ? 'clickable-level ' : 'disabled-level ')  + focus(key)"
-          @click="emitInput(key, (availableOptions.includes(key)))"
-        >{{key}}</span>
+          :key="item.value"
+          :title="item.legend"
+          :class="'level ' + ((availableOptions.includes(item.value)) ? 'clickable-level ' : 'disabled-level ')  + focus(item.value)"
+          @click="emitInput(item.value, (availableOptions.includes(item.value)))"
+        >{{item.value}}</span>
       </span>
       <span line v-else>
-        <span v-for="key in availableOptions"
+        <span v-for="item in availableOptions"
           value
-          :key="key"
-          :class="'level ' + 'clickable-level ' + focus(key)"
-          @click="$emit('input', key)"
-        >{{key}}</span>
+          :key="item.value"
+          :title="item.legend"
+          :class="'level ' + 'clickable-level ' + focus(item.value)"
+          @click="$emit('input', item.value)"
+        >{{item.value}}</span>
       </span>
     
     </div>  

package/src/components/unidoo-player/level-selector/level-selector.vue

@@ -145,7 +145,8 @@ export default {
             curLevels.forEach(l => {
               if (this.levels[l.name]) {
                 if (!this.levels[l.name].values) this.levels[l.name].values = [];
-                this.pushIfNotExist(this.levels[l.name].values, l.value);
+                this.pushIfObjectNotExist(this.levels[l.name].values, { value: l.value, legend: this.getLegend(l.value) });
+                // this.pushIfNotExist(this.levels[l.name].values, l.value);
               }
 
               // compute id with options combination
@@ -176,6 +177,17 @@ export default {
       }
     },
 
+    getLegend(value){
+      if(value && this.data && this.data.legend){
+        const legend = this.data.legend.find(el => (el.code && el.code.toUpperCase() === value.toUpperCase()));
+        if(legend) {
+          return legend.label;
+        } else {
+          return null;
+        }
+      }
+    },
+
     mergeDeep(target, source) {
       const isObject = (obj) => obj && typeof obj === 'object';
 
@@ -249,6 +261,13 @@ export default {
         }
     },
 
+    pushIfObjectNotExist(array, element) { 
+        if (array && !array.some(e => e.value === element.value)) {
+            array.push(element);
+        }
+    },
+
+
     sort(array) {
       if (array) {
         if (array.length > 1) {