@webitel/ui-sdk 1.0.25 → 1.0.26

package/dist/ui-sdk.umd.js

@@ -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=2f960d01&
+var wt_playervue_type_template_id_2f960d01_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_2f960d01_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=2f960d01&
 
 // 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,19 @@ 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
     }
   },
   data: function data() {
@@ -16512,24 +16530,54 @@ 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
+                  }
+                });
+
+                _this.appendCloseIcon();
+
+                _this.$emit('initialized', _this.player);
+
+              case 9:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
     },
     setupDownload: function setupDownload() {
       if (!this.download) this.setupPlayer();else if (typeof this.download === 'string') {
@@ -16539,9 +16587,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 +16614,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_2f960d01_render,
+  wt_playervue_type_template_id_2f960d01_staticRenderFns,
   false,
   null,
   null,