@clickview/library-editor 1.45.1 → 1.46.0

package/dist/scripts/{376-7e5af8f053.chunk.js → 376-98c734f74f.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_clickview_library_editor=self.webpackChunk_clickview_library_editor||[]).push([[376],{59054:function(e,t,n){"use strict";var r;n.d(t,{f:function(){return r}}),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))},48362:function(e,t,n){"use strict";n.d(t,{_:function(){return E}});var r=n(31647),i=n(70065),o=n(45837),a=n(7427),l=n(61356),s=n(19226),c=n(93569),u=n(44391),p=n(26457),f=n(70042),d=n(17349),y=n.n(d),h={interactive:"N1mrU"};function v(e){return v="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},v(e)}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,m(r.key),r)}}function m(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}function g(e,t,n){return t=O(t),function(e,t){if(t&&("object"==v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,w()?Reflect.construct(t,n||[],O(e).constructor):t.apply(e,n))}function w(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(w=function(){return!!e})()}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},O(e)}function k(e,t){return k=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},k(e,t)}var E=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),g(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&k(e,t)}(t,e),n=t,(r=[{key:"initialize",value:function(){this.isClickViewContent=this.model&&!c.BK.canEditVideo(this.model)}},{key:"name",get:function(){return"VideoSidebarInfoComponent"}},{key:"lang",get:function(){return"libraryEditor.videoSidebarInfo"}},{key:"className",get:function(){return"py-3 h-100"}},{key:"template",get:function(){return y()}},{key:"regions",value:function(){return{preview:{el:".video-preview-region",replaceElement:!0},folders:{el:".folders-region",replaceElement:!0},tags:{el:".tags-region",replaceElement:!0}}}},{key:"requiredResources",get:function(){return{currentUser:s.K.currentUser}}},{key:"renderVideoPreview",value:function(){this.showChildView("preview",new l.c({model:this.model,webPlayerUrl:this.options.webPlayerUrl,channelName:this.options.channelName,analyticsOptions:{location:i.LZ.VideoDetails},currentUser:this.options.currentUser,createViewKey:this.options.createViewKey,playerApiUrl:this.options.playerApiUrl}))}},{key:"renderTags",value:function(){this.model.get("tags")&&this.model.get("tags").length&&this.showChildView("tags",new u.K({collection:this.model.get("tags"),orientation:p.zM.Flex,behavior:p.Dm.Link}))}},{key:"renderFolders",value:function(){this.model.get("categories")&&this.model.get("categories").length&&this.showChildView("folders",new a.V({model:this.model,libraries:this.options.libraries,showFolder:!0,hideLabel:!0}))}},{key:"viewOptions",value:function(){return{styles:h,interactive:f.u.isInteractive(this.model),duration:c.T.ToDisplayDuration(this.model.get("duration")),folders:this.model.categories&&this.model.categories.length,multipleFolders:this.model.categories.length>1,tags:this.model.get("tags")&&this.model.get("tags").length,isClickViewContent:this.isClickViewContent,hasCustomerTags:this.isClickViewContent&&c.BK.filterObjectsByOwnerType(this.model.tags,o.N.Customer,this.options.currentUser.get("customerId")).length}}},{key:"onRender",value:function(){this.renderVideoPreview(),this.renderTags(),this.renderFolders()}}])&&b(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Q.wA)},88435:function(e,t,n){"use strict";n.r(t),n.d(t,{ClipDetailsView:function(){return z}});var r=n(39479),i=n.n(r),o=n(99748),a=n(21679),l=n(31647),s=n(59054),c=n(50997),u=n(57085),p=n(38115),f=n(30831),d=n(23130),y=n(32546),h=n.n(y);function v(e){return v="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},v(e)}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,m(r.key),r)}}function m(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}function g(e,t,n){return t=O(t),function(e,t){if(t&&("object"==v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,w()?Reflect.construct(t,n||[],O(e).constructor):t.apply(e,n))}function w(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(w=function(){return!!e})()}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},O(e)}function k(e,t){return k=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},k(e,t)}var E=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),g(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&k(e,t)}(t,e),n=t,(r=[{key:"name",get:function(){return"ClipBasicInfoComponent"}},{key:"className",get:function(){return"py-3 pe-2"}},{key:"template",get:function(){return h()}},{key:"lang",get:function(){return"shared.clipBasicInfo"}},{key:"defaults",get:function(){return{truncateDescription:!0}}},{key:"regions",value:function(){return{description:{el:".description-region",replaceElement:!0},mediaTypeBadge:{el:".media-type-badge-region",replaceElement:!0},duration:{replaceElement:!0,el:".duration-region"}}}},{key:"renderDescription",value:function(){if(this.model&&this.model.get("description")){var e=new d.Z({model:this.model,linkify:!0,size:d.t.Large,truncate:this.options.truncateDescription,allowExpand:!0});this.showChildView("description",e)}}},{key:"renderMediaTypeBadge",value:function(){var e=new f.Z({model:this.model});this.showChildView("mediaTypeBadge",e)}},{key:"renderDuration",value:function(){var e=new p.s({model:this.model});this.showChildView("duration",e)}},{key:"onRender",value:function(){this.renderDescription(),this.renderMediaTypeBadge(),this.renderDuration()}}])&&b(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(l.Q.wA),C=n(57098),T=n(21251),j=n(33800),D=n(29457),P=n(48404),S=n(64649),_=n(19226),V=n(24397),I=n(48362),x=n(56906),B=n(95061),R=n(96491),L=n.n(R);function M(e){return M="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},M(e)}function U(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,A(r.key),r)}}function A(e){var t=function(e,t){if("object"!=M(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==M(t)?t:t+""}function K(e,t,n){return t=F(t),function(e,t){if(t&&("object"==M(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,N()?Reflect.construct(t,n||[],F(e).constructor):t.apply(e,n))}function N(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(N=function(){return!!e})()}function F(e){return F=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},F(e)}function H(e,t){return H=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},H(e,t)}var z=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),K(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&H(e,t)}(t,e),n=t,(r=[{key:"initialize",value:function(){this.bindListeners(),this.videoDataService=a.u.getInstance(j.O.Video,this),this.videoMixinService=a.u.getInstance(j.K.VideoMixin,this),this.localCacheDataService=a.u.getInstance(j.O.LocalCache,this),this.playerDataService=a.u.getInstance(j.O.Player,this),this.createViewKey=this.createViewKey.bind(this)}},{key:"createViewKey",value:function(e,t){this.playerDataService.createViewKey(e,s.f.MasterObject,t)}},{key:"bindListeners",value:function(){this.listenTo(C.Vk.VIDEO,"".concat(T.M.CLIPS,":").concat(this.options.clipId,":sync"),this.render),this.listenTo(C.Vk.VIDEO,"".concat(T.M.CLIPS,":").concat(this.options.clipId,":error"),this.onError),this.listenTo(C.Vk.VIDEO,"".concat(T.M.RESTRICTED_OBJECTS,":").concat(this.options.clipId,":sync"),this.render),this.listenTo(C.Vk.VIDEO,"cache:cleared",this.render),this.listenTo(C.Vk.LIBRARY,"libraries:sync",this.render),this.listenTo(C.Vk.RESTRICTED_VIDEO,"".concat(T.M.UPDATE_VIDEO_RESTRICTION,":sync"),this.updateRestriction),this.listenTo(C.Vk.RESTRICTED_VIDEO,"".concat(T.M.RESTRICTED_OBJECTS,":").concat(this.options.clipId,":sync"),this.render),this.listenTo(C.Vk.LOCAL_CACHE,"".concat(T.M.LOCAL_CACHE_DEVICES,":sync"),this.render),this.listenTo(C.Vk.LOCAL_CACHE,"".concat(T.M.LOCAL_CACHE_DEVICES,":error"),this.onError)}},{key:"onError",value:function(e){switch(e.type){case o.h.NotFound:l.Q.Ry.throw(new x.l1);break;case o.h.Forbidden:l.Q.Ry.throw(new x.aV)}}},{key:"updateRestriction",value:function(){this.videoMixinService.getAndMixinVideoRestriction(this.clip)}},{key:"name",get:function(){return"ClipDetailsView"}},{key:"title",get:function(){return this.clip&&this.clip.get("name")}},{key:"channelName",get:function(){return"".concat(this.name).concat(this.cid)}},{key:"template",get:function(){return L()}},{key:"className",get:function(){return"container-fluid h-100 bg-white rounded"}},{key:"regions",value:function(){return{breadcrumbs:{el:".breadcrumbs-region",replaceElement:!1,partialLoading:D.LP.Breadcrumbs},header:{replaceElement:!0,el:".clip-header-region",partialLoading:D.LP.VideoHeader},main:{replaceElement:!0,el:".main-clip-information-region",partialLoading:D.LP.VideoSidebarInfo},basic:{replaceElement:!1,el:".basic-clip-information-region",partialLoading:D.LP.ClipBasicInfo}}}},{key:"getCustomLibraryFolders",value:function(){var e;if(!(null===(e=this.clip)||void 0===e?void 0:e.categories)||!this.libraries)return[];var t=this.libraries.reduce((function(e,t){return e[t.id]=!0,e}),{});return this.clip.categories.filter((function(e){var n=e.libraries.first().get("id");return t[n]}))}},{key:"renderBreadcrumbs",value:function(){this.folder&&this.clip&&this.showChildView("breadcrumbs",new u.n({folder:this.folder,libraries:this.libraries,video:this.clip,enableLastItemAppLink:!1}))}},{key:"renderVideoHeader",value:function(){this.showChildView("header",new V.U({model:this.clip,customerHasLocalCache:c.o8.customerHasLocalCache(this.devices,this.currentUser.get("customerId")),collectionIdentifier:this.folder&&new c.F7(this.folder.id,c.x$.GetCurrentSortType()),config:this.config,products:this.products,libraries:this.libraries}))}},{key:"renderSidebarInfo",value:function(){this.showChildView("main",new I._({model:this.clip,webPlayerUrl:this.config.get("webPlayerUrl"),channelName:this.channelName,currentUser:this.currentUser,createViewKey:this.createViewKey,playerApiUrl:this.config.get("playerApiUrl"),libraries:this.libraries}))}},{key:"renderBasicInfo",value:function(){this.clip&&this.showChildView("basic",new E({model:this.clip}))}},{key:"requiredResources",get:function(){return{config:P.p.config,currentUser:_.K.currentUser,libraries:B.T.libraries,products:S.s.products}}},{key:"onBeforeRender",value:function(){return this.clip=this.videoDataService.getClip(this.options.clipId),this.clip&&(this.folder=i().first(this.getCustomLibraryFolders())),this.devices=this.localCacheDataService.getDevices(this.currentUser.get("customerId")),!!this.clip}},{key:"viewOptions",value:function(){if(this.clip)return{hasFolder:!!this.folder}}},{key:"onRender",value:function(){this.renderBreadcrumbs(),this.renderVideoHeader(),this.renderSidebarInfo(),this.renderBasicInfo()}}])&&U(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(l.Q.G7)},38115:function(e,t,n){"use strict";n.d(t,{s:function(){return h}});var r=n(31647),i=n(27866),o=n(30225),a=n.n(o),l={durationBar:"zIvWt"};function s(e){return s="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},s(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,u(r.key),r)}}function u(e){var t=function(e,t){if("object"!=s(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}function p(e,t,n){return t=d(t),function(e,t){if(t&&("object"==s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,f()?Reflect.construct(t,n||[],d(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function y(e,t){return y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},y(e,t)}var h=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),p(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(e,t)}(t,e),n=t,(r=[{key:"name",get:function(){return"ClipDurationIndicatorComponent"}},{key:"template",get:function(){return a()}},{key:"getDuration",value:function(){return 1e3*(this.model.get("endTime")-this.model.get("startTime"))}},{key:"getDisplayDuration",value:function(){var e=i.T.ToDisplayDurationNewStyle(this.getDuration(),!0),t=i.T.ToDisplayDuration(1e3*this.model.get("startTime")),n=i.T.ToDisplayDuration(1e3*this.model.get("endTime"));return"".concat(e," (").concat(t," - ").concat(n,")")}},{key:"getClipPosition",value:function(){var e;return"left:"+this.model.get("startTime")/((null===(e=this.model._parentVideo)||void 0===e?void 0:e.get("duration"))/1e3)*100+"%"}},{key:"getClipDurationWidth",value:function(){return"width:"+Math.round(this.getDuration()/this.model._parentVideo.get("duration")*100)+"%"}},{key:"viewOptions",value:function(){return{styles:l,startDuration:i.T.ToDisplayDuration(0),parentDuration:i.T.ToDisplayDuration(this.model._parentVideo.get("duration")),clipDurationWidth:this.getClipDurationWidth(),clipPosition:this.getClipPosition(),duration:this.getDisplayDuration()}}}])&&c(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Q.wA)},30831:function(e,t,n){"use strict";n.d(t,{Z:function(){return g}});var r=n(57857),i=n(31647),o=n(83324),a=n(93569),l=n(7190),s=n(85348),c=n.n(s),u={mediaTypeBadge:"goWw9"};function p(e){return p="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},p(e)}function f(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,y(r.key),r)}}function y(e){var t=function(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}function h(e,t,n){return t=b(t),function(e,t){if(t&&("object"==p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,v()?Reflect.construct(t,n||[],b(e).constructor):t.apply(e,n))}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}var g=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),h(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(t,e),n=t,(i=[{key:"name",get:function(){return"MediaTypeBadgeComponent"}},{key:"template",get:function(){return c()}},{key:"lang",get:function(){return"shared.mediaTypeBadge"}},{key:"getMediaTypeOptions",value:function(e){var t=f(f({},o.D.Interactive,"interactiveLabel"),o.D.Clip,"clipLabel");return{bgClass:l.uB.mapMediaTypeToClass(e),label:r.T.getPhrase(this.lang,t[a.M2.getMediaType(e)]),svg:l.uB.mapMediaTypeToSvg(e)}}},{key:"viewOptions",value:function(){return{styles:u,mediaType:this.getMediaTypeOptions(this.model)}}}])&&d(n.prototype,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,i}(i.Q.wA)},17349:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({1:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.escapeExpression;return'      <span class="badge p-1 '+a(e.lambda(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.interactive:o,t))+'">'+a((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"interactive",{name:"lang",hash:{},data:i}))+"</span>\r\n"},3:function(e,t,n,r,i){var o;return e.propertyIsEnumerable,'    <div class="mt-3">\r\n      <h5>'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"folders",{name:"lang",hash:{smartCount:null!=(o=null!=t?t.options:t)?o.folders:o},data:i}))+'</h5>\r\n      <div class="folders-region"></div>\r\n    </div>\r\n'},5:function(e,t,n,r,i){return e.propertyIsEnumerable,'    <div class="mt-3">\r\n      <h5>'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"tags",{name:"lang",hash:{},data:i}))+'</h5>\r\n      <div class="tags-region"></div>\r\n    </div>\r\n'},7:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.escapeExpression;return'    <div class="mt-3">\r\n      <h5>'+a((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"curriculumLinks",{name:"lang",hash:{},data:i}))+"</h5>\r\n      <p>"+a(e.lambda(null!=(o=null!=t?t.options:t)?o.links:o,t))+"</p>\r\n    </div>\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=null!=t?t:e.nullContext||{};return'<div class="h-100 ps-2 pe-2">\r\n  <div class="video-preview-region"></div>\r\n  <div class="mt-3">\r\n'+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.interactive:o,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?o:"")+"  </div>\r\n\r\n"+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.folders:o,{name:"if",hash:{},fn:e.program(3,i,0),inverse:e.noop,data:i}))?o:"")+"\r\n"+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.tags:o,{name:"if",hash:{},fn:e.program(5,i,0),inverse:e.noop,data:i}))?o:"")+"\r\n"+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.links:o,{name:"if",hash:{},fn:e.program(7,i,0),inverse:e.noop,data:i}))?o:"")+"</div>"},useData:!0})},96491:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){return'<div class="row border-bottom">\r\n  <div class="clip-header-region"></div>\r\n\r\n  <div class="px-3 pb-3">\r\n    <div class="breadcrumbs-region"></div>\r\n  </div>\r\n</div>\r\n\r\n<div class="row">\r\n  <div class="col-4">\r\n    <div class="main-clip-information-region"></div>\r\n  </div>\r\n  <div class="col-8">\r\n    <div class="basic-clip-information-region"></div>\r\n  </div>\r\n</div>'},useData:!0})},32546:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({1:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=null!=t?t:e.nullContext||{},l=e.hooks.helperMissing,s=e.escapeExpression;return'  <div class="col-3 fw-semibold">'+s((n.lang||t&&t.lang||l).call(a,"title",{name:"lang",hash:{},data:i}))+'</div>\r\n  <p class="col-9">'+s("function"==typeof(o=null!=(o=n.name||(null!=t?t.name:t))?o:l)?o.call(a,{name:"name",hash:{},data:i}):o)+"</p>\r\n"},3:function(e,t,n,r,i){return e.propertyIsEnumerable,'  <div class="col-3 fw-semibold">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"description",{name:"lang",hash:{},data:i}))+'</div>\r\n  <div class="col-9">\r\n    <div class="description-region"></div>\r\n  </div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=null!=t?t:e.nullContext||{},l=e.hooks.helperMissing,s=e.escapeExpression;return'<div class="position-relative">\r\n  <h5 class="d-inline-block">'+s((n.lang||t&&t.lang||l).call(a,"heading",{name:"lang",hash:{},data:i}))+'</h5>\r\n</div>\r\n<div class="row mb-0">\r\n'+(null!=(o=n.if.call(a,null!=t?t.name:t,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?o:"")+"\r\n"+(null!=(o=n.if.call(a,null!=t?t.description:t,{name:"if",hash:{},fn:e.program(3,i,0),inverse:e.noop,data:i}))?o:"")+'\r\n  <div class="col-3 fw-semibold">'+s((n.lang||t&&t.lang||l).call(a,"type",{name:"lang",hash:{},data:i}))+'</div>\r\n  <div class="col-9 mb-3">\r\n    <div class="media-type-badge-region"></div>\r\n  </div>\r\n\r\n  <p class="fw-semibold col-3">'+s((n.lang||t&&t.lang||l).call(a,"duration",{name:"lang",hash:{},data:i}))+'</p>\r\n  \r\n  <div class="col-9">\r\n    <div class="duration-region"></div>\r\n  </div>\r\n</div>'},useData:!0})},30225:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.lambda,l=e.escapeExpression;return"<p>"+l(a(null!=(o=null!=t?t.options:t)?o.duration:o,t))+"</p>\r\n\r\n<div class='overflow-hidden rounded-3 border border-secondary-subtle p-3'>\r\n  <div class='position-relative z-1'>\r\n    <div class='position-absolute w-100'>\r\n      <div class='bg-light rounded-3 "+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.durationBar:o,t))+"'></div>\r\n    </div>\r\n  </div>\r\n  <div class='position-relative z-1' style="+l(a(null!=(o=null!=t?t.options:t)?o.clipPosition:o,t))+">\r\n    <div class='bg-blue rounded-3 px-1 "+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.durationBar:o,t))+"' style="+l(a(null!=(o=null!=t?t.options:t)?o.clipDurationWidth:o,t))+"></div>\r\n  </div>\r\n  <div class='d-flex justify-content-between text-body-secondary'>\r\n    <span>"+l(a(null!=(o=null!=t?t.options:t)?o.startDuration:o,t))+"</span>\r\n    <span>"+l(a(null!=(o=null!=t?t.options:t)?o.parentDuration:o,t))+"</span>\r\n  </div>\r\n</div>"},useData:!0})},85348:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.lambda,l=e.escapeExpression;return'<div class="d-inline-block rounded-pill text-white ps-1 pe-2 '+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.mediaTypeBadge:o,t))+" "+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.mediaType:o)?o.bgClass:o,t))+'">\r\n  <div class="svg-container sm">'+(null!=(o=a(null!=(o=null!=(o=null!=t?t.options:t)?o.mediaType:o)?o.svg:o,t))?o:"")+'</div>\r\n  <span class="font-size-sm align-text-top">'+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.mediaType:o)?o.label:o,t))+"</span>\r\n</div>"},useData:!0})}}]);
+(self.webpackChunk_clickview_library_editor=self.webpackChunk_clickview_library_editor||[]).push([[376],{59054:function(e,t,n){"use strict";var r;n.d(t,{f:function(){return r}}),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))},48362:function(e,t,n){"use strict";n.d(t,{_:function(){return E}});var r=n(31647),i=n(70065),o=n(45837),a=n(7427),l=n(61356),s=n(19226),c=n(93569),u=n(44391),p=n(26457),f=n(70042),d=n(17349),y=n.n(d),h={interactive:"N1mrU"};function v(e){return v="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},v(e)}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,m(r.key),r)}}function m(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}function g(e,t,n){return t=O(t),function(e,t){if(t&&("object"==v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,w()?Reflect.construct(t,n||[],O(e).constructor):t.apply(e,n))}function w(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(w=function(){return!!e})()}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},O(e)}function k(e,t){return k=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},k(e,t)}var E=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),g(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&k(e,t)}(t,e),n=t,(r=[{key:"initialize",value:function(){this.isClickViewContent=this.model&&!c.BK.canEditVideo(this.model)}},{key:"name",get:function(){return"VideoSidebarInfoComponent"}},{key:"lang",get:function(){return"libraryEditor.videoSidebarInfo"}},{key:"className",get:function(){return"py-3 h-100"}},{key:"template",get:function(){return y()}},{key:"regions",value:function(){return{preview:{el:".video-preview-region",replaceElement:!0},folders:{el:".folders-region",replaceElement:!0},tags:{el:".tags-region",replaceElement:!0}}}},{key:"requiredResources",get:function(){return{currentUser:s.K.currentUser}}},{key:"renderVideoPreview",value:function(){this.showChildView("preview",new l.c({model:this.model,webPlayerUrl:this.options.webPlayerUrl,channelName:this.options.channelName,analyticsOptions:{location:i.LZ.VideoDetails},currentUser:this.options.currentUser,createViewKey:this.options.createViewKey,playerApiUrl:this.options.playerApiUrl}))}},{key:"renderTags",value:function(){this.model.get("tags")&&this.model.get("tags").length&&this.showChildView("tags",new u.K({collection:this.model.get("tags"),orientation:p.zM.Flex,behavior:p.Dm.Link}))}},{key:"renderFolders",value:function(){this.model.get("categories")&&this.model.get("categories").length&&this.showChildView("folders",new a.V({model:this.model,libraries:this.options.libraries,showFolder:!0,hideLabel:!0}))}},{key:"viewOptions",value:function(){return{styles:h,interactive:f.u.isInteractive(this.model),duration:c.T.ToDisplayDuration(this.model.get("duration")),folders:this.model.categories&&this.model.categories.length,multipleFolders:this.model.categories.length>1,tags:this.model.get("tags")&&this.model.get("tags").length,isClickViewContent:this.isClickViewContent,hasCustomerTags:this.isClickViewContent&&c.BK.filterObjectsByOwnerType(this.model.tags,o.N.Customer,this.options.currentUser.get("customerId")).length}}},{key:"onRender",value:function(){this.renderVideoPreview(),this.renderTags(),this.renderFolders()}}])&&b(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Q.wA)},88435:function(e,t,n){"use strict";n.r(t),n.d(t,{ClipDetailsView:function(){return z}});var r=n(39479),i=n.n(r),o=n(99748),a=n(21679),l=n(31647),s=n(59054),c=n(50997),u=n(57085),p=n(38115),f=n(30831),d=n(23130),y=n(32546),h=n.n(y);function v(e){return v="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},v(e)}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,m(r.key),r)}}function m(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}function g(e,t,n){return t=O(t),function(e,t){if(t&&("object"==v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,w()?Reflect.construct(t,n||[],O(e).constructor):t.apply(e,n))}function w(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(w=function(){return!!e})()}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},O(e)}function k(e,t){return k=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},k(e,t)}var E=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),g(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&k(e,t)}(t,e),n=t,(r=[{key:"name",get:function(){return"ClipBasicInfoComponent"}},{key:"className",get:function(){return"py-3 pe-2"}},{key:"template",get:function(){return h()}},{key:"lang",get:function(){return"shared.clipBasicInfo"}},{key:"defaults",get:function(){return{truncateDescription:!0}}},{key:"regions",value:function(){return{description:{el:".description-region",replaceElement:!0},mediaTypeBadge:{el:".media-type-badge-region",replaceElement:!0},duration:{replaceElement:!0,el:".duration-region"}}}},{key:"renderDescription",value:function(){if(this.model&&this.model.get("description")){var e=new d.Z({model:this.model,linkify:!0,size:d.t.Large,truncate:this.options.truncateDescription,allowExpand:!0});this.showChildView("description",e)}}},{key:"renderMediaTypeBadge",value:function(){var e=new f.Z({model:this.model});this.showChildView("mediaTypeBadge",e)}},{key:"renderDuration",value:function(){var e=new p.s({model:this.model});this.showChildView("duration",e)}},{key:"onRender",value:function(){this.renderDescription(),this.renderMediaTypeBadge(),this.renderDuration()}}])&&b(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(l.Q.wA),C=n(57098),T=n(21251),j=n(33800),D=n(29457),P=n(48404),S=n(64649),_=n(19226),V=n(24397),I=n(48362),x=n(56906),B=n(95061),R=n(96491),L=n.n(R);function M(e){return M="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},M(e)}function U(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,A(r.key),r)}}function A(e){var t=function(e,t){if("object"!=M(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==M(t)?t:t+""}function K(e,t,n){return t=F(t),function(e,t){if(t&&("object"==M(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,N()?Reflect.construct(t,n||[],F(e).constructor):t.apply(e,n))}function N(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(N=function(){return!!e})()}function F(e){return F=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},F(e)}function H(e,t){return H=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},H(e,t)}var z=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),K(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&H(e,t)}(t,e),n=t,(r=[{key:"initialize",value:function(){this.bindListeners(),this.videoDataService=a.u.getInstance(j.O.Video,this),this.videoMixinService=a.u.getInstance(j.K.VideoMixin,this),this.localCacheDataService=a.u.getInstance(j.O.LocalCache,this),this.playerDataService=a.u.getInstance(j.O.Player,this),this.createViewKey=this.createViewKey.bind(this)}},{key:"createViewKey",value:function(e,t){this.playerDataService.createViewKey(e,s.f.MasterObject,t)}},{key:"bindListeners",value:function(){this.listenTo(C.Vk.VIDEO,"".concat(T.M.CLIPS,":").concat(this.options.clipId,":sync"),this.render),this.listenTo(C.Vk.VIDEO,"".concat(T.M.CLIPS,":").concat(this.options.clipId,":error"),this.onError),this.listenTo(C.Vk.VIDEO,"".concat(T.M.RESTRICTED_OBJECTS,":").concat(this.options.clipId,":sync"),this.render),this.listenTo(C.Vk.VIDEO,"cache:cleared",this.render),this.listenTo(C.Vk.LIBRARY,"libraries:sync",this.render),this.listenTo(C.Vk.RESTRICTED_VIDEO,"".concat(T.M.UPDATE_VIDEO_RESTRICTION,":sync"),this.updateRestriction),this.listenTo(C.Vk.RESTRICTED_VIDEO,"".concat(T.M.RESTRICTED_OBJECTS,":").concat(this.options.clipId,":sync"),this.render),this.listenTo(C.Vk.LOCAL_CACHE,"".concat(T.M.LOCAL_CACHE_DEVICES,":sync"),this.render),this.listenTo(C.Vk.LOCAL_CACHE,"".concat(T.M.LOCAL_CACHE_DEVICES,":error"),this.onError)}},{key:"onError",value:function(e){switch(e.type){case o.h.NotFound:l.Q.Ry.throw(new x.l1);break;case o.h.Forbidden:l.Q.Ry.throw(new x.aV)}}},{key:"updateRestriction",value:function(){this.videoMixinService.getAndMixinVideoRestriction(this.clip)}},{key:"name",get:function(){return"ClipDetailsView"}},{key:"title",get:function(){return this.clip&&this.clip.get("name")}},{key:"channelName",get:function(){return"".concat(this.name).concat(this.cid)}},{key:"template",get:function(){return L()}},{key:"className",get:function(){return"container-fluid h-100 bg-white rounded"}},{key:"regions",value:function(){return{breadcrumbs:{el:".breadcrumbs-region",replaceElement:!1,partialLoading:D.LP.Breadcrumbs},header:{replaceElement:!0,el:".clip-header-region",partialLoading:D.LP.VideoHeader},main:{replaceElement:!0,el:".main-clip-information-region",partialLoading:D.LP.VideoSidebarInfo},basic:{replaceElement:!1,el:".basic-clip-information-region",partialLoading:D.LP.ClipBasicInfo}}}},{key:"getCustomLibraryFolders",value:function(){var e;if(!(null===(e=this.clip)||void 0===e?void 0:e.categories)||!this.libraries)return[];var t=this.libraries.reduce((function(e,t){return e[t.id]=!0,e}),{});return this.clip.categories.filter((function(e){var n=e.libraries.first().get("id");return t[n]}))}},{key:"renderBreadcrumbs",value:function(){this.folder&&this.clip&&this.showChildView("breadcrumbs",new u.n({folder:this.folder,libraries:this.libraries,video:this.clip,enableLastItemAppLink:!1}))}},{key:"renderVideoHeader",value:function(){this.showChildView("header",new V.U({model:this.clip,customerHasLocalCache:c.o8.customerHasLocalCache(this.devices,this.currentUser.get("customerId")),collectionIdentifier:this.folder&&new c.F7(this.folder.id,c.x$.GetCurrentSortType()),config:this.config,products:this.products,libraries:this.libraries}))}},{key:"renderSidebarInfo",value:function(){this.showChildView("main",new I._({model:this.clip,webPlayerUrl:this.config.get("webPlayerUrl"),channelName:this.channelName,currentUser:this.currentUser,createViewKey:this.createViewKey,playerApiUrl:this.config.get("playerApiUrl"),libraries:this.libraries}))}},{key:"renderBasicInfo",value:function(){this.clip&&this.showChildView("basic",new E({model:this.clip}))}},{key:"requiredResources",get:function(){return{config:P.p.config,currentUser:_.K.currentUser,libraries:B.T.libraries,products:S.s.products}}},{key:"onBeforeRender",value:function(){return this.clip=this.videoDataService.getClip(this.options.clipId),this.clip&&(this.folder=i().first(this.getCustomLibraryFolders())),this.devices=this.localCacheDataService.getDevices(this.currentUser.get("customerId")),!!this.clip}},{key:"viewOptions",value:function(){if(this.clip)return{hasFolder:!!this.folder}}},{key:"onRender",value:function(){this.renderBreadcrumbs(),this.renderVideoHeader(),this.renderSidebarInfo(),this.renderBasicInfo()}}])&&U(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(l.Q.G7)},38115:function(e,t,n){"use strict";n.d(t,{s:function(){return h}});var r=n(31647),i=n(27866),o=n(30225),a=n.n(o),l={durationBar:"zIvWt"};function s(e){return s="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},s(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,u(r.key),r)}}function u(e){var t=function(e,t){if("object"!=s(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}function p(e,t,n){return t=d(t),function(e,t){if(t&&("object"==s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,f()?Reflect.construct(t,n||[],d(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function y(e,t){return y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},y(e,t)}var h=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),p(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(e,t)}(t,e),n=t,(r=[{key:"name",get:function(){return"ClipDurationIndicatorComponent"}},{key:"template",get:function(){return a()}},{key:"getDuration",value:function(){return 1e3*(this.model.get("endTime")-this.model.get("startTime"))}},{key:"getDisplayDuration",value:function(){var e=i.T.ToDisplayDurationNewStyle(this.getDuration(),!0),t=i.T.ToDisplayDuration(1e3*this.model.get("startTime")),n=i.T.ToDisplayDuration(1e3*this.model.get("endTime"));return"".concat(e," (").concat(t," - ").concat(n,")")}},{key:"getClipPosition",value:function(){var e;return"left:"+this.model.get("startTime")/((null===(e=this.model._parentVideo)||void 0===e?void 0:e.get("duration"))/1e3)*100+"%"}},{key:"getClipDurationWidth",value:function(){return"width:"+Math.round(this.getDuration()/this.model._parentVideo.get("duration")*100)+"%"}},{key:"viewOptions",value:function(){return{styles:l,startDuration:i.T.ToDisplayDuration(0),parentDuration:i.T.ToDisplayDuration(this.model._parentVideo.get("duration")),clipDurationWidth:this.getClipDurationWidth(),clipPosition:this.getClipPosition(),duration:this.getDisplayDuration()}}}])&&c(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Q.wA)},30831:function(e,t,n){"use strict";n.d(t,{Z:function(){return g}});var r=n(57857),i=n(31647),o=n(83324),a=n(93569),l=n(7190),s=n(85348),c=n.n(s),u={mediaTypeBadge:"goWw9"};function p(e){return p="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},p(e)}function f(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,y(r.key),r)}}function y(e){var t=function(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}function h(e,t,n){return t=b(t),function(e,t){if(t&&("object"==p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,v()?Reflect.construct(t,n||[],b(e).constructor):t.apply(e,n))}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}var g=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),h(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(t,e),n=t,(i=[{key:"name",get:function(){return"MediaTypeBadgeComponent"}},{key:"template",get:function(){return c()}},{key:"lang",get:function(){return"shared.mediaTypeBadge"}},{key:"getMediaTypeOptions",value:function(e){var t=f(f({},o.D.Interactive,"interactiveLabel"),o.D.Clip,"clipLabel");return{bgClass:l.uB.mapMediaTypeToClass(e),label:r.T.getPhrase(this.lang,t[a.M2.getMediaType(e)]),svg:l.uB.mapMediaTypeToSvg(e)}}},{key:"viewOptions",value:function(){return{styles:u,mediaType:this.getMediaTypeOptions(this.model)}}}])&&d(n.prototype,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,i}(i.Q.wA)},17349:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({1:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.escapeExpression;return'      <span class="badge p-1 '+a(e.lambda(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.interactive:o,t))+'">'+a((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"interactive",{name:"lang",hash:{},data:i}))+"</span>\n"},3:function(e,t,n,r,i){var o;return e.propertyIsEnumerable,'    <div class="mt-3">\n      <h5>'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"folders",{name:"lang",hash:{smartCount:null!=(o=null!=t?t.options:t)?o.folders:o},data:i}))+'</h5>\n      <div class="folders-region"></div>\n    </div>\n'},5:function(e,t,n,r,i){return e.propertyIsEnumerable,'    <div class="mt-3">\n      <h5>'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"tags",{name:"lang",hash:{},data:i}))+'</h5>\n      <div class="tags-region"></div>\n    </div>\n'},7:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.escapeExpression;return'    <div class="mt-3">\n      <h5>'+a((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"curriculumLinks",{name:"lang",hash:{},data:i}))+"</h5>\n      <p>"+a(e.lambda(null!=(o=null!=t?t.options:t)?o.links:o,t))+"</p>\n    </div>\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=null!=t?t:e.nullContext||{};return'<div class="h-100 ps-2 pe-2">\n  <div class="video-preview-region"></div>\n  <div class="mt-3">\n'+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.interactive:o,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?o:"")+"  </div>\n\n"+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.folders:o,{name:"if",hash:{},fn:e.program(3,i,0),inverse:e.noop,data:i}))?o:"")+"\n"+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.tags:o,{name:"if",hash:{},fn:e.program(5,i,0),inverse:e.noop,data:i}))?o:"")+"\n"+(null!=(o=n.if.call(a,null!=(o=null!=t?t.options:t)?o.links:o,{name:"if",hash:{},fn:e.program(7,i,0),inverse:e.noop,data:i}))?o:"")+"</div>"},useData:!0})},96491:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){return'<div class="row border-bottom">\n  <div class="clip-header-region"></div>\n\n  <div class="px-3 pb-3">\n    <div class="breadcrumbs-region"></div>\n  </div>\n</div>\n\n<div class="row">\n  <div class="col-4">\n    <div class="main-clip-information-region"></div>\n  </div>\n  <div class="col-8">\n    <div class="basic-clip-information-region"></div>\n  </div>\n</div>'},useData:!0})},32546:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({1:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=null!=t?t:e.nullContext||{},l=e.hooks.helperMissing,s=e.escapeExpression;return'  <div class="col-3 fw-semibold">'+s((n.lang||t&&t.lang||l).call(a,"title",{name:"lang",hash:{},data:i}))+'</div>\n  <p class="col-9">'+s("function"==typeof(o=null!=(o=n.name||(null!=t?t.name:t))?o:l)?o.call(a,{name:"name",hash:{},data:i}):o)+"</p>\n"},3:function(e,t,n,r,i){return e.propertyIsEnumerable,'  <div class="col-3 fw-semibold">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"description",{name:"lang",hash:{},data:i}))+'</div>\n  <div class="col-9">\n    <div class="description-region"></div>\n  </div>\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=null!=t?t:e.nullContext||{},l=e.hooks.helperMissing,s=e.escapeExpression;return'<div class="position-relative">\n  <h5 class="d-inline-block">'+s((n.lang||t&&t.lang||l).call(a,"heading",{name:"lang",hash:{},data:i}))+'</h5>\n</div>\n<div class="row mb-0">\n'+(null!=(o=n.if.call(a,null!=t?t.name:t,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?o:"")+"\n"+(null!=(o=n.if.call(a,null!=t?t.description:t,{name:"if",hash:{},fn:e.program(3,i,0),inverse:e.noop,data:i}))?o:"")+'\n  <div class="col-3 fw-semibold">'+s((n.lang||t&&t.lang||l).call(a,"type",{name:"lang",hash:{},data:i}))+'</div>\n  <div class="col-9 mb-3">\n    <div class="media-type-badge-region"></div>\n  </div>\n\n  <p class="fw-semibold col-3">'+s((n.lang||t&&t.lang||l).call(a,"duration",{name:"lang",hash:{},data:i}))+'</p>\n  \n  <div class="col-9">\n    <div class="duration-region"></div>\n  </div>\n</div>'},useData:!0})},30225:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.lambda,l=e.escapeExpression;return"<p>"+l(a(null!=(o=null!=t?t.options:t)?o.duration:o,t))+"</p>\n\n<div class='overflow-hidden rounded-3 border border-secondary-subtle p-3'>\n  <div class='position-relative z-1'>\n    <div class='position-absolute w-100'>\n      <div class='bg-light rounded-3 "+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.durationBar:o,t))+"'></div>\n    </div>\n  </div>\n  <div class='position-relative z-1' style="+l(a(null!=(o=null!=t?t.options:t)?o.clipPosition:o,t))+">\n    <div class='bg-blue rounded-3 px-1 "+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.durationBar:o,t))+"' style="+l(a(null!=(o=null!=t?t.options:t)?o.clipDurationWidth:o,t))+"></div>\n  </div>\n  <div class='d-flex justify-content-between text-body-secondary'>\n    <span>"+l(a(null!=(o=null!=t?t.options:t)?o.startDuration:o,t))+"</span>\n    <span>"+l(a(null!=(o=null!=t?t.options:t)?o.parentDuration:o,t))+"</span>\n  </div>\n</div>"},useData:!0})},85348:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,i){e.propertyIsEnumerable;var o,a=e.lambda,l=e.escapeExpression;return'<div class="d-inline-block rounded-pill text-white ps-1 pe-2 '+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.styles:o)?o.mediaTypeBadge:o,t))+" "+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.mediaType:o)?o.bgClass:o,t))+'">\n  <div class="svg-container sm">'+(null!=(o=a(null!=(o=null!=(o=null!=t?t.options:t)?o.mediaType:o)?o.svg:o,t))?o:"")+'</div>\n  <span class="font-size-sm align-text-top">'+l(a(null!=(o=null!=(o=null!=t?t.options:t)?o.mediaType:o)?o.label:o,t))+"</span>\n</div>"},useData:!0})}}]);

