@webitel/ui-sdk 1.0.23 → 1.0.26

package/dist/ui-sdk.common.js

@@ -403,6 +403,17 @@ 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":
@@ -749,6 +760,17 @@ module.exports = function (METHOD_NAME) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "1ed0":
+/***/ (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_avatar_vue_vue_type_style_index_0_id_cd59f94e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("67ce");
+/* 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_avatar_vue_vue_type_style_index_0_id_cd59f94e_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_avatar_vue_vue_type_style_index_0_id_cd59f94e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "1eec":
@@ -1339,6 +1361,13 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "3711":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "37e8":
@@ -2552,6 +2581,13 @@ module.exports = function (originalArray, length) {
 };
 
 
+/***/ }),
+
+/***/ "67ce":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6836":
@@ -8114,6 +8150,13 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "ed83":
+/***/ (function(module, exports) {
+
+module.exports = "data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='40' cy='40' r='40' fill='white'/%3E %3Cpath d='M15.0226 57.1946C16.1086 55.3846 26.0633 52.8507 30.5882 51.4027C31.8552 51.0407 32.5792 50.6787 32.9412 50.3167C33.3032 49.5928 33.6651 48.3258 33.6651 46.8778C31.6742 44.7059 30.5882 42.1719 29.8643 40.181C29.5023 39.457 29.3213 38.552 29.3213 37.8281H29.1403C26.9683 37.8281 25.3394 36.1991 25.3394 34.0271C25.3394 32.9412 25.8823 31.8552 26.6063 31.1312C26.6063 31.1312 26.2443 23.8914 27.3303 21.1765C30.5882 12.1267 40 12.4887 40 12.4887C40 12.4887 49.4118 12.1267 52.6697 21.1765C53.5746 23.8914 53.3937 31.1312 53.3937 31.1312C54.1176 31.8552 54.6606 32.9412 54.6606 34.0271C54.6606 36.1991 53.0317 37.8281 50.8597 37.8281H50.6787C50.4977 38.733 50.3167 39.457 50.1357 40.181C49.4118 42.1719 48.3258 44.7059 46.3348 46.8778C46.3348 48.1448 46.6968 49.5928 47.0588 50.3167C47.2398 50.4977 48.1448 50.8597 49.4118 51.4027C54.1176 53.0317 64.0724 55.3846 64.9774 57.1946C65.1584 57.5566 66.7873 63.1674 68.4163 68.2353C75.6561 60.9955 80 51.0407 80 40C80 17.9185 62.0814 0 40 0C17.9185 0 0 17.9185 0 40C0 51.0407 4.52489 60.9955 11.5837 68.2353C13.2127 63.1674 14.8416 57.5566 15.0226 57.1946Z' fill='%23F1F4F6'/%3E %3C/svg%3E"
+
 /***/ }),
 
 /***/ "edf5":
@@ -8366,22 +8409,26 @@ var es_array_filter = __webpack_require__("4de4");
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
 
-// 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-icon/wt-icon.vue?vue&type=template&id=7b466648&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:"wt-icon",class:[
-     ("wt-icon--size-" + _vm.size),
-     ("wt-icon--color-" + _vm.color),
-     { 'wt-icon--disabled': _vm.disabled }
-   ]},[_c('svg',{staticClass:"wt-icon__icon"},[_c('use',{attrs:{"xlink:href":_vm.iconName}})])])}
+// 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-avatar/wt-avatar.vue?vue&type=template&id=cd59f94e&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"wt-avatar",class:[("wt-avatar--size-" + _vm.size)]},[(_vm.badge)?_c('wt-badge',{attrs:{"color-variable":_vm.badgeColorVar}}):_vm._e(),_c('img',{staticClass:"wt-avatar__img",attrs:{"src":__webpack_require__("ed83"),"alt":"avatar"}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/atoms/wt-icon/wt-icon.vue?vue&type=template&id=7b466648&scoped=true&
+// CONCATENATED MODULE: ./src/components/atoms/wt-avatar/wt-avatar.vue?vue&type=template&id=cd59f94e&scoped=true&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
-var es_array_concat = __webpack_require__("99af");
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.freeze.js
+var es_object_freeze = __webpack_require__("dca8");
 
