@twab/visualization 0.2.3 → 0.9.1

package/dist/visualization.common.js

@@ -10413,7 +10413,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Visualization.vue?vue&type=template&id=f4735614&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Visualization.vue?vue&type=template&id=6b83e43c&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -10697,8 +10697,8 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Frame.vue?vue&type=template&id=efc1ebfe&scoped=true&
-var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Frame.vue?vue&type=template&id=5c1173af&scoped=true&
+var Framevue_type_template_id_5c1173af_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -10710,7 +10710,7 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
       active: _vm.active
     },
     style: {
-      height: `${_vm.maxHeight}px`,
+      maxHeight: `${_vm.maxHeight}px`,
       width: '100%',
       position: 'relative'
     }
@@ -10765,8 +10765,8 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
       'frame-content': _vm.frame.title === -1 || _vm.videoStatus !== _vm.Status.stopped
     },
     style: {
-      height: `${_vm.height}px`,
-      width: `${_vm.width}px`,
+      maxHeight: `${_vm.height}px`,
+      maxWidth: `${_vm.width}px`,
       color: 'white'
     },
     on: {
@@ -10776,14 +10776,22 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
     class: {
       'dummy-frame': _vm.frame.title === -1
     },
+    staticStyle: {
+      "width": "100%",
+      "height": "100%"
+    },
     domProps: {
       "innerHTML": _vm._s(_vm.frame.image)
     }
   }) : _vm._e(), _vm.videoStatus !== _vm.Status.stopped && !_vm.videoIsLoading ? _c('video', {
     ref: "videoPlayer",
+    staticStyle: {
+      "width": "100%",
+      "aspect-ratio": "11/9"
+    },
     attrs: {
-      "height": `${_vm.height}px`,
-      "width": `${_vm.width}px`,
+      "maxHeight": `${_vm.height}px`,
+      "maxWidth": `${_vm.width}px`,
       "src": _vm.videoUrlString,
       "preload": "none",
       "autoplay": ""
@@ -10810,7 +10818,7 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
     }
   })], 1);
 };
-var Framevue_type_template_id_efc1ebfe_scoped_true_staticRenderFns = [];
+var Framevue_type_template_id_5c1173af_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/vue-loading-twa/lib/vue-loading-twa.min.js
 var vue_loading_twa_min = __webpack_require__(3093);
@@ -11029,10 +11037,10 @@ const Status = Object.freeze({
 });
 ;// CONCATENATED MODULE: ./src/components/Frame.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_Framevue_type_script_lang_js_ = (Framevue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Frame.vue?vue&type=style&index=0&id=efc1ebfe&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Frame.vue?vue&type=style&index=0&id=5c1173af&prod&scoped=true&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/Frame.vue?vue&type=style&index=0&id=efc1ebfe&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./src/components/Frame.vue?vue&type=style&index=0&id=5c1173af&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -11143,11 +11151,11 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   components_Framevue_type_script_lang_js_,
-  Framevue_type_template_id_efc1ebfe_scoped_true_render,
-  Framevue_type_template_id_efc1ebfe_scoped_true_staticRenderFns,
+  Framevue_type_template_id_5c1173af_scoped_true_render,
+  Framevue_type_template_id_5c1173af_scoped_true_staticRenderFns,
   false,
   null,
-  "efc1ebfe",
+  "5c1173af",
   null
   
 )
@@ -14428,9 +14436,9 @@ FramesManager.prototype.getSmallBlock = async function (time, channel, split) {
       delete this.requests[requestId];
       return true;
     }
-    throw 'Request blocked by another equal request occurring';
+    console.error(`Frames Manager (GetSmallBlock): Request blocked by another equal request occurring`);
+    return false;
   } catch (err) {
-    console.log(err);
     console.error(`Frames Manager (GetSmallBlock): ${err}`);
     delete this.requests[requestId];
     return false;
@@ -14465,9 +14473,10 @@ FramesManager.prototype.getBlock = async function (time, channel, split, directi
       delete this.requests[requestId];
       return true;
     }
-    throw 'Request blocked by another equal request occurring';
+    console.error(`Frames Manager (GetBlock ${direction}): Request blocked by another equal request occurring`);
+    return false;
   } catch (err) {
-    console.error(`Frames Manager (GetBlock): ${err}`);
+    console.error(`Frames Manager (GetBlock ${direction}): ${err}`);
     delete this.requests[requestId];
     return false;
   }
