cloudinary-video-player 2.0.2-edge.2 → 2.0.2

package/dist/playlist.js

@@ -184,7 +184,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _playlist_next_button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./playlist-next-button */ "./plugins/playlist/ui/components/playlist-next-button.js");
 /* harmony import */ var _playlist_previous_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./playlist-previous-button */ "./plugins/playlist/ui/components/playlist-previous-button.js");
-/* harmony import */ var _playlist_buttons_scss_style_loader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist-buttons.scss?style-loader */ "./plugins/playlist/ui/components/playlist-buttons.scss?style-loader");
+/* harmony import */ var _playlist_buttons_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist-buttons.scss */ "./plugins/playlist/ui/components/playlist-buttons.scss");
 
 
 
@@ -270,7 +270,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/video.es-exposed.js");
 /* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _upcoming_video_overlay_scss_style_loader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./upcoming-video-overlay.scss?style-loader */ "./plugins/playlist/ui/components/upcoming-video-overlay.scss?style-loader");
+/* harmony import */ var _upcoming_video_overlay_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./upcoming-video-overlay.scss */ "./plugins/playlist/ui/components/upcoming-video-overlay.scss");
 /* harmony import */ var utils_consts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! utils/consts */ "./utils/consts.js");
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -938,7 +938,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_upcoming_video_overlay__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/upcoming-video-overlay */ "./plugins/playlist/ui/components/upcoming-video-overlay.js");
 /* harmony import */ var _components_playlist_buttons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/playlist-buttons */ "./plugins/playlist/ui/components/playlist-buttons.js");
 /* harmony import */ var _playlist_const__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./playlist.const */ "./plugins/playlist/ui/playlist.const.js");
-/* harmony import */ var _playlist_scss_style_loader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./playlist.scss?style-loader */ "./plugins/playlist/ui/playlist.scss?style-loader");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./playlist.scss */ "./plugins/playlist/ui/playlist.scss");
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -1294,7 +1294,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/video.es-exposed.js");
 /* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _thumbnail_scss_style_loader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./thumbnail.scss?style-loader */ "./plugins/playlist/ui/thumbnail/thumbnail.scss?style-loader");
+/* harmony import */ var _thumbnail_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./thumbnail.scss */ "./plugins/playlist/ui/thumbnail/thumbnail.scss");
 
 
 
@@ -1463,393 +1463,60 @@ const parseISO8601 = function (date) {
 
 /***/ }),
 