package/dist/scripts/{3763-64dc73b8c4.chunk.js → 3763-c5de5a36a1.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_clickview_library_editor=self.webpackChunk_clickview_library_editor||[]).push([[3763],{33763:function(e,t,n){"use strict";n.r(t),n.d(t,{BannerUploadView:function(){return _}});var r=n(48088),o=n(39479),i=n(11306),a=n(21679),u=n(57857),c=n(99249),l=n(31647),s=n(10101),p=n(58025),f=n(88172),h=n(57098),d=n(29457),y=n(18375),g=n(93569),m=n(66266),b=n.n(m);function v(e){return v="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},v(e)}function w(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,k(r.key),r)}}function k(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}function C(e,t,n){return t=I(t),function(e,t){if(t&&("object"==v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,O()?Reflect.construct(t,n||[],I(e).constructor):t.apply(e,n))}function O(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(O=function(){return!!e})()}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},I(e)}function E(e,t){return E=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},E(e,t)}var _=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),C(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&E(e,t)}(t,e),n=t,(m=[{key:"initialize",value:function(){this.libraryDataService=a.u.getInstance(h.Or.Library,this),this.imageUploadDataService=a.u.getInstance(h.Or.ImageUpload,this),this.viewModel=c.r.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"name",get:function(){return"BannerUploadView"}},{key:"title",get:function(){return u.T.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.bannerUpload"}},{key:"template",get:function(){return b()}},{key:"channelName",get:function(){return g.N0.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.Yw,title:u.T.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:u.T.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,p.Y.ImageCropped,this.onImageCropped),this.listenTo(h.Vk.VIDEO,"".concat(h.M_.FOLDER,":").concat(this.options.folderId,":sync"),this.render),this.listenTo(h.Vk.VIDEO,"".concat(h.M_.UPDATE_FOLDER_BANNER,":").concat(this.options.folderId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||l.Q.Ry.throw(new i.H("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){r.Radio.channel(this.channelName).trigger(p.Y.CropImage),r.Radio.channel(this.channelName).trigger(f.I3.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,d.__.Banners,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n={folderId:this.options.folderId,imageModel:e,currentImageId:this.model.banner&&this.model.banner.id};this.libraryDataService.addOrUpdateBanner(n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new y.E({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new p.a({model:e,channelName:this.channelName,imageType:d.__.Banners,minWidth:h.yE[d.__.Banners].width,minHeight:h.yE[d.__.Banners].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.libraryDataService.getFolder(this.options.folderId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:g.Kp.getSpinner({size:g.Ey.Large,extraClasses:"mx-auto"})}}}])&&w(n.prototype,m),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,m}(l.Q.G7)},58025:function(e,t,n){"use strict";n.d(t,{Y:function(){return r},a:function(){return m}});var r,o=n(48088),i=n(51934),a=n.n(i),u=n(31647),c=n(91465),l=n.n(c);function s(e){return s="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},s(e)}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,f(r.key),r)}}function f(e){var t=function(e,t){if("object"!=s(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}function h(e,t,n){return t=y(t),function(e,t){if(t&&("object"==s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,d()?Reflect.construct(t,n||[],y(e).constructor):t.apply(e,n))}function d(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(d=function(){return!!e})()}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(r||(r={}));var m=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),h(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(t,e),n=t,(i=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,r.CropImage,this.crop)}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return l()}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());o.Radio.channel(this.options.channelName).trigger(r.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new(a())(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}}])&&p(n.prototype,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,i}(u.Q.wA)},66266:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({1:function(e,t,n,r,o){var i;return e.propertyIsEnumerable,(null!=(i=e.lambda(null!=(i=null!=t?t.options:t)?i.spinnerEl:i,t))?i:"")+"\r\n"},3:function(e,t,n,r,o){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;return e.propertyIsEnumerable,null!=(i=n.unless.call(null!=t?t:e.nullContext||{},null!=(i=null!=t?t.options:t)?i.dataFetched:i,{name:"unless",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?i:""},useData:!0})},91465:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;return e.propertyIsEnumerable,'<img src="'+e.escapeExpression("function"==typeof(i=null!=(i=n.dataUrl||(null!=t?t.dataUrl:t))?i:e.hooks.helperMissing)?i.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:o}):i)+'" class="img img-fluid" />'},useData:!0})}}]);
+(self.webpackChunk_clickview_library_editor=self.webpackChunk_clickview_library_editor||[]).push([[3763],{33763:function(e,t,n){"use strict";n.r(t),n.d(t,{BannerUploadView:function(){return _}});var r=n(48088),o=n(39479),i=n(11306),a=n(21679),u=n(57857),c=n(99249),l=n(31647),s=n(10101),p=n(58025),f=n(88172),h=n(57098),d=n(29457),y=n(18375),g=n(93569),m=n(66266),b=n.n(m);function v(e){return v="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},v(e)}function w(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,k(r.key),r)}}function k(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}function C(e,t,n){return t=I(t),function(e,t){if(t&&("object"==v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,O()?Reflect.construct(t,n||[],I(e).constructor):t.apply(e,n))}function O(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(O=function(){return!!e})()}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},I(e)}function E(e,t){return E=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},E(e,t)}var _=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),C(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&E(e,t)}(t,e),n=t,(m=[{key:"initialize",value:function(){this.libraryDataService=a.u.getInstance(h.Or.Library,this),this.imageUploadDataService=a.u.getInstance(h.Or.ImageUpload,this),this.viewModel=c.r.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"name",get:function(){return"BannerUploadView"}},{key:"title",get:function(){return u.T.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.bannerUpload"}},{key:"template",get:function(){return b()}},{key:"channelName",get:function(){return g.N0.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.Yw,title:u.T.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:u.T.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,p.Y.ImageCropped,this.onImageCropped),this.listenTo(h.Vk.VIDEO,"".concat(h.M_.FOLDER,":").concat(this.options.folderId,":sync"),this.render),this.listenTo(h.Vk.VIDEO,"".concat(h.M_.UPDATE_FOLDER_BANNER,":").concat(this.options.folderId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||l.Q.Ry.throw(new i.H("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){r.Radio.channel(this.channelName).trigger(p.Y.CropImage),r.Radio.channel(this.channelName).trigger(f.I3.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,d.__.Banners,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n={folderId:this.options.folderId,imageModel:e,currentImageId:this.model.banner&&this.model.banner.id};this.libraryDataService.addOrUpdateBanner(n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new y.E({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new p.a({model:e,channelName:this.channelName,imageType:d.__.Banners,minWidth:h.yE[d.__.Banners].width,minHeight:h.yE[d.__.Banners].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.libraryDataService.getFolder(this.options.folderId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:g.Kp.getSpinner({size:g.Ey.Large,extraClasses:"mx-auto"})}}}])&&w(n.prototype,m),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,m}(l.Q.G7)},58025:function(e,t,n){"use strict";n.d(t,{Y:function(){return r},a:function(){return m}});var r,o=n(48088),i=n(51934),a=n.n(i),u=n(31647),c=n(91465),l=n.n(c);function s(e){return s="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},s(e)}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,f(r.key),r)}}function f(e){var t=function(e,t){if("object"!=s(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}function h(e,t,n){return t=y(t),function(e,t){if(t&&("object"==s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,d()?Reflect.construct(t,n||[],y(e).constructor):t.apply(e,n))}function d(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(d=function(){return!!e})()}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(r||(r={}));var m=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),h(this,t,[e])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(t,e),n=t,(i=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,r.CropImage,this.crop)}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return l()}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());o.Radio.channel(this.options.channelName).trigger(r.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new(a())(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}}])&&p(n.prototype,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,i}(u.Q.wA)},66266:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({1:function(e,t,n,r,o){var i;return e.propertyIsEnumerable,(null!=(i=e.lambda(null!=(i=null!=t?t.options:t)?i.spinnerEl:i,t))?i:"")+"\n"},3:function(e,t,n,r,o){return'<div class="cropper-region"></div>\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;return e.propertyIsEnumerable,null!=(i=n.unless.call(null!=t?t:e.nullContext||{},null!=(i=null!=t?t.options:t)?i.dataFetched:i,{name:"unless",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?i:""},useData:!0})},91465:function(e,t,n){var r=n(32227);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;return e.propertyIsEnumerable,'<img src="'+e.escapeExpression("function"==typeof(i=null!=(i=n.dataUrl||(null!=t?t.dataUrl:t))?i:e.hooks.helperMissing)?i.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:o}):i)+'" class="img img-fluid" />'},useData:!0})}}]);