@@ -14487,7 +14496,6 @@ FramesManager.prototype.checkFramesBackward = function () {
   return this.currentPosition < Enum.MinBlockSizesBack[this.currentStep];
 };
 FramesManager.prototype.orderFramesBlock = function (images) {
-  images = images.filter(image => image.time >= this.firstFrameTime);
   if (this.buffer.length > 0) {
     const bufferFistTime = this.buffer[0].time;
     const bufferLastTime = this.buffer[this.buffer.length - 1].time;
@@ -14634,17 +14642,16 @@ FramesInterface.prototype.loadNextFrames = async function () {
 };
 FramesInterface.prototype.loadPrevFrames = async function () {
   this.framesManager.previous();
+  console.log(this.framesManager.currentTime, this.firstFrameTime);
+  if (this.framesManager.currentTime < this.firstFrameTime) {
+    await this.framesManager.goTo(this.firstFrameTime);
+    await this.loadFrames();
+    return;
+  }
   let prev = (await this.framesManager.getPrevImages()) || [];
   prev = await this.constructImagesComponent(prev);
-  if (this.firstFrameTime === this.framesManager.currentTime) {
-    let next = (await this.framesManager.getNextImages()) || [];
-    let current = (await this.framesManager.getCurrentImages()) || [];
-    this.frames.next = next;
-    this.frames.current = current;
-  } else {
-    this.frames.next = this.frames.current;
-    this.frames.current = this.frames.prev;
-  }
+  this.frames.next = this.frames.current;
+  this.frames.current = this.frames.prev;
   this.frames.prev = prev;
 };
 FramesInterface.prototype.constructImagesComponent = async function (array) {
@@ -14652,7 +14659,7 @@ FramesInterface.prototype.constructImagesComponent = async function (array) {
   for (let frame of array) {
     const image = document.createElement('img');
     image.src = frame.title === -1 ? __webpack_require__(9583) : `${sessionStorage.getItem('base_url')}frames/${frame.title}${server == 'alternative' ? '?server=alt' : ''}`;
-    image.style.width = frame.title === -1 ? '80%' : '100%';
+    image.style.maxWidth = frame.title === -1 ? '80%' : '100%';
     image.style.contain = 'true';
     Semaphor.push(new Promise(resolve => {
       image.addEventListener('load', () => {
@@ -15767,6 +15774,9 @@ const Positions = Object.freeze({
     framesFormat: {
       type: [Number, String],
       default: 6
+    },
+    maxSize: {
+      type: Number
     }
   },
   components: {
@@ -15860,7 +15870,9 @@ const Positions = Object.freeze({
     this.framesPerRow = storedOnDb.framesPerRow;
     this.numberOfRows = storedOnDb.numberOfRows;
     await this.createFramesInterface();
-    this.resize(500);
+    if (this.maxSize) {
+      this.resize(this.maxSize, true);
+    }
   },
   methods: {
     framesClicked(e) {
@@ -15929,14 +15941,19 @@ const Positions = Object.freeze({
     changePlayPause(status) {
       this.paused = !status;
     },
-    //eslint-disable-next-line
-    resize(height) {
+    resize() {
+      let height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.lastHeight;
+      let dynamic = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (this.numberOfRows === 2 && dynamic) {
+        height *= 1.5;
+      }
       this.lastHeight = height;
       if (this.$refs.frames) {
         for (let frame of this.$refs.frames) {
           frame.resize(height);
         }
       }
+      this.$emit('resized');
     },
     async goToFirstFrame() {
       let frames = this.$refs.frames;
@@ -16427,10 +16444,10 @@ const Positions = Object.freeze({
 });
 ;// CONCATENATED MODULE: ./src/Visualization.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_Visualizationvue_type_script_lang_js_ = (Visualizationvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Visualization.vue?vue&type=style&index=0&id=f4735614&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Visualization.vue?vue&type=style&index=0&id=6b83e43c&prod&scoped=true&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/Visualization.vue?vue&type=style&index=0&id=f4735614&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./src/Visualization.vue?vue&type=style&index=0&id=6b83e43c&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/Visualization.vue
 
@@ -16447,7 +16464,7 @@ var Visualization_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "f4735614",
+  "6b83e43c",
   null
   
 )