@webitel/ui-sdk 1.0.25 → 1.0.28

package/dist/ui-sdk.umd.js

@@ -295,6 +295,17 @@ module.exports = function (obj) {
 };
 
 
+/***/ }),
+
+/***/ "0b02":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wt_badge_vue_vue_type_style_index_0_id_94557de2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ee93");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wt_badge_vue_vue_type_style_index_0_id_94557de2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wt_badge_vue_vue_type_style_index_0_id_94557de2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0b42":
@@ -412,17 +423,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "0dc5":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wt_badge_vue_vue_type_style_index_0_id_0ec13606_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3711");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wt_badge_vue_vue_type_style_index_0_id_0ec13606_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wt_badge_vue_vue_type_style_index_0_id_0ec13606_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0ec9":
@@ -1370,13 +1370,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "3711":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "37e8":
@@ -8177,6 +8170,13 @@ module.exports = "data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "ee93":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "f069":
@@ -8621,12 +8621,12 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var wt_avatar = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"62ff6119-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/wt-badge/wt-badge.vue?vue&type=template&id=0ec13606&scoped=true&
-var wt_badgevue_type_template_id_0ec13606_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"wt-badge",class:{ 'wt-badge--outside': _vm.outside },style:({ background: ("var(--" + _vm.colorVariable + ")") })})}
-var wt_badgevue_type_template_id_0ec13606_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"62ff6119-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/wt-badge/wt-badge.vue?vue&type=template&id=94557de2&scoped=true&
+var wt_badgevue_type_template_id_94557de2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"wt-badge",class:{ 'wt-badge--outside': _vm.outside },style:({ background: ("var(--" + _vm.colorVariable + ")") })})}
+var wt_badgevue_type_template_id_94557de2_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/atoms/wt-badge/wt-badge.vue?vue&type=template&id=0ec13606&scoped=true&
+// CONCATENATED MODULE: ./src/components/atoms/wt-badge/wt-badge.vue?vue&type=template&id=94557de2&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/wt-badge/wt-badge.vue?vue&type=script&lang=js&
 //
@@ -8653,8 +8653,8 @@ var wt_badgevue_type_template_id_0ec13606_scoped_true_staticRenderFns = []
 });
 // CONCATENATED MODULE: ./src/components/atoms/wt-badge/wt-badge.vue?vue&type=script&lang=js&
  /* harmony default export */ var wt_badge_wt_badgevue_type_script_lang_js_ = (wt_badgevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/atoms/wt-badge/wt-badge.vue?vue&type=style&index=0&id=0ec13606&lang=scss&scoped=true&
-var wt_badgevue_type_style_index_0_id_0ec13606_lang_scss_scoped_true_ = __webpack_require__("0dc5");
+// EXTERNAL MODULE: ./src/components/atoms/wt-badge/wt-badge.vue?vue&type=style&index=0&id=94557de2&lang=scss&scoped=true&
+var wt_badgevue_type_style_index_0_id_94557de2_lang_scss_scoped_true_ = __webpack_require__("0b02");
 
 // CONCATENATED MODULE: ./src/components/atoms/wt-badge/wt-badge.vue
 
@@ -8667,11 +8667,11 @@ var wt_badgevue_type_style_index_0_id_0ec13606_lang_scss_scoped_true_ = __webpac
 
 var wt_badge_component = normalizeComponent(
   wt_badge_wt_badgevue_type_script_lang_js_,
-  wt_badgevue_type_template_id_0ec13606_scoped_true_render,
-  wt_badgevue_type_template_id_0ec13606_scoped_true_staticRenderFns,
+  wt_badgevue_type_template_id_94557de2_scoped_true_render,
+  wt_badgevue_type_template_id_94557de2_scoped_true_staticRenderFns,
   false,
   null,
-  "0ec13606",
+  "94557de2",
   null
   
 )
@@ -16432,12 +16432,12 @@ var wt_pagination_component = normalizeComponent(
 )
 
 /* harmony default export */ var wt_pagination = (wt_pagination_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"62ff6119-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/organisms/wt-player/wt-player.vue?vue&type=template&id=fcea026e&
-var wt_playervue_type_template_id_fcea026e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"wt-player"},[_c('audio',_vm._g({ref:"audio",attrs:{"id":"wt-player__player","src":_vm.src,"autoplay":_vm.autoplay,"controls":""}},_vm.listeners)),_c('wt-icon-btn',{ref:"close-icon",staticClass:"wt-player__close-icon",attrs:{"icon":"close"},on:{"click":function($event){return _vm.$emit('close')}}})],1)}
-var wt_playervue_type_template_id_fcea026e_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"62ff6119-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/organisms/wt-player/wt-player.vue?vue&type=template&id=50031408&
+var wt_playervue_type_template_id_50031408_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"wt-player"},[_c(_vm.playerType,_vm._g({ref:"player",tag:"component",staticClass:"wt-player__player",attrs:{"src":_vm.src,"autoplay":_vm.autoplay,"controls":""}},_vm.listeners)),_c('wt-icon-btn',{ref:"close-icon",staticClass:"wt-player__close-icon",attrs:{"icon":"close"},on:{"click":function($event){return _vm.$emit('close')}}})],1)}
+var wt_playervue_type_template_id_50031408_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/organisms/wt-player/wt-player.vue?vue&type=template&id=fcea026e&
+// CONCATENATED MODULE: ./src/components/organisms/wt-player/wt-player.vue?vue&type=template&id=50031408&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
 var es_string_replace = __webpack_require__("5319");
