@twab/visualization 0.2.3 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .frame-container>div[data-v-efc1ebfe]{height:100%}.frame-container[data-v-efc1ebfe]{background-color:#000;display:flex;justify-content:center}.dummy-frame[data-v-efc1ebfe],.frame-content[data-v-efc1ebfe]{display:flex;align-items:center;justify-content:center}.frame-content video[data-v-efc1ebfe]{flex-grow:1;-o-object-fit:fill;object-fit:fill;z-index:0}.overlay[data-v-efc1ebfe]{width:100%;height:100%;z-index:5;position:absolute;top:0;left:0;border:4px solid transparent}.active .overlay[data-v-efc1ebfe]{border-color:var(--visualization-primary)}.between-time .overlay[data-v-efc1ebfe]{border-top-color:var(--visualization-secondary)}.between-time.active .overlay[data-v-efc1ebfe]{border-color:var(--visualization-secondary)}.initial-time .overlay[data-v-efc1ebfe]{border-top-color:var(--visualization-start)}.initial-time.active .overlay[data-v-efc1ebfe]{border-color:var(--visualization-start)}.end-time .overlay[data-v-efc1ebfe]{border-top-color:var(--visualization-end)}.end-time.active .overlay[data-v-efc1ebfe]{border-color:var(--visualization-end)}.initial-time.end-time .overlay[data-v-efc1ebfe]{border-top-color:var(--visualization-start);border-bottom-color:var(--visualization-end)}.initial-time.end-time.active .overlay[data-v-efc1ebfe]{border-top-color:var(--visualization-start);border-left-color:var(--visualization-start);border-bottom-color:var(--visualization-end);border-right-color:var(--visualization-end)}#progress[data-v-7fe6f244]{position:relative;cursor:pointer;width:80%;height:15px;background-color:#dfdfdf;margin:5px auto;border-radius:6px}.progressBar[data-v-7fe6f244]{display:absolute;height:15px;position:absolute;top:0;left:0;background-color:var(--visualization-secondary);z-index:2;width:50%;border-radius:inherit}.progressBar[data-v-7fe6f244]:after{content:"";width:17px;height:17px;position:absolute;top:-1px;right:-8.5px;border-radius:50%;background-color:var(--visualization-primary);z-index:3}.progressLabel[data-v-7fe6f244]{z-index:4;margin:0 auto;font-weight:700;line-height:17px;font-size:14px;text-shadow:-1px 0 #dfdfdf,0 1px #dfdfdf,1px 0 #dfdfdf,0 -1px #dfdfdf;-webkit-user-select:none;-moz-user-select:none;user-select:none}dialog[data-v-bf2f3c16]{max-width:60vw;padding:12px;border:none;background:#fff;border-radius:5px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.visualization-row{display:flex;flex-wrap:wrap;flex:1 1 auto}.visualization-col{flex-basis:0;flex-grow:1;max-width:100%;padding:12px}.visualization-divider{display:block;flex:1 1 100%;height:0;max-height:0;opacity:1;transition:inherit;border-style:solid;border-width:thin 0 0 0;border-color:rgba(0,0,0,.12);margin:0}.visualization-divider.vertical{align-self:stretch;border-width:0 thin 0 0;display:inline-flex;height:inherit;margin-left:-1px;max-height:100%;max-width:0;vertical-align:text-bottom;width:0}.visualization-card{flex-basis:0;flex-grow:1;max-width:100%;padding:12px;width:100%;transition-property:box-shadow,opacity;overflow-wrap:break-word;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:6px}.visualization-justify-center{justify-content:center}.visualization-align-center{align-items:center}#visualization-container{max-width:100%!important;margin:0 auto!important;height:100%;border-bottom:none}#visualization-container>.card{border-radius:0!important;font-size:12px;width:100%;box-shadow:none;height:100%}#command-bar,#info-bar{background-color:#f5f5f5;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}#command-bar button{width:42px;height:36px;border:none;background:none}#command-bar button:hover{cursor:pointer;background:rgba(0,0,0,.12)}#command-bar svg{font-size:16px}#command-bar{padding:0!important}#info-bar{padding:4px;font-size:14px;position:relative}.settings-container{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.settings-container>*{margin:0 2px;cursor:pointer}#info-bar svg{font-size:16px}#info-bar .divider{margin:0 8px}svg:focus{border:none}.visualization-card{border-left:8px solid #eee}.active-tab{border-left:8px solid var(--visualization-primary)!important;border-image-slice:1}[id^=frame-]{padding:1px;display:flex;flex-flow:column}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:var(--visualization-primary);color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:var(--visualization-primary);z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;box-shadow:0 5px 30px rgba(black,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}
1
+ .frame-container>div[data-v-5c1173af]{max-height:100%}.frame-container[data-v-5c1173af]{background-color:#000;display:flex;justify-content:center}.dummy-frame[data-v-5c1173af],.frame-content[data-v-5c1173af]{display:flex;align-items:center;justify-content:center}.frame-content video[data-v-5c1173af]{flex-grow:1;-o-object-fit:fill;object-fit:fill;z-index:0}.overlay[data-v-5c1173af]{width:100%;height:100%;z-index:5;position:absolute;top:0;left:0;border:4px solid transparent}.active .overlay[data-v-5c1173af]{border-color:var(--visualization-primary)}.between-time .overlay[data-v-5c1173af]{border-top-color:var(--visualization-secondary)}.between-time.active .overlay[data-v-5c1173af]{border-color:var(--visualization-secondary)}.initial-time .overlay[data-v-5c1173af]{border-top-color:var(--visualization-start)}.initial-time.active .overlay[data-v-5c1173af]{border-color:var(--visualization-start)}.end-time .overlay[data-v-5c1173af]{border-top-color:var(--visualization-end)}.end-time.active .overlay[data-v-5c1173af]{border-color:var(--visualization-end)}.initial-time.end-time .overlay[data-v-5c1173af]{border-top-color:var(--visualization-start);border-bottom-color:var(--visualization-end)}.initial-time.end-time.active .overlay[data-v-5c1173af]{border-top-color:var(--visualization-start);border-left-color:var(--visualization-start);border-bottom-color:var(--visualization-end);border-right-color:var(--visualization-end)}#progress[data-v-7fe6f244]{position:relative;cursor:pointer;width:80%;height:15px;background-color:#dfdfdf;margin:5px auto;border-radius:6px}.progressBar[data-v-7fe6f244]{display:absolute;height:15px;position:absolute;top:0;left:0;background-color:var(--visualization-secondary);z-index:2;width:50%;border-radius:inherit}.progressBar[data-v-7fe6f244]:after{content:"";width:17px;height:17px;position:absolute;top:-1px;right:-8.5px;border-radius:50%;background-color:var(--visualization-primary);z-index:3}.progressLabel[data-v-7fe6f244]{z-index:4;margin:0 auto;font-weight:700;line-height:17px;font-size:14px;text-shadow:-1px 0 #dfdfdf,0 1px #dfdfdf,1px 0 #dfdfdf,0 -1px #dfdfdf;-webkit-user-select:none;-moz-user-select:none;user-select:none}dialog[data-v-bf2f3c16]{max-width:60vw;padding:12px;border:none;background:#fff;border-radius:5px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.visualization-row{display:flex;flex-wrap:wrap;flex:1 1 auto}.visualization-col{flex-basis:0;flex-grow:1;max-width:100%;padding:12px}.visualization-divider{display:block;flex:1 1 100%;height:0;max-height:0;opacity:1;transition:inherit;border-style:solid;border-width:thin 0 0 0;border-color:rgba(0,0,0,.12);margin:0}.visualization-divider.vertical{align-self:stretch;border-width:0 thin 0 0;display:inline-flex;height:inherit;margin-left:-1px;max-height:100%;max-width:0;vertical-align:text-bottom;width:0}.visualization-card{flex-basis:0;flex-grow:1;max-width:100%;padding:12px;width:100%;transition-property:box-shadow,opacity;overflow-wrap:break-word;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:6px}.visualization-justify-center{justify-content:center}.visualization-align-center{align-items:center}#visualization-container{max-width:100%!important;margin:0 auto!important;height:100%;border-bottom:none}#visualization-container>.card{border-radius:0!important;font-size:12px;width:100%;box-shadow:none;height:100%}#command-bar,#info-bar{background-color:#f5f5f5;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}#command-bar button{width:42px;height:36px;border:none;background:none}#command-bar button:hover{cursor:pointer;background:rgba(0,0,0,.12)}#command-bar svg{font-size:16px}#command-bar{padding:0!important}#info-bar{padding:4px;font-size:14px;position:relative}.settings-container{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.settings-container>*{margin:0 2px;cursor:pointer}#info-bar svg{font-size:16px}#info-bar .divider{margin:0 8px}svg:focus{border:none}.visualization-card{border-left:8px solid #eee}.active-tab{border-left:8px solid var(--visualization-primary)!important;border-image-slice:1}[id^=frame-]{padding:1px;display:flex;flex-flow:column}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:var(--visualization-primary);color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:var(--visualization-primary);z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;box-shadow:0 5px 30px rgba(black,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}
@@ -10423,7 +10423,7 @@ if (typeof window !== 'undefined') {
10423
10423
  // Indicate to webpack that this file can be concatenated
10424
10424
  /* harmony default export */ var setPublicPath = (null);
10425
10425
 
10426
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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&
10426
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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&
10427
10427
  var render = function render() {
10428
10428
  var _vm = this,
10429
10429
  _c = _vm._self._c;
@@ -10707,8 +10707,8 @@ var render = function render() {
10707
10707
  };
10708
10708
  var staticRenderFns = [];
10709
10709
 
10710
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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&
10711
- var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
10710
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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&
10711
+ var Framevue_type_template_id_5c1173af_scoped_true_render = function render() {
10712
10712
  var _vm = this,
10713
10713
  _c = _vm._self._c;
10714
10714
  return _c('div', {
@@ -10720,7 +10720,7 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
10720
10720
  active: _vm.active
10721
10721
  },
10722
10722
  style: {
10723
- height: `${_vm.maxHeight}px`,
10723
+ maxHeight: `${_vm.maxHeight}px`,
10724
10724
  width: '100%',
10725
10725
  position: 'relative'
10726
10726
  }
@@ -10775,8 +10775,8 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
10775
10775
  'frame-content': _vm.frame.title === -1 || _vm.videoStatus !== _vm.Status.stopped
10776
10776
  },
10777
10777
  style: {
10778
- height: `${_vm.height}px`,
10779
- width: `${_vm.width}px`,
10778
+ maxHeight: `${_vm.height}px`,
10779
+ maxWidth: `${_vm.width}px`,
10780
10780
  color: 'white'
10781
10781
  },
10782
10782
  on: {
@@ -10786,14 +10786,22 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
10786
10786
  class: {
10787
10787
  'dummy-frame': _vm.frame.title === -1
10788
10788
  },
10789
+ staticStyle: {
10790
+ "width": "100%",
10791
+ "height": "100%"
10792
+ },
10789
10793
  domProps: {
10790
10794
  "innerHTML": _vm._s(_vm.frame.image)
10791
10795
  }
10792
10796
  }) : _vm._e(), _vm.videoStatus !== _vm.Status.stopped && !_vm.videoIsLoading ? _c('video', {
10793
10797
  ref: "videoPlayer",
10798
+ staticStyle: {
10799
+ "width": "100%",
10800
+ "aspect-ratio": "11/9"
10801
+ },
10794
10802
  attrs: {
10795
- "height": `${_vm.height}px`,
10796
- "width": `${_vm.width}px`,
10803
+ "maxHeight": `${_vm.height}px`,
10804
+ "maxWidth": `${_vm.width}px`,
10797
10805
  "src": _vm.videoUrlString,
10798
10806
  "preload": "none",
10799
10807
  "autoplay": ""
@@ -10820,7 +10828,7 @@ var Framevue_type_template_id_efc1ebfe_scoped_true_render = function render() {
10820
10828
  }
10821
10829
  })], 1);
10822
10830
  };
10823
- var Framevue_type_template_id_efc1ebfe_scoped_true_staticRenderFns = [];
10831
+ var Framevue_type_template_id_5c1173af_scoped_true_staticRenderFns = [];
10824
10832
 
10825
10833
  // EXTERNAL MODULE: ./node_modules/vue-loading-twa/lib/vue-loading-twa.min.js
10826
10834
  var vue_loading_twa_min = __webpack_require__(3396);
@@ -11039,10 +11047,10 @@ const Status = Object.freeze({
11039
11047
  });
11040
11048
  ;// CONCATENATED MODULE: ./src/components/Frame.vue?vue&type=script&lang=js&
11041
11049
  /* harmony default export */ var components_Framevue_type_script_lang_js_ = (Framevue_type_script_lang_js_);
11042
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.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&
11050
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.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&
11043
11051
  // extracted by mini-css-extract-plugin
11044
11052
 
11045
- ;// CONCATENATED MODULE: ./src/components/Frame.vue?vue&type=style&index=0&id=efc1ebfe&prod&scoped=true&lang=css&
11053
+ ;// CONCATENATED MODULE: ./src/components/Frame.vue?vue&type=style&index=0&id=5c1173af&prod&scoped=true&lang=css&
11046
11054
 
11047
11055
  ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
11048
11056
  /* globals __VUE_SSR_CONTEXT__ */
@@ -11153,11 +11161,11 @@ function normalizeComponent(
11153
11161
 
11154
11162
  var component = normalizeComponent(
11155
11163
  components_Framevue_type_script_lang_js_,
11156
- Framevue_type_template_id_efc1ebfe_scoped_true_render,
11157
- Framevue_type_template_id_efc1ebfe_scoped_true_staticRenderFns,
11164
+ Framevue_type_template_id_5c1173af_scoped_true_render,
11165
+ Framevue_type_template_id_5c1173af_scoped_true_staticRenderFns,
11158
11166
  false,
11159
11167
  null,
11160
- "efc1ebfe",
11168
+ "5c1173af",
11161
11169
  null
11162
11170
 
11163
11171
  )
@@ -14438,9 +14446,9 @@ FramesManager.prototype.getSmallBlock = async function (time, channel, split) {
14438
14446
  delete this.requests[requestId];
14439
14447
  return true;
14440
14448
  }
14441
- throw 'Request blocked by another equal request occurring';
14449
+ console.error(`Frames Manager (GetSmallBlock): Request blocked by another equal request occurring`);
14450
+ return false;
14442
14451
  } catch (err) {
14443
- console.log(err);
14444
14452
  console.error(`Frames Manager (GetSmallBlock): ${err}`);
14445
14453
  delete this.requests[requestId];
14446
14454
  return false;
@@ -14475,9 +14483,10 @@ FramesManager.prototype.getBlock = async function (time, channel, split, directi
14475
14483
  delete this.requests[requestId];
14476
14484
  return true;
14477
14485
  }
14478
- throw 'Request blocked by another equal request occurring';
14486
+ console.error(`Frames Manager (GetBlock ${direction}): Request blocked by another equal request occurring`);
14487
+ return false;
14479
14488
  } catch (err) {
14480
- console.error(`Frames Manager (GetBlock): ${err}`);
14489
+ console.error(`Frames Manager (GetBlock ${direction}): ${err}`);
14481
14490
  delete this.requests[requestId];
14482
14491
  return false;
14483
14492
  }
@@ -14497,7 +14506,6 @@ FramesManager.prototype.checkFramesBackward = function () {
14497
14506
  return this.currentPosition < Enum.MinBlockSizesBack[this.currentStep];
14498
14507
  };
14499
14508
  FramesManager.prototype.orderFramesBlock = function (images) {
14500
- images = images.filter(image => image.time >= this.firstFrameTime);
14501
14509
  if (this.buffer.length > 0) {
14502
14510
  const bufferFistTime = this.buffer[0].time;
14503
14511
  const bufferLastTime = this.buffer[this.buffer.length - 1].time;
@@ -14644,17 +14652,16 @@ FramesInterface.prototype.loadNextFrames = async function () {
14644
14652
  };
14645
14653
  FramesInterface.prototype.loadPrevFrames = async function () {
14646
14654
  this.framesManager.previous();
14655
+ console.log(this.framesManager.currentTime, this.firstFrameTime);
14656
+ if (this.framesManager.currentTime < this.firstFrameTime) {
14657
+ await this.framesManager.goTo(this.firstFrameTime);
14658
+ await this.loadFrames();
14659
+ return;
14660
+ }
14647
14661
  let prev = (await this.framesManager.getPrevImages()) || [];
14648
14662
  prev = await this.constructImagesComponent(prev);
14649
- if (this.firstFrameTime === this.framesManager.currentTime) {
14650
- let next = (await this.framesManager.getNextImages()) || [];
14651
- let current = (await this.framesManager.getCurrentImages()) || [];
14652
- this.frames.next = next;
14653
- this.frames.current = current;
14654
- } else {
14655
- this.frames.next = this.frames.current;
14656
- this.frames.current = this.frames.prev;
14657
- }
14663
+ this.frames.next = this.frames.current;
14664
+ this.frames.current = this.frames.prev;
14658
14665
  this.frames.prev = prev;
14659
14666
  };
14660
14667
  FramesInterface.prototype.constructImagesComponent = async function (array) {
@@ -14662,7 +14669,7 @@ FramesInterface.prototype.constructImagesComponent = async function (array) {
14662
14669
  for (let frame of array) {
14663
14670
  const image = document.createElement('img');
14664
14671
  image.src = frame.title === -1 ? __webpack_require__(9583) : `${sessionStorage.getItem('base_url')}frames/${frame.title}${server == 'alternative' ? '?server=alt' : ''}`;
14665
- image.style.width = frame.title === -1 ? '80%' : '100%';
14672
+ image.style.maxWidth = frame.title === -1 ? '80%' : '100%';
14666
14673
  image.style.contain = 'true';
14667
14674
  Semaphor.push(new Promise(resolve => {
14668
14675
  image.addEventListener('load', () => {
@@ -15777,6 +15784,9 @@ const Positions = Object.freeze({
15777
15784
  framesFormat: {
15778
15785
  type: [Number, String],
15779
15786
  default: 6
15787
+ },
15788
+ maxSize: {
15789
+ type: Number
15780
15790
  }
15781
15791
  },
15782
15792
  components: {
@@ -15870,7 +15880,9 @@ const Positions = Object.freeze({
15870
15880
  this.framesPerRow = storedOnDb.framesPerRow;
15871
15881
  this.numberOfRows = storedOnDb.numberOfRows;
15872
15882
  await this.createFramesInterface();
15873
- this.resize(500);
15883
+ if (this.maxSize) {
15884
+ this.resize(this.maxSize, true);
15885
+ }
15874
15886
  },
15875
15887
  methods: {
15876
15888
  framesClicked(e) {
@@ -15939,14 +15951,19 @@ const Positions = Object.freeze({
15939
15951
  changePlayPause(status) {
15940
15952
  this.paused = !status;
15941
15953
  },
15942
- //eslint-disable-next-line
15943
- resize(height) {
15954
+ resize() {
15955
+ let height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.lastHeight;
15956
+ let dynamic = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
15957
+ if (this.numberOfRows === 2 && dynamic) {
15958
+ height *= 1.5;
15959
+ }
15944
15960
  this.lastHeight = height;
15945
15961
  if (this.$refs.frames) {
15946
15962
  for (let frame of this.$refs.frames) {
15947
15963
  frame.resize(height);
15948
15964
  }
15949
15965
  }
15966
+ this.$emit('resized');
15950
15967
  },
15951
15968
  async goToFirstFrame() {
15952
15969
  let frames = this.$refs.frames;
@@ -16437,10 +16454,10 @@ const Positions = Object.freeze({
16437
16454
  });
16438
16455
  ;// CONCATENATED MODULE: ./src/Visualization.vue?vue&type=script&lang=js&
16439
16456
  /* harmony default export */ var src_Visualizationvue_type_script_lang_js_ = (Visualizationvue_type_script_lang_js_);
16440
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.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&
16457
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.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&
16441
16458
  // extracted by mini-css-extract-plugin
16442
16459
 
16443
- ;// CONCATENATED MODULE: ./src/Visualization.vue?vue&type=style&index=0&id=f4735614&prod&scoped=true&lang=css&
16460
+ ;// CONCATENATED MODULE: ./src/Visualization.vue?vue&type=style&index=0&id=6b83e43c&prod&scoped=true&lang=css&
16444
16461
 
16445
16462
  ;// CONCATENATED MODULE: ./src/Visualization.vue
16446
16463
 
@@ -16457,7 +16474,7 @@ var Visualization_component = normalizeComponent(
16457
16474
  staticRenderFns,
16458
16475
  false,
16459
16476
  null,
16460
- "f4735614",
16477
+ "6b83e43c",
16461
16478
  null
16462
16479
 
16463
16480
  )