-// 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-icon/wt-icon.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./src/enums/AbstractUserStatus/AbstractUserStatus.enum.js
 
+var AbstractUserStatus = Object.freeze({
+  ACTIVE: 'active',
+  DND: 'dnd',
+  BUSY: 'busy',
+  OFFLINE: 'offline'
+});
+/* harmony default export */ var AbstractUserStatus_enum = (AbstractUserStatus);
+// 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-avatar/wt-avatar.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -8398,43 +8445,51 @@ var es_array_concat = __webpack_require__("99af");
 //
 //
 //
-/* harmony default export */ var wt_iconvue_type_script_lang_js_ = ({
-  name: 'wt-icon',
+//
+
+/* harmony default export */ var wt_avatarvue_type_script_lang_js_ = ({
+  name: 'wt-avatar',
   props: {
-    icon: {
-      type: String,
-      required: true
-    },
     size: {
       type: String,
-      default: 'md'
-    },
-    color: {
-      type: String,
-      default: 'default',
-      options: ['default', 'contrast', 'active', 'accent', 'disabled', 'success', 'danger', 'transfer', 'hold', 'secondary-50']
-    },
-    iconPrefix: {
-      type: String,
-      default: ''
+      default: 'md',
+      options: ['md']
     },
-    disabled: {
+    badge: {
       type: Boolean,
       default: false
+    },
+    status: {
+      type: String,
+      options: AbstractUserStatus_enum,
+      default: AbstractUserStatus_enum.OFFLINE
     }
   },
   computed: {
-    iconName: function iconName() {
-      var name = '#';
-      if (this.iconPrefix) name += "".concat(this.iconPrefix, "-");
-      return "".concat(name).concat(this.icon);
+    badgeColorVar: function badgeColorVar() {
+      switch (this.status) {
+        case AbstractUserStatus_enum.ACTIVE:
+          return 'online-color';
+
+        case AbstractUserStatus_enum.DND:
+          return 'dnd-color';
+
+        case AbstractUserStatus_enum.BUSY:
+          return 'busy-color';
+
+        case AbstractUserStatus_enum.OFFLINE:
+          return 'offline-color';
+
+        default:
+          return 'offline-color';
+      }
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/atoms/wt-icon/wt-icon.vue?vue&type=script&lang=js&
- /* harmony default export */ var wt_icon_wt_iconvue_type_script_lang_js_ = (wt_iconvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/atoms/wt-icon/wt-icon.vue?vue&type=style&index=0&id=7b466648&lang=scss&scoped=true&
-var wt_iconvue_type_style_index_0_id_7b466648_lang_scss_scoped_true_ = __webpack_require__("4b78");
+// CONCATENATED MODULE: ./src/components/atoms/wt-avatar/wt-avatar.vue?vue&type=script&lang=js&
+ /* harmony default export */ var wt_avatar_wt_avatarvue_type_script_lang_js_ = (wt_avatarvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/atoms/wt-avatar/wt-avatar.vue?vue&type=style&index=0&id=cd59f94e&lang=scss&scoped=true&
+var wt_avatarvue_type_style_index_0_id_cd59f94e_lang_scss_scoped_true_ = __webpack_require__("1ed0");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -8536,7 +8591,7 @@ function normalizeComponent (
   }
 }
 
-// CONCATENATED MODULE: ./src/components/atoms/wt-icon/wt-icon.vue
+// CONCATENATED MODULE: ./src/components/atoms/wt-avatar/wt-avatar.vue
 
 
 
@@ -8546,17 +8601,164 @@ function normalizeComponent (
 /* normalize component */
 
 var component = normalizeComponent(
-  wt_icon_wt_iconvue_type_script_lang_js_,
+  wt_avatar_wt_avatarvue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
   null,
+  "cd59f94e",
+  null
+  
+)
+
+/* 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: ./src/components/atoms/wt-badge/wt-badge.vue?vue&type=template&id=0ec13606&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&
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var wt_badgevue_type_script_lang_js_ = ({
+  name: 'wt-badge',
+  props: {
+    colorVariable: {
+      type: String,
+      default: 'false-color',
+      description: 'see all available colors in webitel-ui docs'
+    },
+    outside: {
+      type: Boolean,
+      default: false
+    }
+  }
+});
+// 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");
+
+// CONCATENATED MODULE: ./src/components/atoms/wt-badge/wt-badge.vue
+
+
+
+
+
+
+/* normalize component */
+
+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,
+  false,
+  null,
+  "0ec13606",
+  null
+  
+)
+
+/* harmony default export */ var wt_badge = (wt_badge_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-icon/wt-icon.vue?vue&type=template&id=7b466648&scoped=true&
+var wt_iconvue_type_template_id_7b466648_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:"wt-icon",class:[
+     ("wt-icon--size-" + _vm.size),
+     ("wt-icon--color-" + _vm.color),
+     { 'wt-icon--disabled': _vm.disabled }
+   ]},[_c('svg',{staticClass:"wt-icon__icon"},[_c('use',{attrs:{"xlink:href":_vm.iconName}})])])}
+var wt_iconvue_type_template_id_7b466648_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/atoms/wt-icon/wt-icon.vue?vue&type=template&id=7b466648&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
+var es_array_concat = __webpack_require__("99af");
+
+// 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-icon/wt-icon.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var wt_iconvue_type_script_lang_js_ = ({
+  name: 'wt-icon',
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: String,
+      default: 'md'
+    },
+    color: {
+      type: String,
+      default: 'default',
+      options: ['default', 'contrast', 'active', 'accent', 'disabled', 'success', 'danger', 'transfer', 'hold', 'secondary-50']
+    },
+    iconPrefix: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    iconName: function iconName() {
+      var name = '#';
+      if (this.iconPrefix) name += "".concat(this.iconPrefix, "-");
+      return "".concat(name).concat(this.icon);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/atoms/wt-icon/wt-icon.vue?vue&type=script&lang=js&
+ /* harmony default export */ var wt_icon_wt_iconvue_type_script_lang_js_ = (wt_iconvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/atoms/wt-icon/wt-icon.vue?vue&type=style&index=0&id=7b466648&lang=scss&scoped=true&
+var wt_iconvue_type_style_index_0_id_7b466648_lang_scss_scoped_true_ = __webpack_require__("4b78");
+
+// CONCATENATED MODULE: ./src/components/atoms/wt-icon/wt-icon.vue
+
+
+
+
+
+
+/* normalize component */
+
+var wt_icon_component = normalizeComponent(
+  wt_icon_wt_iconvue_type_script_lang_js_,
+  wt_iconvue_type_template_id_7b466648_scoped_true_render,
+  wt_iconvue_type_template_id_7b466648_scoped_true_staticRenderFns,
+  false,
+  null,
   "7b466648",
   null
   
 )
 
-/* harmony default export */ var wt_icon = (component.exports);
+/* harmony default export */ var wt_icon = (wt_icon_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-indicator/wt-indicator.vue?vue&type=template&id=b50e50a2&scoped=true&
 var wt_indicatorvue_type_template_id_b50e50a2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"wt-indicator",class:[
     ("wt-indicator--size-" + _vm.size)
@@ -15040,9 +15242,6 @@ var wt_app_navigatorvue_type_template_id_ee5ad508_scoped_true_staticRenderFns =
 
 // CONCATENATED MODULE: ./src/components/organisms/wt-app-header/wt-app-navigator.vue?vue&type=template&id=ee5ad508&scoped=true&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.freeze.js
-var es_object_freeze = __webpack_require__("dca8");
-
 // CONCATENATED MODULE: ./src/enums/WebitelApplications/WebitelApplications.enum.js
 
 var WebitelApplications = Object.freeze({
@@ -16224,12 +16423,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");
@@ -16242,6 +16441,11 @@ var plyr_min_default = /*#__PURE__*/__webpack_require__.n(plyr_min);
 
 
 
+
+
+
+
+//
 //
 //
 //
@@ -16283,6 +16487,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() {
@@ -16304,24 +16521,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') {
@@ -16331,9 +16578,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) {
@@ -16358,8 +16605,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,
@@ -17085,10 +17332,14 @@ var wt_table_column_select_component = normalizeComponent(
 
 
 
+
+
 
 
 
 var Components = {
+  WtAvatar: wt_avatar,
+  WtBadge: wt_badge,
   WtIcon: wt_icon,
   WtIndicator: wt_indicator,
   WtInputInfo: wt_input_info,