From 027c0941bca032d4aec7084b7f00a1a9c5d7f537 Mon Sep 17 00:00:00 2001 From: mgogoulos Date: Wed, 20 Jan 2021 05:35:36 +0100 Subject: [PATCH] Bugs fix in a) small screens search field and b) media comments form + Minor improvements --- static/css/playlist.css | 2 +- static/js/_commons.js | 2 +- static/js/about.js | 2 +- static/js/add-media.js | 2 +- static/js/base.js | 2 +- static/js/embed.js | 2 +- static/js/manage-comments.js | 2 +- static/js/manage-media.js | 2 +- static/js/manage-users.js | 2 +- static/js/media.js | 2 +- static/js/search.js | 2 +- 11 files changed, 11 insertions(+), 11 deletions(-) diff --git a/static/css/playlist.css b/static/css/playlist.css index 796a560..f08660c 100644 --- a/static/css/playlist.css +++ b/static/css/playlist.css @@ -1 +1 @@ -.notifications{position:fixed;bottom:0;left:0;height:auto!important;max-width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;z-index:5}.notifications>*{position:relative}.notification-item{display:table;width:288px;max-width:100%;min-height:48px;margin:12px;color:#f1f1f1;background-color:#323232;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;-moz-transition:opacity .5s linear;transition:opacity .5s linear}.notification-item>*{display:table-cell;vertical-align:middle;line-height:20px;padding:8px 24px;overflow:hidden}.notification-item.hidden{opacity:0}.spinner-loader{position:relative;width:48px;height:48px}.spinner-loader.tiny{width:16px;height:16px}.spinner-loader.x-small{width:24px;height:24px}.spinner-loader.small{width:32px;height:32px}.spinner-loader.large{width:56px;height:56px}.spinner-loader.x-large{width:64px;height:64px}.spinner-loader:before{content:"";display:block;padding-top:100%}.spinner-loader svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-animation:rotate 2s linear infinite;-moz-animation:rotate 2s linear infinite;-o-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.spinner-loader circle{stroke:var(--spinner-loader-color);stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;-moz-animation:dash 1.5s ease-in-out infinite;-o-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes rotate{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotate{to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-o-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.playlist-form-field.playlist-description.focused:after,.playlist-form-field.playlist-title.focused:after{background-color:var(--playlist-form-title-focused-bg-color)}.playlist-privacy{border-color:var(--playlist-privacy-border-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn{color:var(--playlist-form-cancel-button-text-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn:focus,.playlist-form-wrap .playlist-form-actions button.cancel-btn:hover{color:var(--playlist-form-cancel-button-hover-text-color)}.playlist-form-wrap input[type=text],.playlist-form-wrap textarea{color:var(--playlist-form-field-text-color);border-color:var(--playlist-form-field-border-color)}.playlist-form-wrap input[type=text]:focus,.playlist-form-wrap textarea:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.playlist-form-field.playlist-description,.playlist-form-field.playlist-title{position:relative}.playlist-form-field.playlist-description.focused:after,.playlist-form-field.playlist-title.focused:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block}.playlist-form-field.playlist-description.invalid:after,.playlist-form-field.playlist-title.invalid:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block;background-color:rgba(255,0,0,.8)}.playlist-privacy{padding-bottom:12px;border-style:solid;border-width:0 0 1px}.playlist-form-wrap .playlist-form-field{position:relative;margin:16px 24px 0}.playlist-form-wrap .playlist-form-label{display:block;font-size:12px;line-height:20px;letter-spacing:.132px}.playlist-form-wrap .playlist-form-actions{position:relative;display:inline-block;width:100%;float:left;margin-top:4px;padding:8px}.playlist-form-wrap .playlist-form-actions button{height:40px;padding:10px 16px;font-size:14px;line-height:20px;letter-spacing:.007px;font-weight:500;border-width:0;background:none;position:relative;width:auto;float:left}.playlist-form-wrap .playlist-form-actions button.create-btn{float:right;color:var(--default-theme-color)}.playlist-form-wrap input[type=text],.playlist-form-wrap label,.playlist-form-wrap textarea{display:block;width:100%}.playlist-form-wrap textarea{min-width:100%;max-width:100%;min-height:21px;height:24px;line-height:21px;overflow-y:hidden;overflow-wrap:break-word;vertical-align:baseline;resize:none}.playlist-form-wrap input[type=text],.playlist-form-wrap textarea{padding:0 0 2px;font-size:14px;line-height:20px;border-width:0 0 1px;background:none;outline:0}.playlist-form-wrap input[type=text]::-webkit-input-placeholder,.playlist-form-wrap textarea::-webkit-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]:-moz-placeholder,.playlist-form-wrap textarea:-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]::-moz-placeholder,.playlist-form-wrap textarea::-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]:-ms-input-placeholder,.playlist-form-wrap textarea:-ms-input-placeholder{opacity:1}.playlist-form-wrap input[type=text]::-ms-input-placeholder,.playlist-form-wrap textarea::-ms-input-placeholder{opacity:1}.playlist-form-wrap input[type=text]::placeholder,.playlist-form-wrap textarea::placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]:-ms-input-placeholder,.playlist-form-wrap textarea:-ms-input-placeholder{color:#909090}.playlist-form-wrap input[type=text]::-ms-input-placeholder,.playlist-form-wrap textarea::-ms-input-placeholder{color:#909090}.playlist-form-wrap input[type=radio]{margin-right:16px;vertical-align:middle}.playlist-form-wrap label{padding:4px 0;font-size:14px;line-height:21px;cursor:pointer}#page-playlist{background-color:var(--playlist-page-bg-color)}.playlist-details{color:var(--playlist-page-details-text-color)}.playlist-details .playlist-thumb{background-color:var(--playlist-page-thumb-bg-color)}.playlist-details .playlist-title h1{color:var(--playlist-page-title-link-text-color)}.playlist-details .playlist-title h1 a{color:inherit}.playlist-details .playlist-actions .circle-icon-button{background-color:var(--playlist-page-actions-circle-icon-bg-color)}.playlist-details .playlist-actions .playlist-options-wrap .popup-main .nav-menu ul li button{color:var(--playlist-page-actions-nav-item-button-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:focus,.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:hover{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:focus .material-icons,.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:hover .material-icons{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color)}.playlist-details .playlist-status{color:var(--playlist-page-status-text-color);background-color:var(--playlist-page-status-bg-color)}.playlist-details .playlist-status .material-icons{color:var(--playlist-page-status-icon-text-color)}.playlist-details .playlist-description a{text-decoration:none}.playlist-details .playlist-author{border-top-color:var(--playlist-page-author-border-top-color)}.playlist-details .playlist-author .playlist-author-name a{color:var(--playlist-page-author-name-link-color)}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button{color:var(--playlist-page-author-edit-playlist-icon-button-text-color);background-color:var(--playlist-page-author-edit-playlist-icon-button-bg-color)}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button:active{color:var(--playlist-page-author-edit-playlist-icon-button-active-text-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap{color:var(--playlist-page-author-edit-playlist-form-wrap-text-color);background-color:var(--playlist-page-author-edit-playlist-form-wrap-bg-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .playlist-form-wrap{border-color:var(--playlist-page-author-edit-playlist-form-wrap-border-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:active,.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:focus,.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:hover{color:var(--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color)}.playlist-details .playlist-author .playlist-author-thumb span{color:var(--playlist-page-author-edit-playlist-author-thumb-text-color);background-color:var(--playlist-page-author-edit-playlist-author-thumb-bg-color)}.playlist-details{background:var(--playlist-page-details-bg-color)}.playlist-videos-list{background:var(--playlist-page-video-list-bg-color)}.playlist-videos-list .item .item-content h3 span{background-color:var(--playlist-page-video-list-item-title-bg-color)}.playlist-videos-list .item:hover{background-color:var(--playlist-page-video-list-item-title-hover-bg-color)}.playlist-videos-list .item:hover .item-content h3 span{background-color:var(--playlist-page-video-list-item-title-hover-bg-color)}.playlist-videos-list .item:after{border-top-color:var(--playlist-page-video-list-item-after-bg-color)}.playlist-videos-list .item-order-number{color:var(--playlist-page-video-list-item-order-text-color)}.playlist-videos-list .item-playlist-options-wrap .circle-icon-button:active,.playlist-videos-list .item-playlist-options-wrap .circle-icon-button:focus,.playlist-videos-list .item-playlist-options-wrap .circle-icon-button:hover{color:var(--playlist-page-video-list-item-options-icon-hover-color)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal{color:var(--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:focus,.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:hover{color:var(--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:focus .material-icons,.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:hover .material-icons{color:var(--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color)}.playlist-videos-list .item-playlist-drag .circle-icon-button{background-color:rgba(0,0,0,0)}.playlist-videos-list .item-playlist-drag .circle-icon-button:active,.playlist-videos-list .item-playlist-drag .circle-icon-button:focus,.playlist-videos-list .item-playlist-drag .circle-icon-button:hover{color:var(--playlist-page-video-list-item-options-icon-hover-color)}@media screen and (min-width:1008px){#page-playlist{position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:100%}#page-playlist .page-main,#page-playlist .page-main-wrap,#page-playlist>*{height:100%}}#page-playlist .page-main{padding-bottom:0!important}@media screen and (min-width:1008px){#page-playlist .page-main{min-height:-webkit-calc(100vh - 56px);min-height:-moz-calc(100vh - 56px);min-height:calc(100vh - 56px)}}@media screen and (min-width:492px){#page-playlist .item-content{padding-right:48px}#page-playlist .item-main{display:block;width:auto}#page-playlist .item-main a{display:inline-block}#page-playlist .item-main h3{margin-top:12px;margin-bottom:8px}}@media screen and (min-width:492px) and (max-width:1008px){#page-playlist .item-main h3{margin-top:6px}}#page-playlist .items-list{max-width:100%}@media screen and (min-width:1008px){.page-main-wrap #page-playlist{position:relative;top:auto;left:auto;right:auto;bottom:auto}.page-main-wrap #page-playlist .page-main,.page-main-wrap #page-playlist .page-main-wrap,.page-main-wrap #page-playlist>*{height:100%}}.playlist-details{position:relative;display:block;width:100%;padding:24px 32px;font-size:14px;line-height:21px;overflow-wrap:break-word;white-space:pre-wrap}@media screen and (min-width:1008px){.playlist-details{width:420px;min-height:100%;max-height:100%;overflow:auto;min-height:-webkit-calc(100vh - 56px);min-height:-moz-calc(100vh - 56px);min-height:calc(100vh - 56px)}}.playlist-details .playlist-thumb{position:relative;margin-bottom:16px;background-position:50%;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.playlist-details .playlist-thumb.no-thumb:before{position:absolute;top:50%;left:50%;margin:-2.25rem 0 0 -1.5rem;font-size:48px;line-height:1;padding:0;font-family:Material Icons;text-decoration:none;content:"\e43c"}.playlist-details .playlist-thumb>*{position:relative;display:block;width:100%;padding-bottom:56%}.playlist-details .playlist-thumb>*>*{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.playlist-details .playlist-thumb>*>* img{max-width:100%;height:auto;visibility:hidden}.playlist-details .playlist-thumb>*>* .play-all{position:absolute;bottom:0;left:0;right:0;display:block;text-align:center;color:hsla(0,0%,100%,.8);background-color:rgba(17,17,17,.8)}.playlist-details .playlist-thumb>*>* .play-all>*{display:table;width:100%;height:40px}.playlist-details .playlist-thumb>*>* .play-all>*>*{display:table-cell;vertical-align:middle;padding-top:2px}.playlist-details .playlist-thumb>*>* .play-all .material-icons{margin-right:8px;margin-bottom:2px}.playlist-details .playlist-thumb>*>* .play-all .play-all-label{margin-right:8px}.playlist-details .playlist-title h1{font-size:24px;font-weight:400;line-height:30px;margin:0 0 8px}.playlist-details .playlist-title h1 a{text-decoration:none}.playlist-details .playlist-meta{margin-bottom:4px}.playlist-details .playlist-meta>div{display:inline}.playlist-details .playlist-meta>div:before{content:"\2022";margin:0 6px}.playlist-details .playlist-meta>div:first-child:before{content:"";margin:0}.playlist-details .playlist-actions{position:relative}.playlist-details .playlist-actions a.circle-icon-button,.playlist-details .playlist-actions button.circle-icon-button{vertical-align:top;display:inline-block;margin-left:8px}.playlist-details .playlist-actions a.circle-icon-button:first-child,.playlist-details .playlist-actions button.circle-icon-button:first-child{margin-left:-8px}.playlist-details .playlist-actions .playlist-options-wrap .popup{position:absolute;top:100%;left:-8px;top:auto;bottom:100%;margin-bottom:4px}.playlist-details .playlist-actions .playlist-options-wrap.playlist-options-main .popup{width:180px}.playlist-details .playlist-actions .playlist-options-wrap .popup-main .nav-menu{padding:8px 0}.playlist-details .playlist-actions .playlist-options-wrap .popup-main .nav-menu ul li button{font-size:13px}.playlist-details .playlist-actions .popup-message-bottom button{position:relative;width:auto;padding:0;border:0}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal,.playlist-details .playlist-actions .popup-message-bottom button.proceed-playlist-removal{background-color:rgba(0,0,0,0)}.playlist-details .playlist-actions .popup-message-bottom button.proceed-playlist-removal{float:right;color:var(--default-theme-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal{float:left}.playlist-details .playlist-status{position:relative;display:inline-block;margin:8px 0 4px;padding:2px 4px 1px;font-size:12px;font-weight:500;line-height:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.playlist-details .playlist-status .material-icons{font-size:13px;display:inline-block;margin:0 3px 1px 0}.playlist-details .playlist-status div{position:relative;display:inline-block}.playlist-details .playlist-status div:first-letter{text-transform:capitalize}.playlist-details .playlist-description{display:block;padding-top:8px;padding-bottom:0}.playlist-details .playlist-author{display:block;margin-top:16px;padding:16px 0;border-top-width:1px;border-top-style:solid}.playlist-details .playlist-author>*{display:table;width:100%}.playlist-details .playlist-author>*>*{display:table-cell;vertical-align:top}.playlist-details .playlist-author a{text-decoration:none}.playlist-details .playlist-author .playlist-author-thumb{width:48px}.playlist-details .playlist-author .playlist-author-thumb span{display:block;width:48px;height:48px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;margin-right:16px;background-position:50%;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeats}.playlist-details .playlist-author .playlist-author-thumb span img{width:100%;height:100%;visibility:hidden}.playlist-details .playlist-author .playlist-author-thumb span .material-icons{width:100%;height:100%;line-height:48px;text-align:center}.playlist-details .playlist-author .playlist-author-name{min-height:48px;vertical-align:middle}.playlist-details .playlist-author .playlist-author-name a{font-size:14px;font-weight:500}.playlist-details .playlist-author .edit-playlist{padding-left:16px;padding-top:4px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button{position:relative;float:right;width:auto;height:auto;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.007px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button>*{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button>*>*{display:table;padding:6px 16px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button>*>*>*{display:table-cell;vertical-align:bottom;line-height:1.5}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button .material-icons{line-height:1;padding-right:8px;vertical-align:bottom}.playlist-details .playlist-author .edit-playlist .popup{position:absolute}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap{position:relative;width:100%;max-width:280px;display:inline-block;text-align:initial}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title{height:52px;padding:16px 52px 15px 24px;line-height:20px;font-size:16px}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button{position:absolute;top:6px;right:6px;background:none}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .playlist-form-wrap{border-width:1px 0 0;border-style:solid}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .playlist-description{margin-top:16px}@media screen and (min-width:1008px){.playlist-videos-list{position:absolute;top:0;right:0;left:0;display:block;height:100%;overflow:auto;margin:0 0 0 420px}}.playlist-videos-list .item{position:relative;max-width:100%;padding:16px 24px 16px 36px;margin-bottom:0!important}.playlist-videos-list .item:after{content:"";position:absolute;display:block;bottom:0;left:36px;right:24px;border-top-width:1px;border-top-style:solid}.playlist-videos-list .item:first-child{margin-top:1px;padding-top:23px}.playlist-videos-list .item-order-number{position:absolute;top:0;left:0;bottom:0;display:block;width:36px;font-size:14px;font-weight:500;line-height:16px;padding-top:4px}.playlist-videos-list .item-order-number>div{display:table;width:100%;height:100%}.playlist-videos-list .item-order-number>div>div{display:table-cell;text-align:center;vertical-align:middle}@media screen and (min-width:492px){.playlist-videos-list .items-list-wrap{min-height:67px}.playlist-videos-list .item-content{min-height:67px!important}.playlist-videos-list .item-thumb{position:absolute!important;top:0!important;left:0!important;width:120px!important;height:67px!important;min-height:67px!important;padding-bottom:0}.playlist-videos-list .item-main{margin-left:128px!important}}.playlist-videos-list .item-playlist-options-wrap{position:relative;width:auto;height:auto;text-align:right}.playlist-videos-list .item-playlist-options-wrap .circle-icon-button{display:inline-block;background-color:rgba(0,0,0,0)}.playlist-videos-list .item-playlist-options-wrap .popup{position:absolute;bottom:100%;right:0}.playlist-videos-list .item-playlist-options-wrap.item-playlist-options-main .popup{width:16rem}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button{position:relative;width:auto;padding:0;border:0}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal,.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.proceed-playlist-removal{background-color:rgba(0,0,0,0)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.proceed-playlist-removal{float:right;color:var(--default-theme-color)}@media screen and (min-width:492px){.playlist-videos-list .item-playlist-options-wrap{position:absolute;top:50%;right:24px;margin-top:-20px;text-align:initial}.playlist-videos-list .item-playlist-options-wrap .popup{bottom:auto;top:-12px;right:100%;margin-right:4px;margin-bottom:32px}}@media screen and (min-width:492px){.playlist-videos-list .item:last-child .item-playlist-options-wrap .popup,.playlist-videos-list .item:nth-last-child(2) .item-playlist-options-wrap .popup{top:auto;bottom:-40px}}@media screen and (min-width:492px){.playlist-videos-list .item:first-child .item-playlist-options-wrap .popup{top:-12px;bottom:auto}}.playlist-videos-list.draggable .item:hover .item-order-number:after{content:"drag_handle";position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-12px;font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;cursor:move}.playlist-videos-list.draggable .item:hover .item-order-number div div{visibility:hidden}.playlist-videos-list.draggable .items-list.on-dragging .item,.playlist-videos-list.draggable .items-list.on-dragging .item .item-content h3 span{background-color:var(--playlist-page-video-list-bg-color)}.playlist-videos-list.draggable .items-list.on-dragging .item .item-order-number:after{display:none!important}.playlist-videos-list.draggable .items-list.on-dragging .item .item-order-number div div{visibility:visible!important} \ No newline at end of file +.notifications{position:fixed;bottom:0;left:0;height:auto!important;max-width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;z-index:5}.notifications>*{position:relative}.notification-item{display:table;width:288px;max-width:100%;min-height:48px;margin:12px;color:#f1f1f1;background-color:#323232;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;-moz-transition:opacity .5s linear;transition:opacity .5s linear}.notification-item>*{display:table-cell;vertical-align:middle;line-height:20px;padding:8px 24px;overflow:hidden}.notification-item.hidden{opacity:0}.spinner-loader{position:relative;width:48px;height:48px}.spinner-loader.tiny{width:16px;height:16px}.spinner-loader.x-small{width:24px;height:24px}.spinner-loader.small{width:32px;height:32px}.spinner-loader.large{width:56px;height:56px}.spinner-loader.x-large{width:64px;height:64px}.spinner-loader:before{content:"";display:block;padding-top:100%}.spinner-loader svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-animation:rotate 2s linear infinite;-moz-animation:rotate 2s linear infinite;-o-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.spinner-loader circle{stroke:var(--spinner-loader-color);stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;-moz-animation:dash 1.5s ease-in-out infinite;-o-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes rotate{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotate{to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-o-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.playlist-form-field.playlist-description.focused:after,.playlist-form-field.playlist-title.focused:after{background-color:var(--playlist-form-title-focused-bg-color)}.playlist-privacy{border-color:var(--playlist-privacy-border-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn{color:var(--playlist-form-cancel-button-text-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn:focus,.playlist-form-wrap .playlist-form-actions button.cancel-btn:hover{color:var(--playlist-form-cancel-button-hover-text-color)}.playlist-form-wrap input[type=text],.playlist-form-wrap textarea{color:var(--playlist-form-field-text-color);border-color:var(--playlist-form-field-border-color)}.playlist-form-wrap input[type=text]:focus,.playlist-form-wrap textarea:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.playlist-form-field.playlist-description,.playlist-form-field.playlist-title{position:relative}.playlist-form-field.playlist-description.focused:after,.playlist-form-field.playlist-title.focused:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block}.playlist-form-field.playlist-description.invalid:after,.playlist-form-field.playlist-title.invalid:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block;background-color:rgba(255,0,0,.8)}.playlist-privacy{padding-bottom:12px;border-style:solid;border-width:0 0 1px}.playlist-form-wrap .playlist-form-field{position:relative;margin:16px 24px 0}.playlist-form-wrap .playlist-form-label{display:block;font-size:12px;line-height:20px;letter-spacing:.132px}.playlist-form-wrap .playlist-form-actions{position:relative;display:inline-block;width:100%;float:left;margin-top:4px;padding:8px}.playlist-form-wrap .playlist-form-actions button{height:40px;padding:10px 16px;font-size:14px;line-height:20px;letter-spacing:.007px;font-weight:500;border-width:0;background:none;position:relative;width:auto;float:left}.playlist-form-wrap .playlist-form-actions button.create-btn{float:right;color:var(--default-theme-color)}.playlist-form-wrap input[type=text],.playlist-form-wrap label,.playlist-form-wrap textarea{display:block;width:100%}.playlist-form-wrap textarea{min-width:100%;max-width:100%;min-height:21px;height:24px;line-height:21px;overflow-y:hidden;overflow-wrap:break-word;vertical-align:baseline;resize:none}.playlist-form-wrap input[type=text],.playlist-form-wrap textarea{padding:0 0 2px;font-size:14px;line-height:20px;border-width:0 0 1px;background:none;outline:0}.playlist-form-wrap input[type=text]::-webkit-input-placeholder,.playlist-form-wrap textarea::-webkit-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]:-moz-placeholder,.playlist-form-wrap textarea:-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]::-moz-placeholder,.playlist-form-wrap textarea::-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]:-ms-input-placeholder,.playlist-form-wrap textarea:-ms-input-placeholder{opacity:1}.playlist-form-wrap input[type=text]::-ms-input-placeholder,.playlist-form-wrap textarea::-ms-input-placeholder{opacity:1}.playlist-form-wrap input[type=text]::placeholder,.playlist-form-wrap textarea::placeholder{color:#909090;opacity:1}.playlist-form-wrap input[type=text]:-ms-input-placeholder,.playlist-form-wrap textarea:-ms-input-placeholder{color:#909090}.playlist-form-wrap input[type=text]::-ms-input-placeholder,.playlist-form-wrap textarea::-ms-input-placeholder{color:#909090}.playlist-form-wrap input[type=radio]{margin-right:16px;vertical-align:middle}.playlist-form-wrap label{padding:4px 0;font-size:14px;line-height:21px;cursor:pointer}#page-playlist{background-color:var(--playlist-page-bg-color)}.playlist-details{color:var(--playlist-page-details-text-color)}.playlist-details .playlist-thumb{background-color:var(--playlist-page-thumb-bg-color)}.playlist-details .playlist-title h1{color:var(--playlist-page-title-link-text-color)}.playlist-details .playlist-title h1 a{color:inherit}.playlist-details .playlist-actions .circle-icon-button{background-color:var(--playlist-page-actions-circle-icon-bg-color)}.playlist-details .playlist-actions .playlist-options-wrap .popup-main .nav-menu ul li button{color:var(--playlist-page-actions-nav-item-button-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:focus,.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:hover{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:focus .material-icons,.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:hover .material-icons{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color)}.playlist-details .playlist-status{color:var(--playlist-page-status-text-color);background-color:var(--playlist-page-status-bg-color)}.playlist-details .playlist-status .material-icons{color:var(--playlist-page-status-icon-text-color)}.playlist-details .playlist-description a{text-decoration:none}.playlist-details .playlist-author{border-top-color:var(--playlist-page-author-border-top-color)}.playlist-details .playlist-author .playlist-author-name a{color:var(--playlist-page-author-name-link-color)}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button{color:var(--playlist-page-author-edit-playlist-icon-button-text-color);background-color:var(--playlist-page-author-edit-playlist-icon-button-bg-color)}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button:active{color:var(--playlist-page-author-edit-playlist-icon-button-active-text-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap{color:var(--playlist-page-author-edit-playlist-form-wrap-text-color);background-color:var(--playlist-page-author-edit-playlist-form-wrap-bg-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .playlist-form-wrap{border-color:var(--playlist-page-author-edit-playlist-form-wrap-border-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:active,.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:focus,.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:hover{color:var(--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color)}.playlist-details .playlist-author .playlist-author-thumb span{color:var(--playlist-page-author-edit-playlist-author-thumb-text-color);background-color:var(--playlist-page-author-edit-playlist-author-thumb-bg-color)}.playlist-details{background:var(--playlist-page-details-bg-color)}.playlist-videos-list>*{background:var(--playlist-page-video-list-bg-color)}@media screen and (min-width:1008px){.playlist-videos-list{background:var(--playlist-page-video-list-bg-color)}.playlist-videos-list>*{background:none}}.playlist-videos-list .item .item-content h3 span{background-color:var(--playlist-page-video-list-item-title-bg-color)}.playlist-videos-list .item:hover{background-color:var(--playlist-page-video-list-item-title-hover-bg-color)}.playlist-videos-list .item:hover .item-content h3 span{background-color:var(--playlist-page-video-list-item-title-hover-bg-color)}.playlist-videos-list .item:after{border-top-color:var(--playlist-page-video-list-item-after-bg-color)}.playlist-videos-list .item-order-number{color:var(--playlist-page-video-list-item-order-text-color)}.playlist-videos-list .item-playlist-options-wrap .circle-icon-button:active,.playlist-videos-list .item-playlist-options-wrap .circle-icon-button:focus,.playlist-videos-list .item-playlist-options-wrap .circle-icon-button:hover{color:var(--playlist-page-video-list-item-options-icon-hover-color)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal{color:var(--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:focus,.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:hover{color:var(--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:focus .material-icons,.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal:hover .material-icons{color:var(--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color)}.playlist-videos-list .item-playlist-drag .circle-icon-button{background-color:rgba(0,0,0,0)}.playlist-videos-list .item-playlist-drag .circle-icon-button:active,.playlist-videos-list .item-playlist-drag .circle-icon-button:focus,.playlist-videos-list .item-playlist-drag .circle-icon-button:hover{color:var(--playlist-page-video-list-item-options-icon-hover-color)}@media screen and (min-width:1008px){#page-playlist{position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:100%}#page-playlist .page-main,#page-playlist .page-main-wrap,#page-playlist>*{height:100%}}#page-playlist .page-main{padding-bottom:0!important}@media screen and (min-width:1008px){#page-playlist .page-main{min-height:-webkit-calc(100vh - 56px);min-height:-moz-calc(100vh - 56px);min-height:calc(100vh - 56px)}}@media screen and (min-width:492px){#page-playlist .item-content{padding-right:48px}#page-playlist .item-main{display:block;width:auto}#page-playlist .item-main a{display:inline-block}#page-playlist .item-main h3{margin-top:12px;margin-bottom:8px}}@media screen and (min-width:492px) and (max-width:1008px){#page-playlist .item-main h3{margin-top:6px}}#page-playlist .items-list{max-width:100%}@media screen and (min-width:1008px){.page-main-wrap #page-playlist{position:relative;top:auto;left:auto;right:auto;bottom:auto}.page-main-wrap #page-playlist .page-main,.page-main-wrap #page-playlist .page-main-wrap,.page-main-wrap #page-playlist>*{height:100%}}.playlist-details{position:relative;display:block;width:100%;padding:24px 32px;font-size:14px;line-height:21px;overflow-wrap:break-word;white-space:pre-wrap}@media screen and (min-width:1008px){.playlist-details{width:420px;min-height:100%;max-height:100%;overflow:auto;min-height:-webkit-calc(100vh - 56px);min-height:-moz-calc(100vh - 56px);min-height:calc(100vh - 56px)}}.playlist-details .playlist-thumb{position:relative;margin-bottom:16px;background-position:50%;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.playlist-details .playlist-thumb.no-thumb:before{position:absolute;top:50%;left:50%;margin:-2.25rem 0 0 -1.5rem;font-size:48px;line-height:1;padding:0;font-family:Material Icons;text-decoration:none;content:"\e43c"}.playlist-details .playlist-thumb>*{position:relative;display:block;width:100%;padding-bottom:56%}.playlist-details .playlist-thumb>*>*{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.playlist-details .playlist-thumb>*>* img{max-width:100%;height:auto;visibility:hidden}.playlist-details .playlist-thumb>*>* .play-all{position:absolute;bottom:0;left:0;right:0;display:block;text-align:center;color:hsla(0,0%,100%,.8);background-color:rgba(17,17,17,.8)}.playlist-details .playlist-thumb>*>* .play-all>*{display:table;width:100%;height:40px}.playlist-details .playlist-thumb>*>* .play-all>*>*{display:table-cell;vertical-align:middle;padding-top:2px}.playlist-details .playlist-thumb>*>* .play-all .material-icons{margin-right:8px;margin-bottom:2px}.playlist-details .playlist-thumb>*>* .play-all .play-all-label{margin-right:8px}.playlist-details .playlist-title h1{font-size:24px;font-weight:400;line-height:30px;margin:0 0 8px}.playlist-details .playlist-title h1 a{text-decoration:none}.playlist-details .playlist-meta{margin-bottom:4px}.playlist-details .playlist-meta>div{display:inline}.playlist-details .playlist-meta>div:before{content:"\2022";margin:0 6px}.playlist-details .playlist-meta>div:first-child:before{content:"";margin:0}.playlist-details .playlist-actions{position:relative}.playlist-details .playlist-actions a.circle-icon-button,.playlist-details .playlist-actions button.circle-icon-button{vertical-align:top;display:inline-block;margin-left:8px}.playlist-details .playlist-actions a.circle-icon-button:first-child,.playlist-details .playlist-actions button.circle-icon-button:first-child{margin-left:-8px}.playlist-details .playlist-actions .playlist-options-wrap .popup{position:absolute;top:100%;left:-8px;top:auto;bottom:100%;margin-bottom:4px}.playlist-details .playlist-actions .playlist-options-wrap.playlist-options-main .popup{width:180px}.playlist-details .playlist-actions .playlist-options-wrap .popup-main .nav-menu{padding:8px 0}.playlist-details .playlist-actions .playlist-options-wrap .popup-main .nav-menu ul li button{font-size:13px}.playlist-details .playlist-actions .popup-message-bottom button{position:relative;width:auto;padding:0;border:0}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal,.playlist-details .playlist-actions .popup-message-bottom button.proceed-playlist-removal{background-color:rgba(0,0,0,0)}.playlist-details .playlist-actions .popup-message-bottom button.proceed-playlist-removal{float:right;color:var(--default-theme-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal{float:left}.playlist-details .playlist-status{position:relative;display:inline-block;margin:8px 0 4px;padding:2px 4px 1px;font-size:12px;font-weight:500;line-height:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.playlist-details .playlist-status .material-icons{font-size:13px;display:inline-block;margin:0 3px 1px 0}.playlist-details .playlist-status div{position:relative;display:inline-block}.playlist-details .playlist-status div:first-letter{text-transform:capitalize}.playlist-details .playlist-description{display:block;padding-top:8px;padding-bottom:0}.playlist-details .playlist-author{display:block;margin-top:16px;padding:16px 0;border-top-width:1px;border-top-style:solid}.playlist-details .playlist-author>*{display:table;width:100%}.playlist-details .playlist-author>*>*{display:table-cell;vertical-align:top}.playlist-details .playlist-author a{text-decoration:none}.playlist-details .playlist-author .playlist-author-thumb{width:48px}.playlist-details .playlist-author .playlist-author-thumb span{display:block;width:48px;height:48px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;margin-right:16px;background-position:50%;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeats}.playlist-details .playlist-author .playlist-author-thumb span img{width:100%;height:100%;visibility:hidden}.playlist-details .playlist-author .playlist-author-thumb span .material-icons{width:100%;height:100%;line-height:48px;text-align:center}.playlist-details .playlist-author .playlist-author-name{min-height:48px;vertical-align:middle}.playlist-details .playlist-author .playlist-author-name a{font-size:14px;font-weight:500}.playlist-details .playlist-author .edit-playlist{padding-left:16px;padding-top:4px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button{position:relative;float:right;width:auto;height:auto;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.007px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button>*{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button>*>*{display:table;padding:6px 16px}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button>*>*>*{display:table-cell;vertical-align:bottom;line-height:1.5}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button .material-icons{line-height:1;padding-right:8px;vertical-align:bottom}.playlist-details .playlist-author .edit-playlist .popup{position:absolute}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap{position:relative;width:100%;max-width:280px;display:inline-block;text-align:initial}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title{height:52px;padding:16px 52px 15px 24px;line-height:20px;font-size:16px}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button{position:absolute;top:6px;right:6px;background:none}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .playlist-form-wrap{border-width:1px 0 0;border-style:solid}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .playlist-description{margin-top:16px}.playlist-videos-list{padding:0 32px 32px}@media screen and (min-width:1008px){.playlist-videos-list{position:absolute;top:0;right:0;left:0;display:block;height:100%;overflow:auto;padding:0;margin:0 0 0 420px}}.playlist-videos-list .item{position:relative;max-width:100%;padding:16px 24px 16px 36px;margin-bottom:0!important}.playlist-videos-list .item:after{content:"";position:absolute;display:block;bottom:0;left:36px;right:24px;border-top-width:1px;border-top-style:solid}.playlist-videos-list .item:first-child{margin-top:1px;padding-top:23px}@media screen and (max-width:1007px){.playlist-videos-list .item:last-child{margin-bottom:1px!important}.playlist-videos-list .item:last-child:after{border-top-width:0}}.playlist-videos-list .item-order-number{position:absolute;top:0;left:0;bottom:0;display:block;width:36px;font-size:14px;font-weight:500;line-height:16px;padding-top:4px}.playlist-videos-list .item-order-number>div{display:table;width:100%;height:100%}.playlist-videos-list .item-order-number>div>div{display:table-cell;text-align:center;vertical-align:middle}@media screen and (min-width:492px){.playlist-videos-list .items-list-wrap{min-height:67px}.playlist-videos-list .item-content{min-height:67px!important}.playlist-videos-list .item-thumb{position:absolute!important;top:0!important;left:0!important;width:120px!important;height:67px!important;min-height:67px!important;padding-bottom:0}.playlist-videos-list .item-main{margin-left:128px!important}}.playlist-videos-list .item-playlist-options-wrap{position:relative;width:auto;height:auto;text-align:right}.playlist-videos-list .item-playlist-options-wrap .circle-icon-button{display:inline-block;background-color:rgba(0,0,0,0)}.playlist-videos-list .item-playlist-options-wrap .popup{position:absolute;bottom:100%;right:0}.playlist-videos-list .item-playlist-options-wrap.item-playlist-options-main .popup{width:16rem}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button{position:relative;width:auto;padding:0;border:0}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.cancel-playlist-removal,.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.proceed-playlist-removal{background-color:rgba(0,0,0,0)}.playlist-videos-list .item-playlist-options-wrap .popup-message-bottom button.proceed-playlist-removal{float:right;color:var(--default-theme-color)}@media screen and (min-width:492px){.playlist-videos-list .item-playlist-options-wrap{position:absolute;top:50%;right:24px;margin-top:-20px;text-align:initial}.playlist-videos-list .item-playlist-options-wrap .popup{bottom:auto;top:-12px;right:100%;margin-right:4px;margin-bottom:32px}}@media screen and (min-width:492px){.playlist-videos-list .item:last-child .item-playlist-options-wrap .popup,.playlist-videos-list .item:nth-last-child(2) .item-playlist-options-wrap .popup{top:auto;bottom:-40px}}@media screen and (min-width:492px){.playlist-videos-list .item:first-child .item-playlist-options-wrap .popup{top:-12px;bottom:auto}}.playlist-videos-list.draggable .item:hover .item-order-number:after{content:"drag_handle";position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-12px;font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;cursor:move}.playlist-videos-list.draggable .item:hover .item-order-number div div{visibility:hidden}.playlist-videos-list.draggable .items-list.on-dragging .item,.playlist-videos-list.draggable .items-list.on-dragging .item .item-content h3 span{background-color:var(--playlist-page-video-list-bg-color)}.playlist-videos-list.draggable .items-list.on-dragging .item .item-order-number:after{display:none!important}.playlist-videos-list.draggable .items-list.on-dragging .item .item-order-number div div{visibility:visible!important} \ No newline at end of file diff --git a/static/js/_commons.js b/static/js/_commons.js index 9eff8a1..d069441 100644 --- a/static/js/_commons.js +++ b/static/js/_commons.js @@ -1,2 +1,2 @@ /*! For license information please see _commons.js.LICENSE.txt */ -(self.webpackChunk_mediacms_frontend=self.webpackChunk_mediacms_frontend||[]).push([[431],{920:function(e,t,n){e.exports=function(){"use strict";function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e){return"string"==typeof e||e instanceof String}function r(e){return Array.isArray?Array.isArray(e):"[object Array]"===Object.prototype.toString.call(e)}function i(e,t){return"boolean"==typeof(n=e)||n instanceof Boolean?e:t;var n}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self&&self,function(e,t){e(t={exports:{}},t.exports)}((function(e,t){e.exports=function(){function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var n=0;n").methods)),e.player.addChild("ActionsAnimations")}function R(e){e.player.removeChild("LoadingSpinner"),videojs.registerComponent("LoadingSpinner",videojs.extend(l,E(l,"vjs-loading-spinner",'').methods)),e.player.addChild("LoadingSpinner")}function I(e,t,r,o){var a,u,c;switch(t){case"bottomBackground":r.bottomBackground=null,videojs.registerComponent("BottomBackground",videojs.extend(l,E(l,"vjs-bottom-bg").methods));break;case"progressControl":r.progressControl=null;break;case"__subtitles":for(r.subtitlesPanel={children:{subtitlesPanelInner:{children:{subtitlesMenuTitle:null,subtitlesMenu:{children:{}}}}}},(c=E(h,"vjs-subtitles-panel")).methods.constructor=function(){n.apply(this,arguments),this.setAttribute("class",this.buildCSSClass());var t=this;function r(e){t.el_.contains(e.relatedTarget)||t.player_.trigger("focusoutSubtitlesPanel")}e.on(this.player_,["updatedSubtitlesPanelsVisibility"],(function(){videojs.dom[this.state.isOpenSubtitlesOptions?"addClass":"removeClass"](t.el_,"vjs-visible-panel")})),e.on(this.player_,["openedSubtitlesPanel"],(function(e,n){t.el_.setAttribute("tabindex","-1"),t.el_.addEventListener("focusout",r),n?t.el_.querySelector(".vjs-settings-menu-item").focus():t.el_.focus()})),e.on(this.player_,["closedSubtitlesPanel"],(function(e,n){t.el_.removeAttribute("tabindex"),t.el_.removeEventListener("focusout",r),n&&t.el_.querySelector(".vjs-settings-menu-item").focus()}))},videojs.registerComponent("SubtitlesPanel",videojs.extend(c.extend,c.methods)),videojs.registerComponent("SubtitlesPanelInner",videojs.extend(m,E(m).methods)),videojs.registerComponent("SubtitlesMenu",videojs.extend(v,E(v).methods)),videojs.registerComponent("SubtitlesMenuTitle",videojs.extend(y,E(y,null,"Subtitles").methods)),u=0;u *[role="button"]').focus():t.el_.focus()})),e.on(this.player_,["closedQualities"],(function(e,n){t.el_.removeAttribute("tabindex"),t.el_.removeEventListener("focusout",r),n&&t.el_.querySelector(".vjs-settings-menu-item").focus()}))},videojs.registerComponent("ResolutionsPanel",videojs.extend(c.extend,c.methods)),videojs.registerComponent("ResolutionsPanelInner",videojs.extend(m,E(m).methods)),videojs.registerComponent("ResolutionsMenu",videojs.extend(v,E(v).methods)),videojs.registerComponent("ResolutionsMenuTitle",videojs.extend(y,E(y,"vjs-settings-back").methods)),(c=E(f,null,"Quality")).methods.handleClick=function(e){this.player_.trigger("closeQualityOptions",!e.screenX&&!e.screenY)},videojs.registerComponent("ResolutionsMenuBackButton",videojs.extend(c.extend,c.methods));var p=function(){var e,t=[],n=Object.keys(o.resolutions),r=[],i=[];for(e=0;e *[role="button"]').focus():t.el_.focus()})),e.on(this.player_,["closedPlaybackSpeeds"],(function(e,n){t.el_.removeAttribute("tabindex"),t.el_.removeEventListener("focusout",r),n&&t.el_.querySelector(".vjs-settings-menu-item").focus()}))},videojs.registerComponent("PlaybackSpeedsPanel",videojs.extend(c.extend,c.methods)),videojs.registerComponent("PlaybackSpeedsPanelInner",videojs.extend(m,E(m).methods)),videojs.registerComponent("PlaybackSpeedsMenu",videojs.extend(v,E(v).methods)),videojs.registerComponent("PlaybackSpeedsMenuTitle",videojs.extend(y,E(y,"vjs-settings-back").methods)),(c=E(f,null,"Playback speed")).methods.handleClick=function(e){this.player_.trigger("closePlaybackSpeedOptions",!e.screenX&&!e.screenY)},videojs.registerComponent("PlaybackSpeedsMenuBackButton",videojs.extend(c.extend,c.methods)),o.playbackSpeeds)o.playbackSpeeds.hasOwnProperty(a)&&(r.playbackSpeedsPanel.children.playbackSpeedsPanelInner.children.playbackSpeedsMenu.children["playbackSpeedOption_"+o.playbackSpeeds[a].speed]={children:i({},"playbackSpeedOption_"+o.playbackSpeeds[a].speed+"_content",null)},function(t,n){(c=E(g,t.toString()===e.state.theSelectedPlaybackSpeed.toString()?"vjs-selected-menu-item":null,null)).methods.constructor=function(){g.apply(this,arguments);var n=this;this.playbackSpeedKey=t,this.setAttribute("data-opt",t),e.on(this.player_,["updatedSelectedPlaybackSpeed"],(function(){videojs.dom[n.playbackSpeedKey===this.state.theSelectedPlaybackSpeed?"addClass":"removeClass"](n.el_,"vjs-selected-menu-item")}))},c.methods.handleClick=function(){this.player_.trigger("selectedPlaybackSpeed",this.el_.getAttribute("data-opt"))},videojs.registerComponent("PlaybackSpeedOption_"+t,videojs.extend(c.extend,c.methods)),c=E(w,null,n),videojs.registerComponent("PlaybackSpeedOption_"+t+"_content",videojs.extend(c.extend,c.methods))}(o.playbackSpeeds[a].speed,o.playbackSpeeds[a].title||a));break;case"__leftControls":r.leftControls={children:{}},o.options.controlBar.previous&&((c=E(s,"vjs-previous-button")).methods.handleClick=function(e){this.player_.trigger("clicked_previous_button")},videojs.registerComponent("PreviousButton",videojs.extend(c.extend,c.methods)),r.leftControls.children.previousButton=null),o.options.controlBar.play&&(r.leftControls.children.playToggle=null),o.options.controlBar.next&&((c=E(s,"vjs-next-button")).methods.handleClick=function(e){this.player_.trigger("clicked_next_button")},videojs.registerComponent("NextButton",videojs.extend(c.extend,c.methods)),r.leftControls.children.nextButton=null),o.options.controlBar.volume&&(r.leftControls.children.volumePanel=null),o.options.controlBar.time&&(r.leftControls.children.currentTimeDisplay=null,r.leftControls.children.timeDivider=null,r.leftControls.children.durationDisplay=null),videojs.registerComponent("LeftControls",videojs.extend(l,E(l,"vjs-left-controls").methods));break;case"__rightControls":r.rightControls={children:{}},o.options.subtitles&&(r.rightControls.children.subtitlesToggle=null),o.enabledSettingsPanel&&(r.rightControls.children.settingsToggle=null),o.options.controlBar.theaterMode&&(r.rightControls.children.theaterModeToggle=null),o.options.controlBar.pictureInPicture&&(r.rightControls.children.pictureInPictureToggle=null),o.options.controlBar.fullscreen&&(r.rightControls.children.fullscreenToggle=null),videojs.registerComponent("RightControls",videojs.extend(l,E(l,"vjs-right-controls").methods)),o.options.subtitles&&((c=E(s,"vjs-subtitles-control")).methods.handleClick=function(t){this.player_.trigger(e.state.isOpenSubtitlesOptions?"closeSubtitlesPanel":"openSubtitlesPanel",!t.screenX&&!t.screenY)},videojs.registerComponent("SubtitlesToggle",videojs.extend(c.extend,c.methods))),o.enabledSettingsPanel&&((c=E(s,"vjs-settings-control vjs-icon-cog")).methods.handleClick=function(t){this.player_.trigger(e.state.isOpenSettingsOptions?"closeSettingsPanel":"openSettingsPanel",!t.screenX&&!t.screenY)},videojs.registerComponent("SettingsToggle",videojs.extend(c.extend,c.methods))),o.options.controlBar.theaterMode&&((c=E(s,"vjs-theater-mode-control")).methods.handleClick=function(){this.player_.trigger("theatermodechange"),this.updateControlText()},c.methods.updateControlText=function(){this.controlText(this.player_.localize(e.isTheaterMode()?"Default mode":"Theater mode"))},videojs.registerComponent("TheaterModeToggle",videojs.extend(c.extend,c.methods)))}}function A(e,t){var n={},r=void 0!==t.resolutions&&void 0!==t.resolutions.options&&!!Object.keys(t.resolutions.options).length,i=void 0!==t.playbackSpeeds&&void 0!==t.playbackSpeeds.options&&!!Object.keys(t.playbackSpeeds.options).length,o=r||i;return t.controlBar.bottomBackground&&I(e,"bottomBackground",n),t.controlBar.progress&&I(e,"progressControl",n),r&&I(e,"__resolution",n,{resolutions:t.resolutions.options}),i&&I(e,"__playbackSpeed",n,{playbackSpeeds:t.playbackSpeeds.options}),t.subtitles&&I(e,"__subtitles",n,{options:t}),o&&(r&&i?I(e,"__settings",n,{enabledResolutionsPanel:r,selectedResolution:r?t.resolutions.default:null,enabledPlaybackSpeedPanel:i,selectedPlaybackSpeed:i?t.playbackSpeeds.default:null}):r?I(e,"__settings",n,{enabledResolutionsPanel:r,selectedResolution:r?t.resolutions.default:null}):i&&I(e,"__settings",n,{enabledPlaybackSpeedPanel:i,selectedPlaybackSpeed:i?t.playbackSpeeds.default:null})),(t.controlBar.play||t.controlBar.previous||t.controlBar.next||t.controlBar.volume||t.controlBar.time)&&I(e,"__leftControls",n,{options:t}),(o||t.subtitles||t.controlBar.theaterMode||t.controlBar.fullscreen||t.controlBar.pictureInPictureToggle)&&I(e,"__rightControls",n,{options:t,enabledSettingsPanel:o}),{children:n}}function N(e,t,n){V(t)&&V(t.controlBar)&&C(e)(A(e,t),n.getChild("controlBar"))}function M(e,t){V(t)&&T(e,t)}function D(e){j(e)}function L(e){R(e)}function F(e,t){x(e,t)}function U(e,t,n,r,i,o){var a={},s=V(n)&&!Z(n)?n:e/t,l=V(o)&&!Z(o)?o:r/i,u=1>s;return 1>l?u?s>l?e>=r?(a.w=r,a.h=a.w/s):(a.w=e,a.h=t):e>=r||t>=i?(a.h=i,a.w=a.h*s):(a.w=e,a.h=t):e>=r?(a.w=r,a.h=a.w/s):(a.w=e,a.h=t):u?t>=i?(a.h=i,a.w=a.h*s):(a.w=e,a.h=t):s>l?e>=r?(a.w=r,a.h=a.w/s):(a.w=e,a.h=t):(a.h=e>=r||t>=i?i:t,a.w=a.h*s),a.t=(i-a.h)/2,a.l=(r-a.w)/2,a}function B(e){return"boolean"==typeof e||e instanceof Boolean}function V(e){return null!=e}function Z(e){return null===e}function z(e,t){t=t.replace(/ /g,""),e.style.transform=t,e.style.msTransform=t,e.style.MozTransform=t,e.style.WebkitTransform=t,e.style.OTransform=t}function q(){var e,t,n=(document.body||document.documentElement).style,r="transition";if("string"==typeof n[r])return!0;for(t=["Moz","webkit","Webkit","Khtml","O","ms"],r=r.charAt(0).toUpperCase()+r.substr(1),e=0;eo-r&&(i=o-r),p.wrap.style.transform="translate("+Math.min(o-r,i)+"px, 0px)",p.inner.style.backgroundPositionY=(m?-1.5:-1)*y.frame.height*Math.floor(a/y.frame.seconds)+"px"}t.on("durationchange",(function(e){h=t.duration()})),t.on("loadedmetadata",(function(e){h=t.duration()})),t.on("fullscreenchange",(function(e){setTimeout((function(){m=t.isFullscreen(),u()}),100)})),t.one("playing",(function(e){u(),t.addClass("vjs-enabled-preview-thumb"),p.img.onload=function(){var e=a(p.inner);void 0!==e&&(d.top=parseFloat(e.borderTopWidth),d.left=parseFloat(e.borderLeftWidth),d.right=parseFloat(e.borderRightWidth),d.bottom=parseFloat(e.borderBottomWidth)),v=this.naturalHeight,p.img=void 0,u()},p.img.src=y.url})),f.on("mouseover",g),f.on("mousemove",g),p.timeDisplay.appendChild(p.timeDisplayInner),p.inner.appendChild(p.timeDisplay),p.wrap.appendChild(p.inner),f.el_.appendChild(p.wrap)}var K=function(e){o(i,videojs.getPlugin("plugin"));var n=p(i);function i(e,r,o,a,s,l,p,d,f){var h;if(t(this,i),h=n.call(this,e,o),!o.sources.length)return console.warn("Missing media source"),c(h);function m(e){var t,n={};if(e&&e instanceof Object&&Object.keys(e).length&&(isNaN(e.volume)||(n.volume=Math.max(Math.min(e.volume,1),0)),B(e.soundMuted)&&(n.soundMuted=e.soundMuted),B(e.theaterMode)&&(n.theaterMode=e.theaterMode)),Object.keys(s).length){var r=Object.keys(s);n.theSelectedQuality=e&&void 0!==e.theSelectedQuality&&void 0!==s[e.theSelectedQuality]?e.theSelectedQuality:r[Math.floor(r.length/2)]}if(Object.keys(l).length){if(e.theSelectedPlaybackSpeed)for(t in e.theSelectedPlaybackSpeed=e.theSelectedPlaybackSpeed.toString(),l)if(l.hasOwnProperty(t)&&e.theSelectedPlaybackSpeed===l[t].speed){n.theSelectedPlaybackSpeed=l[t].speed;break}}else n.theSelectedPlaybackSpeed="1";return n}return o.enabledTouchControls=!!videojs.TOUCH_ENABLED||o.enabledTouchControls,h.videoHtmlElem=r,h.initedVideoPreviewThumb=!1,h.videoPreviewThumb=null,videojs.TOUCH_ENABLED||!o.videoPreviewThumb||void 0===o.videoPreviewThumb.url||void 0===o.videoPreviewThumb.frame||isNaN(o.videoPreviewThumb.frame.width)||isNaN(o.videoPreviewThumb.frame.height)||isNaN(o.videoPreviewThumb.frame.seconds)||(h.videoPreviewThumb=o.videoPreviewThumb),h.enabledFullscreenToggle=o.controlBar.fullscreen,h.enabledTheaterMode=o.controlBar.theaterMode,h.playbackSpeeds=l,h.videoResolutions=null,h.videoPlaybackSpeeds=null,h.timeoutSettingsPanelFocusout=null,h.timeoutSubtitlesPanelFocusout=null,h.timeoutResolutionsPanelFocusout=null,h.timeoutPlaybackSpeedsPanelFocusout=null,h.actionAnimationTimeout=null,h.seekingTimeout=null,h.updateTime=0,h.pausedTime=-1,h.seeking=!1,h.wasPlayingOnResolutionChange=!1,h.hadStartedOnResolutionChange=!1,h.isChangingResolution=!1,h.videoNativeDimensions=o.nativeDimensions,h.setState(videojs.mergeOptions(h.state,m(a))),h.stateUpdateCallback=p instanceof Function?p:null,h.nextButtonClickCallback=d instanceof Function?d:null,h.previousButtonClickCallback=f instanceof Function?f:null,h.state.theSelectedQuality&&(h.videoResolutions=s,h.videoFormat=H(h.player.src(),h.state.theSelectedQuality,h.videoResolutions),h.state.theSelectedQuality=h.videoFormat.defaultResolution,h.videoFormat={format:h.videoFormat.format,order:h.videoFormat.order},o.resolutions={default:h.state.theSelectedQuality,options:h.videoResolutions}),h.state.theSelectedPlaybackSpeed&&(h.videoPlaybackSpeeds=l,o.playbackSpeeds={default:h.state.theSelectedPlaybackSpeed,options:h.videoPlaybackSpeeds}),void 0!==a.theSelectedSubtitleOption&&null!==a.theSelectedSubtitleOption&&(h.state.theSelectedSubtitleOption=a.theSelectedSubtitleOption),o.subtitles&&o.subtitles.languages&&o.subtitles.languages.length&&o.subtitles.languages.length?o.subtitles.languages.unshift({label:"Off",srclang:"off",src:null}):o.subtitles=null,h.subtitles=o.subtitles,D(u(h)),L(u(h)),M(u(h),o),o.enabledTouchControls&&F(u(h),o),N(u(h),o,e),h.csstransforms=W("csstransforms"),e.addClass("vjs-loading-video"),h.videoNativeDimensions&&e.addClass("vjs-native-dimensions"),o.enabledTouchControls&&e.addClass("vjs-enabled-touch-controls"),h.progressBarLine=null,h.onBandwidthUpdate=null,h.onHlsRetryPlaylist=null,o.keyboardControls&&(h.player.el_.onkeyup=h.onKeyUp.bind(u(h)),h.player.el_.onkeydown=h.onKeyDown.bind(u(h))),h.onError=h.onError.bind(u(h)),h.on(e,["error"],h.onError),h.on(e,["dispose"],h.onDispose),h.on(e,["ended"],h.onEnded),h.on(e,["volumechange"],h.onVolumeChange),h.on(e,["playing","pause"],h.onPlayToggle),h.on(e,["timeupdate"],h.onTimeUpdateChange),h.on(e,["fullscreenchange"],h.onFullscreenChange),h.on(e,["theatermodechange"],h.onTheaterModeChange),h.on(e,["openSettingsPanel"],h.openSettingsOptions),h.on(e,["closeSettingsPanel"],h.closeSettingsOptions),h.on(e,["openSubtitlesPanel"],h.openSubtitlesOptions),h.on(e,["closeSubtitlesPanel"],h.closeSubtitlesOptions),h.on(e,["openQualityOptions"],h.openQualityOptions),h.on(e,["closeQualityOptions"],h.closeQualityOptions),h.on(e,["openPlaybackSpeedOptions"],h.openPlaybackSpeedOptions),h.on(e,["closePlaybackSpeedOptions"],h.closePlaybackSpeedOptions),h.on(e,["selectedQuality"],h.onQualitySelection),h.on(e,["selectedSubtitleOption"],h.onSubtitleOptionSelection),h.on(e,["selectedPlaybackSpeed"],h.onPlaybackSpeedSelection),h.on(e,["focusoutSettingsPanel"],h.onFocusOutSettingsPanel),h.on(e,["focusoutSubtitlesPanel"],h.onFocusOutSubtitlesPanel),h.on(e,["focusoutResolutionsPanel"],h.onFocusOutResolutionsPanel),h.on(e,["focusoutPlaybackSpeedsPanel"],h.onFocusOutPlaybackSpeedsPanel),h.on(e,["moveforward"],h.onMoveForward),h.on(e,["movebackward"],h.onMoveBackward),h.on(e,["userinactive"],h.onUserInactive),h.on(e,["seeked"],h.onSeeked),h.on(e,["seeking"],h.onSeeking),h.on("statechanged",h.onStateChange),h.hasPrevious=!!o.controlBar.previous,h.hasNext=!!o.controlBar.next,h.hasPrevious&&h.on(e,["clicked_previous_button"],h.onPreviousButtonClick),h.hasNext&&h.on(e,["clicked_next_button"],h.onNextButtonClick),h.onPlayerReady=h.onPlayerReady.bind(u(h)),e.ready(h.onPlayerReady),Q(e),h}return r(i,[{key:"onPreviousButtonClick",value:function(){this.hasPrevious&&(this.actionAnimation("play_previous"),this.previousButtonClickCallback&&this.previousButtonClickCallback())}},{key:"onNextButtonClick",value:function(){this.hasNext&&(this.actionAnimation("play_next"),this.nextButtonClickCallback&&this.nextButtonClickCallback())}},{key:"actionAnimation",value:function(e){if(this.player.hasStarted_&&(this.actionAnimElem=this.actionAnimElem||this.player.el_.querySelector(".vjs-actions-anim"),this.actionAnimElem)){var t;switch(e){case"play":void 0!==this.previousActionAnim&&"forward"!==this.previousActionAnim&&"backward"!==this.previousActionAnim&&(t="started-playing");break;case"pause":t="just-paused";break;case"backward":t="moving-backward";break;case"forward":t="moving-forward";break;case"volume":t=this.player.muted()||.001>=this.player.volume()?"volume-mute":.33>=this.player.volume()?"volume-low":.69>=this.player.volume()?"volume-mid":"volume-high";break;case"play_previous":t="play_previous";break;case"play_next":t="play_next"}t&&(this.actionAnimationTimeout&&this.actionAnimElem.setAttribute("class","vjs-actions-anim"),setTimeout(function(){this.previousActionAnim=e,t+=" active-anim",clearTimeout(this.actionAnimationTimeout),this.actionAnimElem.setAttribute("class","vjs-actions-anim "+t),this.actionAnimationTimeout=setTimeout((function(e){e.actionAnimElem.setAttribute("class","vjs-actions-anim"),e.actionAnimationTimeout=null,e.previousActionAnim=null}),750,this)}.bind(this),this.actionAnimationTimeout?20:0))}}},{key:"onMoveForward",value:function(){this.actionAnimation("forward")}},{key:"onMoveBackward",value:function(){this.actionAnimation("backward")}},{key:"onKeyDown",value:function(e){if(!this.player.ended()){var t=!1;switch(e.keyCode||e.charCode){case 32:this.player[this.player.paused()?"play":"pause"](),t=!0;break;case 37:this.player.currentTime(this.player.currentTime()-5*this.state.theSelectedPlaybackSpeed),this.player.trigger("movebackward"),t=!0;break;case 38:this.player.muted()?this.player.muted(!1):this.player.volume(Math.min(1,this.player.volume()+.03)),t=!0;break;case 39:this.player.currentTime(this.player.currentTime()+5*this.state.theSelectedPlaybackSpeed),this.player.trigger("moveforward"),t=!0;break;case 40:this.player.volume(Math.max(0,this.player.volume()-.03)),t=!0}t&&(e.preventDefault(),e.stopPropagation())}}},{key:"onKeyUp",value:function(e){if(!this.player.ended()){var t=e.keyCode||e.charCode,n=!1;if(e.shiftKey)switch(t){case 78:this.onNextButtonClick();break;case 80:this.onPreviousButtonClick()}else if(48<=t&&57>=t||96<=t&&105>=t)this.player.currentTime(.1*(57Math.abs(this.updateTimeDiff)&&this.actionAnimation(t?"play":"pause"),this.setState({playing:t})}},{key:"onTimeUpdateChange",value:function(e){var t=this.player.currentTime();this.updateTimeDiff=t-this.updateTime,this.updateTime=t}},{key:"onFullscreenChange",value:function(){this.player.addClass("vjs-fullscreen-change"),setTimeout((function(e){e.removeClass("vjs-fullscreen-change")}),100,this.player),this.updateVideoElementPosition()}},{key:"onTheaterModeChange",value:function(){this.setState({theaterMode:!this.state.theaterMode})}},{key:"openSettingsOptions",value:function(e,t){clearTimeout(this.timeoutSettingsPanelFocusout),this.setState({openSettings:new Date,openSettingsFromKeyboard:!!t&&new Date,isOpenSettingsOptions:!0,isOpenQualityOptions:!1,isOpenPlaybackSpeedOptions:!1,isOpenSubtitlesOptions:!1})}},{key:"closeSettingsOptions",value:function(e,t){clearTimeout(this.timeoutSettingsPanelFocusout),this.setState({closeSettings:new Date,closeSettingsFromKeyboard:!!t&&new Date,isOpenSettingsOptions:!1,isOpenQualityOptions:!1,isOpenPlaybackSpeedOptions:!1})}},{key:"openSubtitlesOptions",value:function(e,t){clearTimeout(this.timeoutSubtitlesPanelFocusout),this.setState({openSubtitles:new Date,openSubtitlesFromKeyboard:!!t&&new Date,isOpenSubtitlesOptions:!0,isOpenSettingsOptions:!1,isOpenQualityOptions:!1,isOpenPlaybackSpeedOptions:!1})}},{key:"closeSubtitlesOptions",value:function(e,t){clearTimeout(this.timeoutSubtitlesPanelFocusout),this.setState({closeSubtitles:new Date,closeSubtitlesFromKeyboard:!!t&&new Date,isOpenSubtitlesOptions:!1})}},{key:"openQualityOptions",value:function(e,t){clearTimeout(this.timeoutResolutionsPanelFocusout),this.setState({openQualities:new Date,openQualitiesFromKeyboard:!!t&&new Date,isOpenSettingsOptions:!1,isOpenQualityOptions:!0})}},{key:"openPlaybackSpeedOptions",value:function(e,t){clearTimeout(this.timeoutPlaybackSpeedsPanelFocusout),this.setState({openPlaybackSpeeds:new Date,openPlaybackSpeedsFromKeyboard:!!t&&new Date,isOpenSettingsOptions:!1,isOpenPlaybackSpeedOptions:!0})}},{key:"closeQualityOptions",value:function(e,t){clearTimeout(this.timeoutResolutionsPanelFocusout),this.setState({closeQualities:new Date,closeQualitiesFromKeyboard:!!t&&new Date,openSettings:new Date,openSettingsFromKeyboard:!!t&&new Date,isOpenSettingsOptions:!0,isOpenQualityOptions:!1})}},{key:"closePlaybackSpeedOptions",value:function(e,t){clearTimeout(this.timeoutPlaybackSpeedsPanelFocusout),this.setState({closePlaybackSpeeds:new Date,closePlaybackSpeedsFromKeyboard:!!t&&new Date,openSettings:new Date,openSettingsFromKeyboard:!!t&&new Date,isOpenSettingsOptions:!0,isOpenPlaybackSpeedOptions:!1})}},{key:"onQualitySelection",value:function(e,t){this.setState({isOpenSettingsOptions:!1,isOpenQualityOptions:!1,theSelectedQuality:t})}},{key:"onSubtitleOptionSelection",value:function(e,t){this.setState({isOpenSubtitlesOptions:!1,theSelectedSubtitleOption:t})}},{key:"onAutoQualitySelection",value:function(e){e!==this.state.theSelectedAutoQuality&&(this.setState({theSelectedAutoQuality:e}),this.player.trigger("updatedSelectedQuality"))}},{key:"onPlaybackSpeedSelection",value:function(e,t){this.setState({isOpenSettingsOptions:!1,isOpenPlaybackSpeedOptions:!1,theSelectedPlaybackSpeed:t})}},{key:"onFocusOutSubtitlesPanel",value:function(){this.timeoutSubtitlesPanelFocusout||(this.player.focus(),this.timeoutSubtitlesPanelFocusout=setTimeout((function(e){e.setState({isOpenSubtitlesOptions:!1}),e.timeoutSubtitlesPanelFocusout=null}),100,this))}},{key:"onFocusOutSettingsPanel",value:function(){this.timeoutSettingsPanelFocusout||(this.state.isOpenQualityOptions||this.state.isOpenPlaybackSpeedOptions||this.player.focus(),this.state.isOpenQualityOptions?this.state.isOpenPlaybackSpeedOptions||(this.timeoutSettingsPanelFocusout=setTimeout((function(e){e.state.isOpenSettingsOptions&&!e.state.isOpenPlaybackSpeedOptions&&e.setState({isOpenSettingsOptions:!1}),e.timeoutSettingsPanelFocusout=null}),100,this)):this.timeoutSettingsPanelFocusout=setTimeout((function(e){e.state.isOpenSettingsOptions&&!e.state.isOpenQualityOptions&&e.setState({isOpenSettingsOptions:!1}),e.timeoutSettingsPanelFocusout=null}),100,this))}},{key:"onFocusOutResolutionsPanel",value:function(){this.timeoutResolutionsPanelFocusout||(this.state.isOpenSettingsOptions||this.state.isOpenPlaybackSpeedOptions||this.player.focus(),this.state.isOpenSettingsOptions||(this.timeoutResolutionsPanelFocusout=setTimeout((function(e){e.state.isOpenQualityOptions&&!e.state.isOpenSettingsOptions&&e.setState({isOpenQualityOptions:!1}),e.timeoutResolutionsPanelFocusout=null}),100,this)))}},{key:"onFocusOutPlaybackSpeedsPanel",value:function(){this.timeoutPlaybackSpeedsPanelFocusout||(this.state.isOpenQualityOptions||this.state.isOpenSettingsOptions||this.player.focus(),this.state.isOpenSettingsOptions||(this.timeoutPlaybackSpeedsPanelFocusout=setTimeout((function(e){e.state.isOpenPlaybackSpeedOptions&&!e.state.isOpenSettingsOptions&&e.setState({isOpenPlaybackSpeedOptions:!1}),e.timeoutPlaybackSpeedsPanelFocusout=null}),100,this)))}},{key:"onPublicStateUpdate",value:function(){this.stateUpdateCallback&&this.stateUpdateCallback({volume:this.state.volume,theaterMode:this.state.theaterMode,soundMuted:this.state.soundMuted,quality:this.state.theSelectedQuality,playbackSpeed:this.state.theSelectedPlaybackSpeed,subtitle:this.state.theSelectedSubtitleOption})}},{key:"onWindowResize",value:function(){this.updateVideoPlayerRatios()}},{key:"updateVideoPlayerRatios",value:function(){this.setState({videoRatio:this.videoHtmlElem.offsetWidth/this.videoHtmlElem.offsetHeight,playerRatio:this.player.el_.offsetWidth/this.player.el_.offsetHeight});var e=document.querySelectorAll(".vjs-settings-panel-inner");if(e.length)for(var t=0;t0?e.l:"0")+"px,"+(e.t>0?e.t:"0")+"px)"):(this.videoHtmlElem.style.top=e.t>0?e.t+"px":"",this.videoHtmlElem.style.left=e.l>0?e.l+"px":"")}}},{key:"isTheaterMode",value:function(){return this.state.theaterMode}},{key:"isFullscreen",value:function(){return this.player.isFullscreen()}},{key:"isEnded",value:function(){return this.player.ended()}},{key:"selectedQualityTitle",value:function(){return this.state.theSelectedQuality+("Auto"===this.state.theSelectedQuality&&null!==this.state.theSelectedAutoQuality?" "+this.state.theSelectedAutoQuality+"":"")}},{key:"selectedPlaybackSpeedTitle",value:function(){var e;for(e in this.playbackSpeeds)if(this.playbackSpeeds.hasOwnProperty(e)&&this.state.theSelectedPlaybackSpeed===this.playbackSpeeds[e].speed)return this.playbackSpeeds[e].title||this.playbackSpeeds[e].speed;return"n/a"}}]),i}();return K.defaultState={volume:1,theaterMode:!1,soundMuted:!1,ended:!1,playing:!1,videoRatio:0,playerRatio:0,isOpenSettingsOptions:!1,isOpenSubtitlesOptions:!1,isOpenQualityOptions:!1,theSelectedQuality:null,theSelectedSubtitleOption:"off",theSelectedAutoQuality:null,theSelectedPlaybackSpeed:null,openSettings:!1,closeSettings:!1,openSettingsFromKeyboard:!1,closeSettingsFromKeyboard:!1,openSubtitles:!1,openSubtitlesFromKeyboard:!1,closeSubtitles:!1,closeSubtitlesFromKeyboard:!1,openQualities:!1,closeQualities:!1,openQualitiesFromKeyboard:!1,closeQualitiesFromKeyboard:!1},K.VERSION=d,videojs.registerPlugin("mediaCmsVjsPlugin",K),K}function m(){return null===f&&(f=h()),f}return m()}()}));var o={options:{sources:[],keyboardControls:!0,enabledTouchControls:!0,nativeDimensions:!1,suppressNotSupportedError:!0,poster:"",loop:!1,controls:!0,preload:"auto",autoplay:!1,bigPlayButton:!0,liveui:!1,controlBar:{bottomBackground:!0,progress:!0,play:!0,next:!1,previous:!1,volume:!0,pictureInPicture:!0,fullscreen:!0,theaterMode:!0,time:!0},cornerLayers:{topLeft:null,topRight:null,bottomLeft:null,bottomRight:null},previewSprite:{},subtitles:{on:!1,default:null,languages:[]}}};return function(n,a,s,l,u,c,p,d){if(!Node.prototype.isPrototypeOf(n))return console.error("Invalid player DOM element",n),null;function f(e){for(var t=[],n=0;n=a.sources.length&&a.sources.push(c)}u+=1}var d=n.querySelectorAll('track[kind="subtitles"]'),f={on:a.subtitles.on,default:null,languages:[]},h={};function m(e){e.src=void 0!==e.src&&null!==e.src?e.src.toString().trim():"",e.srclang=void 0!==e.srclang&&null!==e.srclang?e.srclang.toString().trim():"",e.src.length&&e.srclang.length&&(e.label=void 0!==e.label&&null!==e.label?e.label.toString().trim():e.srclang,void 0!==h[e.srclang]?(h[e.srclang].src=e.src,h[e.srclang].label=e.label):(f.languages.push({label:e.label,src:e.src,srclang:e.srclang}),h[e.srclang]=f.languages[f.languages.length-1]),void 0!==e.default&&null!==e.default&&(e.default=e.default.toString().trim(),e.default.length&&"1"!==e.default&&"true"!==e.default||(f.default=e.srclang)))}for(u=0;u=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};r.forEach(["delete","get","head"],(function(e){l.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){l.headers[e]=r.merge(o)})),e.exports=l},4345:function(e){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([n]):a[t]?a[t]+", "+n:n}})),a):a}},4346:function(e){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},8266:function(e,t,n){"use strict";var r=n(4345),i=Object.prototype.toString;function o(e){return"[object Array]"===i.call(e)}function a(e){return void 0===e}function s(e){return null!==e&&"object"==typeof e}function l(e){if("[object Object]"!==i.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function u(e){return"[object Function]"===i.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),o(e))for(var n=0,r=e.length;n>8&255]},D=function(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]},L=function(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]},F=function(e){return I(e,23,4)},U=function(e){return I(e,52,8)},B=function(e,t){v(e.prototype,t,{get:function(){return S(this)[t]}})},V=function(e,t,n,r){var i=d(n),o=S(e);if(i+t>o.byteLength)throw R(E);var a=S(o.buffer).bytes,s=i+o.byteOffset,l=a.slice(s,s+t);return r?l:l.reverse()},Z=function(e,t,n,r,i,o){var a=d(n),s=S(e);if(a+t>s.byteLength)throw R(E);for(var l=S(s.buffer).bytes,u=a+s.byteOffset,c=r(+i),p=0;pH;)(z=W[H++])in C||a(C,z,O[z]);q.constructor=C}m&&h(T)!==j&&m(T,j);var Q=new x(new C(2)),Y=T.setInt8;Q.setInt8(0,2147483648),Q.setInt8(1,2147483649),!Q.getInt8(0)&&Q.getInt8(1)||s(T,{setInt8:function(e,t){Y.call(this,e,t<<24>>24)},setUint8:function(e,t){Y.call(this,e,t<<24>>24)}},{unsafe:!0})}else C=function(e){u(this,C,P);var t=d(e);k(this,{bytes:g.call(new Array(t),0),byteLength:t}),i||(this.byteLength=t)},x=function(e,t,n){u(this,x,_),u(e,C,_);var r=S(e).byteLength,o=c(t);if(o<0||o>r)throw R("Wrong offset");if(o+(n=void 0===n?r-o:p(n))>r)throw R("Wrong length");k(this,{buffer:e,byteLength:n,byteOffset:o}),i||(this.buffer=e,this.byteLength=n,this.byteOffset=o)},i&&(B(C,"byteLength"),B(x,"buffer"),B(x,"byteLength"),B(x,"byteOffset")),s(x.prototype,{getInt8:function(e){return V(this,1,e)[0]<<24>>24},getUint8:function(e){return V(this,1,e)[0]},getInt16:function(e){var t=V(this,2,e,arguments.length>1?arguments[1]:void 0);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=V(this,2,e,arguments.length>1?arguments[1]:void 0);return t[1]<<8|t[0]},getInt32:function(e){return L(V(this,4,e,arguments.length>1?arguments[1]:void 0))},getUint32:function(e){return L(V(this,4,e,arguments.length>1?arguments[1]:void 0))>>>0},getFloat32:function(e){return A(V(this,4,e,arguments.length>1?arguments[1]:void 0),23)},getFloat64:function(e){return A(V(this,8,e,arguments.length>1?arguments[1]:void 0),52)},setInt8:function(e,t){Z(this,1,e,N,t)},setUint8:function(e,t){Z(this,1,e,N,t)},setInt16:function(e,t){Z(this,2,e,M,t,arguments.length>2?arguments[2]:void 0)},setUint16:function(e,t){Z(this,2,e,M,t,arguments.length>2?arguments[2]:void 0)},setInt32:function(e,t){Z(this,4,e,D,t,arguments.length>2?arguments[2]:void 0)},setUint32:function(e,t){Z(this,4,e,D,t,arguments.length>2?arguments[2]:void 0)},setFloat32:function(e,t){Z(this,4,e,F,t,arguments.length>2?arguments[2]:void 0)},setFloat64:function(e,t){Z(this,8,e,U,t,arguments.length>2?arguments[2]:void 0)}});b(C,P),b(x,_),e.exports={ArrayBuffer:C,DataView:x}},8050:function(e,t,n){"use strict";var r=n(1324),i=n(6782),o=n(97),a=Math.min;e.exports=[].copyWithin||function(e,t){var n=r(this),s=o(n.length),l=i(e,s),u=i(t,s),c=arguments.length>2?arguments[2]:void 0,p=a((void 0===c?s:i(c,s))-u,s-l),d=1;for(u0;)u in n?n[l]=n[u]:delete n[l],l+=d,u+=d;return n}},3579:function(e,t,n){"use strict";var r=n(1324),i=n(6782),o=n(97);e.exports=function(e){for(var t=r(this),n=o(t.length),a=arguments.length,s=i(a>1?arguments[1]:void 0,n),l=a>2?arguments[2]:void 0,u=void 0===l?n:i(l,n);u>s;)t[s++]=e;return t}},5513:function(e,t,n){"use strict";var r=n(2938),i=n(1324),o=n(5294),a=n(114),s=n(97),l=n(5999),u=n(8272);e.exports=function(e){var t,n,c,p,d,f,h=i(e),m="function"==typeof this?this:Array,y=arguments.length,v=y>1?arguments[1]:void 0,g=void 0!==v,b=u(h),w=0;if(g&&(v=r(v,y>2?arguments[2]:void 0,2)),null==b||m==Array&&a(b))for(n=new m(t=s(h.length));t>w;w++)f=g?v(h[w],w):h[w],l(n,w,f);else for(d=(p=b.call(h)).next,n=new m;!(c=d.call(p)).done;w++)f=g?o(p,v,[c.value,w],!0):c.value,l(n,w,f);return n.length=w,n}},5766:function(e,t,n){var r=n(2977),i=n(97),o=n(6782),a=function(e){return function(t,n,a){var s,l=r(t),u=i(l.length),c=o(a,u);if(e&&n!=n){for(;u>c;)if((s=l[c++])!=s)return!0}else for(;u>c;c++)if((e||c in l)&&l[c]===n)return e||c||0;return!e&&-1}};e.exports={includes:a(!0),indexOf:a(!1)}},4805:function(e,t,n){var r=n(2938),i=n(5044),o=n(1324),a=n(97),s=n(4822),l=[].push,u=function(e){var t=1==e,n=2==e,u=3==e,c=4==e,p=6==e,d=7==e,f=5==e||p;return function(h,m,y,v){for(var g,b,w=o(h),S=i(w),k=r(m,y,3),P=a(S.length),_=0,E=v||s,O=t?E(h,P):n||d?E(h,0):void 0;P>_;_++)if((f||_ in S)&&(b=k(g=S[_],_,w),e))if(t)O[_]=b;else if(b)switch(e){case 3:return!0;case 5:return g;case 6:return _;case 2:l.call(O,g)}else switch(e){case 4:return!1;case 7:l.call(O,g)}return p?-1:u||c?c:O}};e.exports={forEach:u(0),map:u(1),filter:u(2),some:u(3),every:u(4),find:u(5),findIndex:u(6),filterOut:u(7)}},3161:function(e,t,n){"use strict";var r=n(2977),i=n(5089),o=n(97),a=n(906),s=n(9295),l=Math.min,u=[].lastIndexOf,c=!!u&&1/[1].lastIndexOf(1,-0)<0,p=a("lastIndexOf"),d=s("indexOf",{ACCESSORS:!0,1:0}),f=c||!p||!d;e.exports=f?function(e){if(c)return u.apply(this,arguments)||0;var t=r(this),n=o(t.length),a=n-1;for(arguments.length>1&&(a=l(a,i(arguments[1]))),a<0&&(a=n+a);a>=0;a--)if(a in t&&t[a]===e)return a||0;return-1}:u},9269:function(e,t,n){var r=n(6544),i=n(3649),o=n(4061),a=i("species");e.exports=function(e){return o>=51||!r((function(){var t=[];return(t.constructor={})[a]=function(){return{foo:1}},1!==t[e](Boolean).foo}))}},906:function(e,t,n){"use strict";var r=n(6544);e.exports=function(e,t){var n=[][e];return!!n&&r((function(){n.call(null,t||function(){throw 1},1)}))}},9295:function(e,t,n){var r=n(8494),i=n(6544),o=n(4402),a=Object.defineProperty,s={},l=function(e){throw e};e.exports=function(e,t){if(o(s,e))return s[e];t||(t={});var n=[][e],u=!!o(t,"ACCESSORS")&&t.ACCESSORS,c=o(t,0)?t[0]:l,p=o(t,1)?t[1]:void 0;return s[e]=!!n&&!i((function(){if(u&&!r)return!0;var e={length:-1};u?a(e,1,{enumerable:!0,get:l}):e[1]=1,n.call(e,c,p)}))}},4325:function(e,t,n){var r=n(6163),i=n(1324),o=n(5044),a=n(97),s=function(e){return function(t,n,s,l){r(n);var u=i(t),c=o(u),p=a(u.length),d=e?p-1:0,f=e?-1:1;if(s<2)for(;;){if(d in c){l=c[d],d+=f;break}if(d+=f,e?d<0:p<=d)throw TypeError("Reduce of empty array with no initial value")}for(;e?d>=0:p>d;d+=f)d in c&&(l=n(l,c[d],d,u));return l}};e.exports={left:s(!1),right:s(!0)}},4822:function(e,t,n){var r=n(794),i=n(4521),o=n(3649)("species");e.exports=function(e,t){var n;return i(e)&&("function"!=typeof(n=e.constructor)||n!==Array&&!i(n.prototype)?r(n)&&null===(n=n[o])&&(n=void 0):n=void 0),new(void 0===n?Array:n)(0===t?0:t)}},5294:function(e,t,n){var r=n(2569),i=n(7093);e.exports=function(e,t,n,o){try{return o?t(r(n)[0],n[1]):t(n)}catch(t){throw i(e),t}}},3616:function(e,t,n){var r=n(3649)("iterator"),i=!1;try{var o=0,a={next:function(){return{done:!!o++}},return:function(){i=!0}};a[r]=function(){return this},Array.from(a,(function(){throw 2}))}catch(e){}e.exports=function(e,t){if(!t&&!i)return!1;var n=!1;try{var o={};o[r]=function(){return{next:function(){return{done:n=!0}}}},e(o)}catch(e){}return n}},9624:function(e){var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},3058:function(e,t,n){var r=n(8191),i=n(9624),o=n(3649)("toStringTag"),a="Arguments"==i(function(){return arguments}());e.exports=r?i:function(e){var t,n,r;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=function(e,t){try{return e[t]}catch(e){}}(t=Object(e),o))?n:a?i(t):"Object"==(r=i(t))&&"function"==typeof t.callee?"Arguments":r}},3478:function(e,t,n){var r=n(4402),i=n(929),o=n(6683),a=n(4615);e.exports=function(e,t){for(var n=i(t),s=a.f,l=o.f,u=0;u"+a+""}},4683:function(e,t,n){"use strict";var r=n(2365).IteratorPrototype,i=n(3590),o=n(4677),a=n(8821),s=n(339),l=function(){return this};e.exports=function(e,t,n){var u=t+" Iterator";return e.prototype=i(r,{next:o(1,n)}),a(e,u,!1,!0),s[u]=l,e}},57:function(e,t,n){var r=n(8494),i=n(4615),o=n(4677);e.exports=r?function(e,t,n){return i.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},4677:function(e){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},5999:function(e,t,n){"use strict";var r=n(2670),i=n(4615),o=n(4677);e.exports=function(e,t,n){var a=r(t);a in e?i.f(e,a,o(0,n)):e[a]=n}},9012:function(e,t,n){"use strict";var r=n(7263),i=n(4683),o=n(729),a=n(7496),s=n(8821),l=n(57),u=n(1270),c=n(3649),p=n(6268),d=n(339),f=n(2365),h=f.IteratorPrototype,m=f.BUGGY_SAFARI_ITERATORS,y=c("iterator"),v="keys",g="values",b="entries",w=function(){return this};e.exports=function(e,t,n,c,f,S,k){i(n,t,c);var P,_,E,O=function(e){if(e===f&&R)return R;if(!m&&e in T)return T[e];switch(e){case v:case g:case b:return function(){return new n(this,e)}}return function(){return new n(this)}},C=t+" Iterator",x=!1,T=e.prototype,j=T[y]||T["@@iterator"]||f&&T[f],R=!m&&j||O(f),I="Array"==t&&T.entries||j;if(I&&(P=o(I.call(new e)),h!==Object.prototype&&P.next&&(p||o(P)===h||(a?a(P,h):"function"!=typeof P[y]&&l(P,y,w)),s(P,C,!0,!0),p&&(d[C]=w))),f==g&&j&&j.name!==g&&(x=!0,R=function(){return j.call(this)}),p&&!k||T[y]===R||l(T,y,R),d[t]=R,f)if(_={values:O(g),keys:S?R:O(v),entries:O(b)},k)for(E in _)(m||x||!(E in T))&&u(T,E,_[E]);else r({target:t,proto:!0,forced:m||x},_);return _}},2219:function(e,t,n){var r=n(1287),i=n(4402),o=n(491),a=n(4615).f;e.exports=function(e){var t=r.Symbol||(r.Symbol={});i(t,e)||a(t,e,{value:o.f(e)})}},8494:function(e,t,n){var r=n(6544);e.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},6668:function(e,t,n){var r=n(7583),i=n(794),o=r.document,a=i(o)&&i(o.createElement);e.exports=function(e){return a?o.createElement(e):{}}},6778:function(e){e.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},7020:function(e,t,n){var r=n(6918);e.exports=/(iphone|ipod|ipad).*applewebkit/i.test(r)},5354:function(e,t,n){var r=n(9624),i=n(7583);e.exports="process"==r(i.process)},6846:function(e,t,n){var r=n(6918);e.exports=/web0s(?!.*chrome)/i.test(r)},6918:function(e,t,n){var r=n(5897);e.exports=r("navigator","userAgent")||""},4061:function(e,t,n){var r,i,o=n(7583),a=n(6918),s=o.process,l=s&&s.versions,u=l&&l.v8;u?i=(r=u.split("."))[0]+r[1]:a&&(!(r=a.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=a.match(/Chrome\/(\d+)/))&&(i=r[1]),e.exports=i&&+i},5690:function(e){e.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},7263:function(e,t,n){var r=n(7583),i=n(6683).f,o=n(57),a=n(1270),s=n(460),l=n(3478),u=n(4451);e.exports=function(e,t){var n,c,p,d,f,h=e.target,m=e.global,y=e.stat;if(n=m?r:y?r[h]||s(h,{}):(r[h]||{}).prototype)for(c in t){if(d=t[c],p=e.noTargetGet?(f=i(n,c))&&f.value:n[c],!u(m?c:h+(y?".":"#")+c,e.forced)&&void 0!==p){if(typeof d==typeof p)continue;l(d,p)}(e.sham||p&&p.sham)&&o(d,"sham",!0),a(n,c,d,e)}}},6544:function(e){e.exports=function(e){try{return!!e()}catch(e){return!0}}},783:function(e,t,n){"use strict";n(2322);var r=n(1270),i=n(6544),o=n(3649),a=n(8445),s=n(57),l=o("species"),u=!i((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$")})),c="$0"==="a".replace(/./,"$0"),p=o("replace"),d=!!/./[p]&&""===/./[p]("a","$0"),f=!i((function(){var e=/(?:)/,t=e.exec;e.exec=function(){return t.apply(this,arguments)};var n="ab".split(e);return 2!==n.length||"a"!==n[0]||"b"!==n[1]}));e.exports=function(e,t,n,p){var h=o(e),m=!i((function(){var t={};return t[h]=function(){return 7},7!=""[e](t)})),y=m&&!i((function(){var t=!1,n=/a/;return"split"===e&&((n={}).constructor={},n.constructor[l]=function(){return n},n.flags="",n[h]=/./[h]),n.exec=function(){return t=!0,null},n[h](""),!t}));if(!m||!y||"replace"===e&&(!u||!c||d)||"split"===e&&!f){var v=/./[h],g=n(h,""[e],(function(e,t,n,r,i){return t.exec===a?m&&!i?{done:!0,value:v.call(t,n,r)}:{done:!0,value:e.call(n,t,r)}:{done:!1}}),{REPLACE_KEEPS_$0:c,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:d}),b=g[0],w=g[1];r(String.prototype,e,b),r(RegExp.prototype,h,2==t?function(e,t){return w.call(e,this,t)}:function(e){return w.call(e,this)})}p&&s(RegExp.prototype[h],"sham",!0)}},2938:function(e,t,n){var r=n(6163);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 0:return function(){return e.call(t)};case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,i){return e.call(t,n,r,i)}}return function(){return e.apply(t,arguments)}}},5897:function(e,t,n){var r=n(1287),i=n(7583),o=function(e){return"function"==typeof e?e:void 0};e.exports=function(e,t){return arguments.length<2?o(r[e])||o(i[e]):r[e]&&r[e][t]||i[e]&&i[e][t]}},8272:function(e,t,n){var r=n(3058),i=n(339),o=n(3649)("iterator");e.exports=function(e){if(null!=e)return e[o]||e["@@iterator"]||i[r(e)]}},4305:function(e,t,n){var r=n(1324),i=Math.floor,o="".replace,a=/\$([$&'`]|\d\d?|<[^>]*>)/g,s=/\$([$&'`]|\d\d?)/g;e.exports=function(e,t,n,l,u,c){var p=n+e.length,d=l.length,f=s;return void 0!==u&&(u=r(u),f=a),o.call(c,f,(function(r,o){var a;switch(o.charAt(0)){case"$":return"$";case"&":return e;case"`":return t.slice(0,n);case"'":return t.slice(p);case"<":a=u[o.slice(1,-1)];break;default:var s=+o;if(0===s)return r;if(s>d){var c=i(s/10);return 0===c?r:c<=d?void 0===l[c-1]?o.charAt(1):l[c-1]+o.charAt(1):r}a=l[s-1]}return void 0===a?"":a}))}},7583:function(e,t,n){var r=function(e){return e&&e.Math==Math&&e};e.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof n.g&&n.g)||function(){return this}()||Function("return this")()},4402:function(e){var t={}.hasOwnProperty;e.exports=function(e,n){return t.call(e,n)}},4639:function(e){e.exports={}},2716:function(e,t,n){var r=n(7583);e.exports=function(e,t){var n=r.console;n&&n.error&&(1===arguments.length?n.error(e):n.error(e,t))}},482:function(e,t,n){var r=n(5897);e.exports=r("document","documentElement")},275:function(e,t,n){var r=n(8494),i=n(6544),o=n(6668);e.exports=!r&&!i((function(){return 7!=Object.defineProperty(o("div"),"a",{get:function(){return 7}}).a}))},3834:function(e){var t=1/0,n=Math.abs,r=Math.pow,i=Math.floor,o=Math.log,a=Math.LN2;e.exports={pack:function(e,s,l){var u,c,p,d=new Array(l),f=8*l-s-1,h=(1<>1,y=23===s?r(2,-24)-r(2,-77):0,v=e<0||0===e&&1/e<0?1:0,g=0;for((e=n(e))!=e||e===t?(c=e!=e?1:0,u=h):(u=i(o(e)/a),e*(p=r(2,-u))<1&&(u--,p*=2),(e+=u+m>=1?y/p:y*r(2,1-m))*p>=2&&(u++,p/=2),u+m>=h?(c=0,u=h):u+m>=1?(c=(e*p-1)*r(2,s),u+=m):(c=e*r(2,m-1)*r(2,s),u=0));s>=8;d[g++]=255&c,c/=256,s-=8);for(u=u<0;d[g++]=255&u,u/=256,f-=8);return d[--g]|=128*v,d},unpack:function(e,n){var i,o=e.length,a=8*o-n-1,s=(1<>1,u=a-7,c=o-1,p=e[c--],d=127&p;for(p>>=7;u>0;d=256*d+e[c],c--,u-=8);for(i=d&(1<<-u)-1,d>>=-u,u+=n;u>0;i=256*i+e[c],c--,u-=8);if(0===d)d=1-l;else{if(d===s)return i?NaN:p?-1/0:t;i+=r(2,n),d-=l}return(p?-1:1)*i*r(2,d-n)}}},5044:function(e,t,n){var r=n(6544),i=n(9624),o="".split;e.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(e){return"String"==i(e)?o.call(e,""):Object(e)}:Object},434:function(e,t,n){var r=n(794),i=n(7496);e.exports=function(e,t,n){var o,a;return i&&"function"==typeof(o=t.constructor)&&o!==n&&r(a=o.prototype)&&a!==n.prototype&&i(e,a),e}},9734:function(e,t,n){var r=n(1314),i=Function.toString;"function"!=typeof r.inspectSource&&(r.inspectSource=function(e){return i.call(e)}),e.exports=r.inspectSource},2743:function(e,t,n){var r,i,o,a=n(9491),s=n(7583),l=n(794),u=n(57),c=n(4402),p=n(1314),d=n(9137),f=n(4639),h=s.WeakMap;if(a){var m=p.state||(p.state=new h),y=m.get,v=m.has,g=m.set;r=function(e,t){return t.facade=e,g.call(m,e,t),t},i=function(e){return y.call(m,e)||{}},o=function(e){return v.call(m,e)}}else{var b=d("state");f[b]=!0,r=function(e,t){return t.facade=e,u(e,b,t),t},i=function(e){return c(e,b)?e[b]:{}},o=function(e){return c(e,b)}}e.exports={set:r,get:i,has:o,enforce:function(e){return o(e)?i(e):r(e,{})},getterFor:function(e){return function(t){var n;if(!l(t)||(n=i(t)).type!==e)throw TypeError("Incompatible receiver, "+e+" required");return n}}}},114:function(e,t,n){var r=n(3649),i=n(339),o=r("iterator"),a=Array.prototype;e.exports=function(e){return void 0!==e&&(i.Array===e||a[o]===e)}},4521:function(e,t,n){var r=n(9624);e.exports=Array.isArray||function(e){return"Array"==r(e)}},4451:function(e,t,n){var r=n(6544),i=/#|\.prototype\./,o=function(e,t){var n=s[a(e)];return n==u||n!=l&&("function"==typeof t?r(t):!!t)},a=o.normalize=function(e){return String(e).replace(i,".").toLowerCase()},s=o.data={},l=o.NATIVE="N",u=o.POLYFILL="P";e.exports=o},794:function(e){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},6268:function(e){e.exports=!1},7574:function(e,t,n){var r=n(794),i=n(9624),o=n(3649)("match");e.exports=function(e){var t;return r(e)&&(void 0!==(t=e[o])?!!t:"RegExp"==i(e))}},4026:function(e,t,n){var r=n(2569),i=n(114),o=n(97),a=n(2938),s=n(8272),l=n(7093),u=function(e,t){this.stopped=e,this.result=t};e.exports=function(e,t,n){var c,p,d,f,h,m,y,v=n&&n.that,g=!(!n||!n.AS_ENTRIES),b=!(!n||!n.IS_ITERATOR),w=!(!n||!n.INTERRUPTED),S=a(t,v,1+g+w),k=function(e){return c&&l(c),new u(!0,e)},P=function(e){return g?(r(e),w?S(e[0],e[1],k):S(e[0],e[1])):w?S(e,k):S(e)};if(b)c=e;else{if("function"!=typeof(p=s(e)))throw TypeError("Target is not iterable");if(i(p)){for(d=0,f=o(e.length);f>d;d++)if((h=P(e[d]))&&h instanceof u)return h;return new u(!1)}c=p.call(e)}for(m=c.next;!(y=m.call(c)).done;){try{h=P(y.value)}catch(e){throw l(c),e}if("object"==typeof h&&h&&h instanceof u)return h}return new u(!1)}},7093:function(e,t,n){var r=n(2569);e.exports=function(e){var t=e.return;if(void 0!==t)return r(t.call(e)).value}},2365:function(e,t,n){"use strict";var r,i,o,a=n(729),s=n(57),l=n(4402),u=n(3649),c=n(6268),p=u("iterator"),d=!1;[].keys&&("next"in(o=[].keys())?(i=a(a(o)))!==Object.prototype&&(r=i):d=!0),null==r&&(r={}),c||l(r,p)||s(r,p,(function(){return this})),e.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:d}},339:function(e){e.exports={}},2095:function(e,t,n){var r,i,o,a,s,l,u,c,p=n(7583),d=n(6683).f,f=n(8117).set,h=n(7020),m=n(6846),y=n(5354),v=p.MutationObserver||p.WebKitMutationObserver,g=p.document,b=p.process,w=p.Promise,S=d(p,"queueMicrotask"),k=S&&S.value;k||(r=function(){var e,t;for(y&&(e=b.domain)&&e.exit();i;){t=i.fn,i=i.next;try{t()}catch(e){throw i?a():o=void 0,e}}o=void 0,e&&e.enter()},h||y||m||!v||!g?w&&w.resolve?(u=w.resolve(void 0),c=u.then,a=function(){c.call(u,r)}):a=y?function(){b.nextTick(r)}:function(){f.call(p,r)}:(s=!0,l=g.createTextNode(""),new v(r).observe(l,{characterData:!0}),a=function(){l.data=s=!s})),e.exports=k||function(e){var t={fn:e,next:void 0};o&&(o.next=t),i||(i=t,a()),o=t}},4651:function(e,t,n){var r=n(7583);e.exports=r.Promise},8640:function(e,t,n){var r=n(6544);e.exports=!!Object.getOwnPropertySymbols&&!r((function(){return!String(Symbol())}))},9491:function(e,t,n){var r=n(7583),i=n(9734),o=r.WeakMap;e.exports="function"==typeof o&&/native code/.test(i(o))},5084:function(e,t,n){"use strict";var r=n(6163),i=function(e){var t,n;this.promise=new e((function(e,r){if(void 0!==t||void 0!==n)throw TypeError("Bad Promise constructor");t=e,n=r})),this.resolve=r(t),this.reject=r(n)};e.exports.f=function(e){return new i(e)}},9304:function(e,t,n){"use strict";var r=n(8494),i=n(6544),o=n(5432),a=n(4012),s=n(112),l=n(1324),u=n(5044),c=Object.assign,p=Object.defineProperty;e.exports=!c||i((function(){if(r&&1!==c({b:1},c(p({},"a",{enumerable:!0,get:function(){p(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var e={},t={},n=Symbol(),i="abcdefghijklmnopqrst";return e[n]=7,i.split("").forEach((function(e){t[e]=e})),7!=c({},e)[n]||o(c({},t)).join("")!=i}))?function(e,t){for(var n=l(e),i=arguments.length,c=1,p=a.f,d=s.f;i>c;)for(var f,h=u(arguments[c++]),m=p?o(h).concat(p(h)):o(h),y=m.length,v=0;y>v;)f=m[v++],r&&!d.call(h,f)||(n[f]=h[f]);return n}:c},3590:function(e,t,n){var r,i=n(2569),o=n(8728),a=n(5690),s=n(4639),l=n(482),u=n(6668),c=n(9137)("IE_PROTO"),p=function(){},d=function(e){return"