-/***/ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/components/playlist-buttons.scss?style-loader":
-/*!**********************************************************************************************************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/components/playlist-buttons.scss?style-loader ***!
-  \**********************************************************************************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ "../node_modules/lodash/_baseTrim.js":
+/*!*******************************************!*\
+  !*** ../node_modules/lodash/_baseTrim.js ***!
+  \*******************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "../node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
+var trimmedEndIndex = __webpack_require__(/*! ./_trimmedEndIndex */ "../node_modules/lodash/_trimmedEndIndex.js");
 
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
 
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cld-video-player .vjs-playlist-button {
-  display: none;
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim(string) {
+  return string
+    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
 }
-.cld-video-player.vjs-playlist .vjs-playlist-button {
-  display: block;
-}`, "",{"version":3,"sources":["webpack://./plugins/playlist/ui/components/playlist-buttons.scss"],"names":[],"mappings":"AAEE;EACE,aAAA;AADJ;AAMI;EACE,cAAA;AAJN","sourcesContent":[".cld-video-player {\n\n  .vjs-playlist-button {\n    display: none;\n  }\n\n  &.vjs-playlist {\n\n    .vjs-playlist-button {\n      display: block;\n    }\n  }\n\n}\n\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/components/upcoming-video-overlay.scss?style-loader":
-/*!****************************************************************************************************************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/components/upcoming-video-overlay.scss?style-loader ***!
-  \****************************************************************************************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "../node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.vjs-upcoming-video {
-  opacity: 0;
-  transition: bottom 0.1s, visibility 0.2s, opacity 0.2s;
-  visibility: hidden;
-  position: absolute;
-  bottom: 4.5em;
-  right: 0.75em;
-  width: 38.7%;
-  max-width: 30em;
-  border: 1px solid #E8E8E9;
-}
-.vjs-upcoming-video .upcoming-video-overlay {
-  aspect-ratio: 16/9;
-  background-size: cover;
-  cursor: pointer;
-}
-.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar {
-  display: flex;
-  flex: auto;
-  justify-content: space-between;
-  position: absolute;
-  height: 3em;
-  line-height: 3em;
-  width: 100%;
-  bottom: 0px;
-}
-.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title {
-  flex: auto;
-  text-align: left;
-  display: block;
-  width: auto;
-  max-width: 80%;
-  padding-left: 1em;
-  padding-right: 1em;
-}
-.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title .vjs-upcoming-video-title-display {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title .vjs-upcoming-video-title-display .vjs-upcoming-video-title-display-label {
-  font-weight: 400;
-}
-.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-upcoming-video {
-  transition: bottom 1s, visibility 0.2s, opacity 0.2s;
-  bottom: 0.7em;
-}
-.vjs-upcoming-video.vjs-upcoming-video-show {
-  transition: visibility 0.2s, opacity 0.2s;
-  opacity: 1;
-  visibility: visible;
-}
-.vjs-upcoming-video.disable-transition {
-  transition: visibility 0s;
-}
-@media only screen and (max-width: 768px) {
-  .vjs-upcoming-video:before {
-    display: none;
-  }
-  .cld-video-player.cld-video-player-skin-dark .vjs-upcoming-video, .cld-video-player.cld-video-player-skin-light .vjs-upcoming-video {
-    border: none;
-  }
-  .vjs-upcoming-video .aspect-ratio-content {
-    background-image: none !important;
-  }
-}`, "",{"version":3,"sources":["webpack://./plugins/playlist/ui/components/upcoming-video-overlay.scss"],"names":[],"mappings":"AAIA;EACE,UAAA;EACA,sDAAA;EAEA,kBAAA;EACA,kBAAA;EACA,aAAA;EACA,aAAA;EACA,YAAA;EACA,eAZyB;EAazB,yBAAA;AAJF;AAME;EACE,kBAAA;EACA,sBAAA;EACA,eAAA;AAJJ;AAMI;EACE,aAAA;EACA,UAAA;EACA,8BAAA;EAEA,kBAAA;EACA,WAAA;EACA,gBAAA;EACA,WAAA;EACA,WAAA;AALN;AAOM;EACE,UAAA;EACA,gBAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;AALR;AAOQ;EACE,uBAAA;EACA,gBAAA;EACA,mBAAA;AALV;AAOU;EACE,gBAAA;AALZ;AAYE;EACE,oDAAA;EACA,aAAA;AAVJ;AAaE;EACE,yCA1DyB;EA2DzB,UAAA;EACA,mBAAA;AAXJ;AAcE;EACE,yBAAA;AAZJ;AAgBE;EACE;IACE,aAAA;EAdJ;EAiBE;IAEE,YAAA;EAhBJ;EAmBE;IACE,iCAAA;EAjBJ;AACF","sourcesContent":["\n$upcoming-video-max-width: 30em;\n$_upcoming-video-transition: visibility 0.2s, opacity 0.2s;\n\n.vjs-upcoming-video {\n  opacity: 0;\n  transition: bottom 0.1s, $_upcoming-video-transition;\n\n  visibility: hidden;\n  position: absolute;\n  bottom: 4.5em;\n  right: 0.75em;\n  width: 38.7%;\n  max-width: $upcoming-video-max-width;\n  border: 1px solid #E8E8E9;\n\n  .upcoming-video-overlay {\n    aspect-ratio: 16/9;\n    background-size: cover;\n    cursor: pointer;\n\n    .vjs-upcoming-video-bar {\n      display: flex;\n      flex: auto;\n      justify-content: space-between;\n\n      position: absolute;\n      height: 3.0em;\n      line-height: 3.0em;\n      width: 100%;\n      bottom: 0px;\n\n      .vjs-upcoming-video-title {\n        flex: auto;\n        text-align: left;\n        display: block;\n        width: auto;\n        max-width: 80%;\n        padding-left: 1em;\n        padding-right: 1em;\n\n        .vjs-upcoming-video-title-display {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n\n          .vjs-upcoming-video-title-display-label {\n            font-weight: 400;\n          }\n        }\n      }\n    }\n  }\n\n  .vjs-has-started.vjs-user-inactive.vjs-playing & {\n    transition: bottom 1s, $_upcoming-video-transition;\n    bottom: 0.7em;\n  }\n\n  &.vjs-upcoming-video-show {\n    transition: $_upcoming-video-transition;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &.disable-transition {\n    transition: visibility 0s;\n  }\n\n\n  @media only screen and (max-width: 768px) {\n    &:before {\n      display: none;\n    }\n\n    .cld-video-player.cld-video-player-skin-dark &,\n    .cld-video-player.cld-video-player-skin-light & {\n      border: none;\n    }\n\n    .aspect-ratio-content {\n      background-image: none !important;\n    }\n  }\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+module.exports = baseTrim;
 
 
 /***/ }),
 
-/***/ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/playlist.scss?style-loader":
-/*!***************************************************************************************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/playlist.scss?style-loader ***!
-  \***************************************************************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ "../node_modules/lodash/_trimmedEndIndex.js":
+/*!**************************************************!*\
+  !*** ../node_modules/lodash/_trimmedEndIndex.js ***!
+  \**************************************************/
+/***/ ((module) => {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "../node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cld-plw-horizontal .cld-plw-col-list {
-  padding-top: 14.0625%;
-  position: relative;
-}
-.cld-plw-horizontal .cld-plw-panel {
-  overflow: auto;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  display: flex;
-  flex-direction: row;
-}
-.cld-plw-horizontal .cld-plw-panel-item {
-  background-image: none;
-  min-width: 25%;
-  max-width: 25%;
-}
-.cld-plw-horizontal .cld-plw-panel-item:first-child {
-  margin-left: 0;
-}
-.cld-plw-horizontal .cld-plw-panel-item:last-child {
-  margin-right: 0;
-}
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
 
-.cld-plw-vertical {
-  display: flex;
-  flex-direction: row;
-}
-.cld-plw-vertical.cld-plw-layout > div:first-child {
-  flex: 1;
-}
-.cld-plw-vertical .cld-plw-col-list {
-  display: flex;
-  flex-direction: column;
-  min-width: 20%;
-}
-.cld-plw-vertical .cld-plw-panel {
-  height: 100%;
-  overflow: auto;
-}
-.cld-plw-vertical .cld-plw-panel-item {
-  height: 25%;
-}
-.cld-plw-vertical .cld-plw-panel-item:last-child {
-  margin-bottom: 0;
-}
-
-.cld-plw-item-title-next {
-  font-weight: bold;
-}
-
-.cld-plw-item-info-wrap {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  padding: 5% 7%;
-  width: 100%;
-  transition: color 0.25s;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  box-sizing: border-box;
-}
-.cld-video-player-skin-dark .cld-plw-item-info-wrap {
-  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-}
-@media only screen and (max-width: 768px) {
-  .cld-video-player-skin-dark .cld-plw-item-info-wrap {
-    background: var(--color-base);
-  }
-}
-
-.cld-plw-item-title {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.cld-plw-item-duration {
-  margin-left: 10px;
-}
-
-/*  Default Playlist Layout */
-.cld-plw-layout.cld-plw-layout-fluid {
-  width: 100%;
-}
-.cld-plw-layout.cld-plw-vertical {
-  flex-direction: row;
-}
-.cld-plw-layout.cld-plw-horizontal {
-  flex-direction: column;
-}
-
-.cld-plw-custom {
-  padding: 4px;
-}
-.cld-plw-custom .cld-plw-panel-item {
-  background: none !important;
-  margin: 4px 0;
-}
-.cld-plw-custom .cld-plw-panel-item:first-child {
-  margin-top: 0;
-}
-.cld-plw-custom .cld-plw-panel-item:last-child {
-  margin-bottom: 0;
-}
-.cld-plw-custom .cld-plw-panel-item img {
-  display: block;
-  width: 150px;
-}
-.cld-plw-custom .cld-plw-panel-item .cld-plw-item-info-wrap {
-  left: 160px;
-}
-.cld-plw-custom .cld-plw-panel-item .cld-plw-item-title-next {
-  display: block;
-}
-
-@media only screen and (max-width: 768px) {
-  .cld-plw-layout.cld-plw-vertical, .cld-plw-layout.cld-plw-horizontal {
-    flex-direction: column;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-panel, .cld-plw-layout.cld-plw-horizontal .cld-plw-panel {
-    flex-direction: column;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-col-list, .cld-plw-layout.cld-plw-horizontal .cld-plw-col-list {
-    width: inherit !important;
-    height: inherit !important;
-    max-height: 340px;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-panel-item, .cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item {
-    background: none !important;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-panel-item img, .cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item img {
-    display: block;
-    width: 150px;
-    height: 84px;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-info-wrap, .cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-info-wrap {
-    left: 150px;
-    padding: 15px 10px;
-    top: 0;
-    right: 0;
-    width: auto;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-next, .cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-next {
-    display: block;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-curr, .cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-curr {
-    display: block;
-  }
-  .cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title, .cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title {
-    white-space: normal;
-  }
-  .cld-plw-layout.cld-plw-horizontal .cld-plw-col-list {
-    padding-top: 0;
-    overflow: auto;
-  }
-  .cld-plw-layout.cld-plw-horizontal .cld-plw-panel {
-    position: initial;
-  }
-  .cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item {
-    max-width: none;
-  }
-}`, "",{"version":3,"sources":["webpack://./plugins/playlist/ui/playlist.scss"],"names":[],"mappings":"AACE;EACE,qBAAA;EACA,kBAAA;AAAJ;AAGE;EACE,cAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,QAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;AADJ;AAIE;EACE,sBAAA;EACA,cAAA;EACA,cAAA;AAFJ;AAII;EACE,cAAA;AAFN;AAKI;EACE,eAAA;AAHN;;AAQA;EACE,aAAA;EACA,mBAAA;AALF;AAQI;EACE,OAAA;AANN;AAUE;EACE,aAAA;EACA,sBAAA;EACA,cAAA;AARJ;AAWE;EACE,YAAA;EACA,cAAA;AATJ;AAYE;EACE,WAAA;AAVJ;AAYI;EACE,gBAAA;AAVN;;AAeA;EACE,iBAAA;AAZF;;AAeA;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,cAAA;EACA,WAAA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,sBAAA;AAZF;AAcE;EACE,2CAAA;AAZJ;AAcI;EAHF;IAII,6BAAA;EAXJ;AACF;;AAeA;EACE,uBAAA;EACA,mBAAA;EACA,gBAAA;AAZF;;AAeA;EACE,iBAAA;AAZF;;AAeA,6BAAA;AAGE;EACE,WAAA;AAdJ;AAiBE;EACE,mBAAA;AAfJ;AAkBE;EACE,sBAAA;AAhBJ;;AAoBA;EACE,YAAA;AAjBF;AAkBE;EACE,2BAAA;EACA,aAAA;AAhBJ;AAiBI;EACE,aAAA;AAfN;AAkBI;EACE,gBAAA;AAhBN;AAmBI;EACE,cAAA;EACA,YAAA;AAjBN;AAoBI;EACE,WAAA;AAlBN;AAqBI;EACE,cAAA;AAnBN;;AAwBA;EAEI;IAEE,sBAAA;EAvBJ;EAyBI;IACE,sBAAA;EAvBN;EA0BI;IACE,yBAAA;IACA,0BAAA;IACA,iBAAA;EAxBN;EA2BI;IACE,2BAAA;EAzBN;EA2BM;IACE,cAAA;IACA,YAAA;IACA,YAAA;EAzBR;EA4BM;IACE,WAAA;IACA,kBAAA;IACA,MAAA;IACA,QAAA;IACA,WAAA;EA1BR;EA6BM;IACE,cAAA;EA3BR;EA8BM;IACE,cAAA;EA5BR;EA+BM;IACE,mBAAA;EA7BR;EAmCI;IACE,cAAA;IACA,cAAA;EAjCN;EAoCI;IACE,iBAAA;EAlCN;EAqCI;IACE,eAAA;EAnCN;AACF","sourcesContent":[".cld-plw-horizontal {\n  .cld-plw-col-list {\n    padding-top: 14.0625%;\n    position: relative;\n  }\n\n  .cld-plw-panel {\n    overflow: auto;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    display: flex;\n    flex-direction: row;\n  }\n\n  .cld-plw-panel-item {\n    background-image: none;\n    min-width: 25%;\n    max-width: 25%;\n\n    &:first-child {\n      margin-left: 0;\n    }\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n.cld-plw-vertical {\n  display: flex;\n  flex-direction: row;\n\n  &.cld-plw-layout {\n    > div:first-child {\n      flex: 1;\n    }\n  }\n\n  .cld-plw-col-list {\n    display: flex;\n    flex-direction: column;\n    min-width: 20%;\n  }\n\n  .cld-plw-panel {\n    height: 100%;\n    overflow: auto;\n  }\n\n  .cld-plw-panel-item {\n    height: 25%;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.cld-plw-item-title-next {\n  font-weight: bold;\n}\n\n.cld-plw-item-info-wrap {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 5% 7%;\n  width: 100%;\n  transition: color 0.25s;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  .cld-video-player-skin-dark & {\n    text-shadow: 1px 1px 1px rgba(#000, 0.3);\n\n    @media only screen and (max-width: 768px) {\n      background: var(--color-base);\n    }\n  }\n}\n\n.cld-plw-item-title {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.cld-plw-item-duration {\n  margin-left: 10px;\n}\n\n/*  Default Playlist Layout */\n\n.cld-plw-layout {\n  &.cld-plw-layout-fluid {\n    width: 100%;\n  }\n\n  &.cld-plw-vertical {\n    flex-direction: row;\n  }\n\n  &.cld-plw-horizontal {\n    flex-direction: column;\n  }\n}\n\n.cld-plw-custom {\n  padding: 4px;\n  .cld-plw-panel-item {\n    background: none !important;\n    margin: 4px 0;\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    img {\n      display: block;\n      width: 150px;\n    }\n\n    .cld-plw-item-info-wrap {\n      left: 160px;\n    }\n\n    .cld-plw-item-title-next {\n      display: block;\n    }\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .cld-plw-layout {\n    &.cld-plw-vertical,\n    &.cld-plw-horizontal {\n      flex-direction: column;\n\n      .cld-plw-panel {\n        flex-direction: column;\n      }\n\n      .cld-plw-col-list {\n        width: inherit !important;\n        height: inherit !important;\n        max-height: 340px;\n      }\n\n      .cld-plw-panel-item {\n        background: none !important;\n\n        img {\n          display: block;\n          width: 150px;\n          height: 84px;\n        }\n\n        .cld-plw-item-info-wrap {\n          left: 150px;\n          padding: 15px 10px;\n          top: 0;\n          right: 0;\n          width: auto;\n        }\n\n        .cld-plw-item-title-next {\n          display: block;\n        }\n\n        .cld-plw-item-title-curr {\n          display: block;\n        }\n\n        .cld-plw-item-title {\n          white-space: normal;\n        }\n      }\n    }\n\n    &.cld-plw-horizontal {\n      .cld-plw-col-list {\n        padding-top: 0;\n        overflow: auto;\n      }\n\n      .cld-plw-panel {\n        position: initial;\n      }\n\n      .cld-plw-panel-item {\n        max-width: none;\n      }\n    }\n  }\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/thumbnail/thumbnail.scss?style-loader":
-/*!**************************************************************************************************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/thumbnail/thumbnail.scss?style-loader ***!
-  \**************************************************************************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "../node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cld-thumbnail {
-  position: relative;
-  display: block;
-  width: 100%;
-  overflow: hidden;
-  font-size: 1em;
-  text-align: left;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-}
-.cld-thumbnail .cld-thumbnail-img {
-  display: none;
-}
-.cld-thumbnail:before {
-  content: "";
-  position: absolute;
-  top: 40%;
-  max-height: 60%;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: linear-gradient(to top, var(--color-base), transparent 80%);
-  opacity: 0.6;
-}
-.cld-thumbnail.cld-plw-panel-item-active {
-  border: 1px solid var(--color-accent);
-  box-sizing: border-box;
-}
-.cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap {
-  color: var(--color-accent);
-}
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex(string) {
+  var index = string.length;
 
-.cld-plw-panel-item:hover:after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-  background-color: var(--color-text);
-  opacity: 0.2;
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
 }
 
-@media only screen and (max-width: 768px) {
-  .cld-thumbnail:before {
-    background: none;
-  }
-}`, "",{"version":3,"sources":["webpack://./plugins/playlist/ui/thumbnail/thumbnail.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,cAAA;EACA,WAAA;EACA,gBAAA;EACA,cAAA;EACA,gBAAA;EACA,4BAAA;EACA,sBAAA;EACA,2BAAA;AACF;AACE;EACE,aAAA;AACJ;AAEE;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,eAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,uEAAA;EACA,YAAA;AAAJ;AAGE;EACE,qCAAA;EACA,sBAAA;AADJ;AAEI;EACE,0BAAA;AAAN;;AAKA;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,QAAA;EACA,SAAA;EACA,mCAAA;EACA,YAAA;AAFF;;AAKA;EACE;IACE,gBAAA;EAFF;AACF","sourcesContent":[".cld-thumbnail {\n  position: relative;\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  font-size: 1em;\n  text-align: left;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n\n  .cld-thumbnail-img {\n    display: none;\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 40%;\n    max-height: 60%;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: linear-gradient(to top, var(--color-base), transparent 80%);\n    opacity: 0.6;\n  }\n\n  &.cld-plw-panel-item-active {\n    border: 1px solid var(--color-accent);\n    box-sizing: border-box;\n    .cld-plw-item-info-wrap {\n      color: var(--color-accent);\n    }\n  }\n}\n\n.cld-plw-panel-item:hover:after {\n  content: '';\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  background-color: var(--color-text);\n  opacity: 0.2;\n}\n\n@media only screen and (max-width: 768px) {\n  .cld-thumbnail:before {\n    background: none;\n  }\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+module.exports = trimmedEndIndex;
 
 
 /***/ }),
@@ -1995,214 +1662,128 @@ module.exports = toInteger;
 
 /***/ }),
 
-/***/ "./plugins/playlist/ui/components/playlist-buttons.scss?style-loader":
-/*!***************************************************************************!*\
-  !*** ./plugins/playlist/ui/components/playlist-buttons.scss?style-loader ***!
-  \***************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../node_modules/style-loader/dist/runtime/styleDomAPI.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../node_modules/style-loader/dist/runtime/insertBySelector.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../node_modules/style-loader/dist/runtime/insertStyleElement.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../node_modules/style-loader/dist/runtime/styleTagTransform.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_buttons_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/sass-loader/dist/cjs.js!./playlist-buttons.scss?style-loader */ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/components/playlist-buttons.scss?style-loader");
+/***/ "../node_modules/lodash/toNumber.js":
+/*!******************************************!*\
+  !*** ../node_modules/lodash/toNumber.js ***!
+  \******************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-      
-      
-      
-      
-      
-      
-      
-      
-      
+var baseTrim = __webpack_require__(/*! ./_baseTrim */ "../node_modules/lodash/_baseTrim.js"),
+    isObject = __webpack_require__(/*! ./isObject */ "../node_modules/lodash/isObject.js"),
+    isSymbol = __webpack_require__(/*! ./isSymbol */ "../node_modules/lodash/isSymbol.js");
 
-var options = {};
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
 
-options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_buttons_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
 
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
 
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
 
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
 
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_buttons_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_buttons_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_buttons_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+module.exports = toNumber;
 
 
 /***/ }),
 
-/***/ "./plugins/playlist/ui/components/upcoming-video-overlay.scss?style-loader":
-/*!*********************************************************************************!*\
-  !*** ./plugins/playlist/ui/components/upcoming-video-overlay.scss?style-loader ***!
-  \*********************************************************************************/
+/***/ "./plugins/playlist/ui/components/playlist-buttons.scss":
+/*!**************************************************************!*\
+  !*** ./plugins/playlist/ui/components/playlist-buttons.scss ***!
+  \**************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../node_modules/style-loader/dist/runtime/styleDomAPI.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../node_modules/style-loader/dist/runtime/insertBySelector.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../node_modules/style-loader/dist/runtime/insertStyleElement.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../node_modules/style-loader/dist/runtime/styleTagTransform.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_upcoming_video_overlay_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/sass-loader/dist/cjs.js!./upcoming-video-overlay.scss?style-loader */ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/components/upcoming-video-overlay.scss?style-loader");
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_upcoming_video_overlay_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"], options);
-
-
-
-
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_upcoming_video_overlay_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_upcoming_video_overlay_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_upcoming_video_overlay_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+// extracted by mini-css-extract-plugin
 
 
 /***/ }),
 
-/***/ "./plugins/playlist/ui/playlist.scss?style-loader":
-/*!********************************************************!*\
-  !*** ./plugins/playlist/ui/playlist.scss?style-loader ***!
-  \********************************************************/
+/***/ "./plugins/playlist/ui/components/upcoming-video-overlay.scss":
+/*!********************************************************************!*\
+  !*** ./plugins/playlist/ui/components/upcoming-video-overlay.scss ***!
+  \********************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../node_modules/style-loader/dist/runtime/styleDomAPI.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../node_modules/style-loader/dist/runtime/insertBySelector.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../node_modules/style-loader/dist/runtime/insertStyleElement.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../node_modules/style-loader/dist/runtime/styleTagTransform.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./playlist.scss?style-loader */ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/playlist.scss?style-loader");
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+// extracted by mini-css-extract-plugin
 
 
+/***/ }),
 
+/***/ "./plugins/playlist/ui/playlist.scss":
+/*!*******************************************!*\
+  !*** ./plugins/playlist/ui/playlist.scss ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_playlist_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
 
 
 /***/ }),
 
-/***/ "./plugins/playlist/ui/thumbnail/thumbnail.scss?style-loader":
-/*!*******************************************************************!*\
-  !*** ./plugins/playlist/ui/thumbnail/thumbnail.scss?style-loader ***!
-  \*******************************************************************/
+/***/ "./plugins/playlist/ui/thumbnail/thumbnail.scss":
+/*!******************************************************!*\
+  !*** ./plugins/playlist/ui/thumbnail/thumbnail.scss ***!
+  \******************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../node_modules/style-loader/dist/runtime/styleDomAPI.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../node_modules/style-loader/dist/runtime/insertBySelector.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../node_modules/style-loader/dist/runtime/insertStyleElement.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../node_modules/style-loader/dist/runtime/styleTagTransform.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_thumbnail_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/sass-loader/dist/cjs.js!./thumbnail.scss?style-loader */ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/playlist/ui/thumbnail/thumbnail.scss?style-loader");
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_thumbnail_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"], options);
-
-
-
-
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_thumbnail_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_thumbnail_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_thumbnail_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+// extracted by mini-css-extract-plugin
 
 
 /***/ })