@@ -16450,6 +16450,11 @@ var plyr_min_default = /*#__PURE__*/__webpack_require__.n(plyr_min);
 
 
 
+
+
+
+
+//
 //
 //
 //
@@ -16491,6 +16496,24 @@ var plyr_min_default = /*#__PURE__*/__webpack_require__.n(plyr_min);
           return url.replace('/stream', '/download');
         };
       }
+    },
+    mime: {
+      type: String,
+      default: 'audio'
+    },
+    // plyr-specific options
+    resetOnEnd: {
+      type: Boolean,
+      default: false
+    },
+    invertTime: {
+      type: Boolean,
+      default: true
+    },
+    // plyr is caching volume settings so we should reset them at init
+    resetVolume: {
+      type: Boolean,
+      default: false
     }
   },
   data: function data() {
@@ -16512,24 +16535,60 @@ var plyr_min_default = /*#__PURE__*/__webpack_require__.n(plyr_min);
   computed: {
     listeners: function listeners() {
       return _objectSpread2({}, this.$listeners);
+    },
+    playerType: function playerType() {
+      return this.mime.includes('video') ? 'video' : 'audio';
     }
   },
   methods: {
     setupPlayer: function setupPlayer() {
-      var baseURL = this.$baseURL || "/";
-      if (this.player) this.player.restart();
-      var controls = ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'];
-      if (this.download) controls.push('download');
-      this.player = new plyr_min_default.a('#wt-player__player', {
-        autoplay: this.autoplay,
-        loadSprite: false,
-        iconUrl: "".concat(baseURL, "img/plyr.svg"),
-        controls: controls,
-        loop: {
-          active: this.loop
-        }
-      });
-      this.appendCloseIcon();
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var baseURL, controls;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _this.$nextTick();
+
+              case 2:
+                // test is failing to render component if element is passed to Plyr as Vue $ref
+                baseURL = _this.$baseURL || "/";
+                if (_this.player) _this.player.destroy();
+                controls = ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'];
+                if (_this.download) controls.push('download');
+                _this.player = new plyr_min_default.a(_this.$refs.player, {
+                  // this.player = new Plyr('.wt-player__player', {
+                  autoplay: _this.autoplay,
+                  loadSprite: false,
+                  resetOnEnd: _this.resetOnEnd,
+                  invertTime: _this.invertTime,
+                  iconUrl: "".concat(baseURL, "img/plyr.svg"),
+                  controls: controls,
+                  loop: {
+                    active: _this.loop
+                  }
+                });
+                if (_this.resetVolume) _this.makeVolumeReset();
+                if (_this.download) _this.setupDownload();
+
+                _this.appendCloseIcon();
+
+                _this.$emit('initialized', _this.player);
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    makeVolumeReset: function makeVolumeReset() {
+      this.player.volume = 1;
+      this.player.muted = false;
     },
     setupDownload: function setupDownload() {
       if (!this.download) this.setupPlayer();else if (typeof this.download === 'string') {
@@ -16539,9 +16598,9 @@ var plyr_min_default = /*#__PURE__*/__webpack_require__.n(plyr_min);
       }
     },
     appendCloseIcon: function appendCloseIcon() {
-      var _this$$refs$audio$ply, _this$$refs$audio$ply2;
+      var _this$$refs$player$pl, _this$$refs$player$pl2;
 
-      var plyrControls = (_this$$refs$audio$ply = this.$refs.audio.plyr) === null || _this$$refs$audio$ply === void 0 ? void 0 : (_this$$refs$audio$ply2 = _this$$refs$audio$ply.elements) === null || _this$$refs$audio$ply2 === void 0 ? void 0 : _this$$refs$audio$ply2.controls;
+      var plyrControls = (_this$$refs$player$pl = this.$refs.player.plyr) === null || _this$$refs$player$pl === void 0 ? void 0 : (_this$$refs$player$pl2 = _this$$refs$player$pl.elements) === null || _this$$refs$player$pl2 === void 0 ? void 0 : _this$$refs$player$pl2.controls;
       var closeIcon = this.$refs['close-icon'].$el;
 
       if (plyrControls) {
@@ -16566,8 +16625,8 @@ var wt_playervue_type_style_index_0_lang_scss_ = __webpack_require__("d6a7");
 
 var wt_player_component = normalizeComponent(
   wt_player_wt_playervue_type_script_lang_js_,
-  wt_playervue_type_template_id_fcea026e_render,
-  wt_playervue_type_template_id_fcea026e_staticRenderFns,
+  wt_playervue_type_template_id_50031408_render,
+  wt_playervue_type_template_id_50031408_staticRenderFns,
   false,
   null,
   null,