@clickview/lite 0.0.18-rc.2 → 0.0.18

package/dist/scripts/0-525bd75473.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{412:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(78),r=a(29),i=a(37);const o=()=>{const e=Object(n.a)(i.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},413:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:(e.className?e.className:"")+" cursor-pointer",onKeyDown:t=>"Enter"===t.key&&e.onClick(t),onClick:e.onClick,style:e.style?e.style:{}},e.children)}},416:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return d}));var n,r,i=a(0),o=a(78),c=a(33),s=a(10),l=a(9),u=a(458),m=a.n(u);function d(e){const{type:t,mediaType:a,extraClasses:u}=e,d=(Object(o.a)(l.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?m.a.videoFallback:e===n.Playlist?m.a.playlistFallback:e===n.Series||e===n.TallSubject?m.a.posterFallback:e===n.Subject?m.a.subjectFallback:""}(t)),p=function(e,t){return e===n.Video?s.b.Play:e===n.Playlist?s.b.Playlist:e===n.Series?s.b.Series:e===n.Subject||e===n.TallSubject?s.b.Subject:""}(t);let v=""+function(e,t){return t===n.Subject?m.a.subjectFallbackContainer:e===r.Svg?m.a.svgFallbackContainer:m.a.baseFallbackContainer}(a,t);return u&&(v+=" "+e.extraClasses),i.createElement("div",{className:v},a===r.Svg?i.createElement(c.a,{svgName:p,className:d,tagName:"div"}):i.createElement("div",{className:m.a.fallbackThumbnailImage,style:{backgroundImage:`url('${p}')`}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),d.defaultProps={mediaType:r.Svg}},426:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},429:function(e,t,a){"use strict";var n=a(0),r=a(36),i=a(406),o=a(456),c=a.n(o),s=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};const l=n.memo((function(e){var{forceLoad:t}=e,a=s(e,["forceLoad"]);const[r,o]=i.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver)return n.createElement("img",Object.assign({alt:""},a));const{src:l}=a,u=s(a,["src"]),m=Object.assign(Object.assign({alt:""},u),o||t?{src:l}:{});return t||(m.ref=r),n.createElement("img",Object.assign({className:c.a.image},m))}));var u,m=a(34),d=a(426),p=a(457),v=a.n(p);function b(e){let t="thumbnail "+v.a.thumbnail,a="";return e.aspectRatio===u.SixteenByNine&&(a=v.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(a=v.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(a=v.a.oneByOne),e.aspectRatio===u.TwoByThree&&(a=v.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function g(e){const{data:t,size:a,appLink:i,preload:o}=e;let c="";"string"==typeof t?c=t:r.a.isObject(t)&&(c=t.url);const s=c&&function(e,t=d.a.Small){return`${e}?size=${t}`}(c,a);return n.createElement("div",{className:b(e)},n.createElement(m.a,{appLink:i},e.children,s&&n.createElement(l,{src:s,forceLoad:o})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return g})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},430:function(e,t,a){"use strict";var n=a(0),r=a(28),i=a(131),o=a(33),c=a(34),s=a(10),l=a(435),u=a.n(l);function m(e){let t="dropdown-item";return e&&(t+=" "+e),t}function d(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);const t="actions-dropdown-"+i.a.getRandomInt();let a="px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(a+=" "+e.dropdownToggleClassName),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(o.a,{svgName:s.b.More,size:o.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>n.createElement(c.a,{key:t,appLink:e.appLink,className:m(e.className)},e.label))))}d.defaultProps={dropdownToggleClassName:"btn btn-light"};var p=a(119),v=a(83);function b(e){const{onClick:t,appLink:a,svgName:r,tooltip:i}=e.actionOptions;let o="ml-2";return e.actionOptions.className&&(o+=" "+e.actionOptions.className),i?n.createElement(v.a,{title:i},n.createElement(p.a,{appLink:a,svgName:r,onClick:t,className:o},e.children)):r?n.createElement(p.a,{onClick:t,appLink:a,svgName:r,className:o},e.children):a?n.createElement(c.a,{onClick:t,appLink:a,className:o},e.children):n.createElement("button",{onClick:t,className:o},e.children)}function g(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:u.a.buttonList},t.map((e,t)=>n.createElement(b,{key:t,actionOptions:e},e.label))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(d,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},434:function(e,t,a){"use strict";var n=a(0),r=a(28);const i={mapRatingToClass(e){if(!e)return"";return(e=>{switch(!0){case e<32:return"bg-purple";case e<48:return"bg-success";case e<80:return"bg-info";case e<96:return"bg-danger";case e<128:return"bg-pink";case e>=128:return"bg-warning";default:return""}})(e)}};var o,c=a(132),s=a(460),l=a.n(s);function u(e){const{type:t,data:a}=e;if(!function(e,t){return e===o.Rating?t&&!!t.value:!!t}(t,a))return n.createElement(n.Fragment,null);const s=function(e,t){let a="";return e===o.Duration&&(a=l.a.duration),e===o.Interactive&&(a=l.a.interactive),e===o.Rating&&(a=`${l.a.rating} ${i.mapRatingToClass(t.value)}`),e===o.ProductionYear&&(a=l.a.productionYear),"badge "+a}(t,a),u=function(e,t){return e===o.Interactive?"Interactive":e===o.Duration?c.a.ToDisplayDuration(t):e===o.Rating?t.code:e===o.ProductionYear?t:void 0}(t,a),m=function(e,t){return e===o.Rating?{title:t.name,placement:"top"}:null}(t,a);return m?n.createElement(r.OverlayTrigger,{placement:m.placement,overlay:n.createElement(r.Tooltip,{id:m.title},m.title)},n.createElement("span",{className:s},u)):n.createElement("span",{className:s},u)}a.d(t,"b",(function(){return o})),a.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(o||(o={}))},435:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},444:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(408),i=a(2),o=a(481),c=a(558);const s=n.createContext({isSortable:!1});function l(e){const{isSortable:t}=n.useContext(s),a=t?c.a:c.b,r=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((t,r)=>n.createElement(a,{key:t.id,idx:r,index:r,video:t,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite}))),e.cursors&&n.createElement(o.b,{appLink:r,cursors:e.cursors}))}const u=Object(r.SortableContainer)(e=>n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e))))},456:function(e,t,a){e.exports={image:"_1YW-E"}},457:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},458:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},459:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(460),i=a.n(r);function o(e){let t="d-flex "+i.a.badgeList;return e.className&&(t+=" "+e.className),n.createElement("div",{className:t},e.children)}},460:function(e,t,a){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},474:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(7),i=a(10),o=a(33),c=a(412);const s=r.a.encloseNamespace("shared.favouriteButton");function l(e){const t=Object(c.a)(),a="boolean"==typeof e.video.isFavourited,r=!!e.video.isFavourited,[l,u]=n.useState(r);n.useEffect(()=>{u(r)},[r]);let m="cursor-pointer text"+(l?"-danger":"-dark");return e.className&&(m+=" "+e.className),a?n.createElement("div",{className:m,onClick:function(){const a=!l;u(a),e.setFavourite(e.video.id,a,(function(){t.error(s(a?"favouriteError":"unfavouriteError")),u(!a)}))}},n.createElement(o.a,{svgName:l?i.b.Heart:i.b.HeartOutline,size:o.b.Small})):n.createElement(n.Fragment,null)}},475:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},481:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return m}));var n=a(0),r=a(413),i=a(34),o=a(48),c=a(31),s=a(3);function l(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u({appLink:e,cursors:t,className:a}){function r(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate,workflowPhase:s.o.Complete})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:a},n.createElement(i.a,{appLink:l(e,t.previous),className:"btn btn-secondary mr-1 "+(t.previous?"":"disabled"),onClick:()=>r("previous")},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(e,t.next),className:"btn btn-secondary "+(t.next?"":"disabled"),onClick:()=>r("next")},n.createElement(o.b,{phrase:"next"}))))}function m(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate,workflowPhase:s.o.Complete})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer "+(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer "+(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},m.defaultProps={className:"py-2"}},508:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(26),o=a(474),c=a(429),s=a(416),l=a(130),u=a(459),m=a(434),d=a(33),p=a(10),v=a(517),b=a.n(v);function g(e){var t;const{video:a,appLink:n,size:v,setFavourite:g,preload:f,hovering:E}=e;return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(g)&&r.a.createElement("div",{className:b.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:g,video:a,className:"rounded-circle p-1 "+b.a.favouriteButton})),r.a.createElement(c.b,{data:a.thumbnail,appLink:n,aspectRatio:c.a.SixteenByNine,size:v,preload:f,className:b.a.gradient},E&&r.a.createElement(d.a,{className:b.a.playIcon,svgName:p.b.PlayCircle}),r.a.createElement(s.a,{type:s.b.Video}),r.a.createElement("div",{className:b.a.overlayContainer},r.a.createElement("div",{className:`${b.a.title} ${E?b.a.downScale:""}`},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(l.a,{className:"text-shadow clamp-1",video:a,appLink:null}),r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name),E&&r.a.createElement(u.a,{className:"align-items-center mb-n1"},r.a.createElement(m.a,{type:m.b.Duration,data:a.duration}),r.a.createElement(m.a,{type:m.b.Rating,data:a.rating}),r.a.createElement("span",{className:"badge p-0"},r.a.createElement(d.a,{svgName:p.b.CloseCaptionBadge})))))))}var f,E=a(475),y=a(518),N=a.n(y);function k(e){const{type:t}=e,a=function(e){return e===f.Video?N.a.video:e===f.Playlist?N.a.playlist:""}(t),r=function(e){return e===f.Video?p.b.PlayCircle:e===f.Playlist?p.b.AddToPlaylists:""}(t);return n.createElement("div",{className:N.a.maskContainer},n.createElement("div",{className:N.a.mask}),n.createElement(d.a,{svgName:r,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(f||(f={}));var x=a(34),C=a(519),h=a.n(C);function O(e){var t;const{video:a,seriesAppLink:n,textPosition:i,appLink:o}=e,c=i===E.a.Overlay,s=c?h.a.titleOverlay:h.a.titleBelow;return r.a.createElement("div",{className:s},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(l.a,{className:c?"text-shadow clamp-1":"clamp-2",video:a,appLink:c?null:n}),c?r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name):r.a.createElement(x.a,{className:"h6 text-reset clamp-2 mb-0",appLink:o},a.name))}function S(e){const{video:t,appLink:a,textPosition:n,size:l,setFavourite:d,preload:p}=e;let v="position-relative";return n===E.a.Overlay&&(v+=" rounded overflow-hidden"),r.a.createElement("div",{className:v},!!i.a.isFunction(d)&&r.a.createElement("div",{className:h.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:d,video:t,className:"rounded-circle p-1 "+h.a.favouriteButton})),r.a.createElement(c.b,{data:t.thumbnail,appLink:a,aspectRatio:c.a.SixteenByNine,size:l,preload:p,className:n===E.a.Overlay?h.a.gradient:""},r.a.createElement(k,{type:f.Video}),r.a.createElement(s.a,{type:s.b.Video}),r.a.createElement("div",{className:h.a.overlayContainer},n===E.a.Overlay&&r.a.createElement(O,Object.assign({},e)),r.a.createElement(u.a,{className:h.a.badgeContainer},r.a.createElement(m.a,{type:m.b.Duration,data:t.duration})))),n===E.a.Below&&r.a.createElement(O,Object.assign({},e)))}function w(e){return"expandable"===e.type?n.createElement(g,Object.assign({},e)):n.createElement(S,Object.assign({},e))}a.d(t,"a",(function(){return w}))},517:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},518:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},519:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",gradient:"_1o4aT"}},558:function(e,t,a){"use strict";var n=a(0),r=a(28),i=a(408),o=a(508),c=a(130),s=a(33),l=a(426),u=a(475),m=a(79);const d={hasSeries:e=>!!e&&e.series&&!!e.series.id};var p=a(10),v=a(81),b=a(444),g=a(26),f=a(430),E=a(129),y=a(68),N=a(577),k=a.n(N);const x=[y.a.AddToPlaylist,y.a.Share];function C(e){const{videoActions:t=x,getActionAppLink:a}=n.useContext(E.a),r=Object(v.a)(m.a.XS);if(!g.a.isFunction(a))return n.createElement(n.Fragment,null);const i=[];return t.forEach(t=>{const n=a(e.video,t);n&&i.push(Object.assign({appLink:n,className:"btn btn-link",button:!r},Object(y.b)()[t]))}),n.createElement(f.a,{actions:i,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 "+k.a.actionsDropdown})}var h=a(459),O=a(434);function S(e){return n.createElement(h.a,null,n.createElement(O.a,{type:O.b.Rating,data:e.video.rating}),n.createElement(O.a,{type:O.b.ProductionYear,data:e.video.productionYear}),n.createElement(O.a,{type:O.b.Interactive,data:e.video.interactives}))}var w=a(48),j=a(578),L=a.n(j);function B(e){const t=Object(v.a)(m.a.XS),a=21*(Object(v.a)(m.a.SM)?2:4),{ref:r,isExpandable:i,isTruncated:o,toggleTruncation:c}=function(e){const[t,a]=Object(n.useState)(!1),[r,i]=Object(n.useState)(!1),o=Object(n.useRef)();return Object(n.useEffect)(()=>{if(!o||!o.current)return;o.current.offsetHeight<=e||(a(!0),i(!0))},[o]),{ref:o,isExpandable:t,isTruncated:r,toggleTruncation:()=>i(e=>!e)}}(a);if(t)return n.createElement(n.Fragment,null);const s={className:"position-relative overflow-hidden"};return o&&(s.style={maxHeight:a+"px"}),e.forceTruncate&&!o&&c(),n.createElement("div",Object.assign({},s),n.createElement("p",{ref:r,className:"m-0"},e.video.description,!!i&&n.createElement("span",{className:"cursor-pointer "+L.a.ellipsis,onClick:c},n.createElement(w.b,{namespace:"shared.videoItemDescription",phrase:o?"showMore":"showLess"}))))}var P=a(34);function T(e){return n.createElement(P.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var _=a(579),F=a.n(_);a.d(t,"b",(function(){return R})),a.d(t,"a",(function(){return A}));const I=Object(i.SortableHandle)(()=>n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer "+F.a.dragHandleContainer},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small})));function R(e){const t=Object(v.a)(m.a.XS),{isSortable:a,currentSortingIndex:i}=n.useContext(b.a),s=a&&!t,p=e.getVideoAppLink(e.video),g=d.hasSeries(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:t?12:4,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!s&&n.createElement(I,null),n.createElement(r.Col,{xs:(f=s,f?10:12)},n.createElement(o.a,{video:e.video,appLink:p,seriesAppLink:g,size:s?l.a.Small:l.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),n.createElement(r.Col,{xs:t?12:8},n.createElement(C,{video:e.video}),n.createElement(c.a,{video:e.video,appLink:g}),n.createElement(T,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(S,{video:e.video}),n.createElement(B,{video:e.video,forceTruncate:Number.isInteger(i)&&e.idx===i})));var f}const A=Object(i.SortableElement)(e=>n.createElement(R,Object.assign({},e)))},577:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},578:function(e,t,a){e.exports={ellipsis:"LJY5U"}},579:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}}}]);

package/dist/scripts/0.chunk.js

@@ -1,478 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[0],{
-
-/***/ "../../libs/shared/src/components/actions/ActionButton.tsx":
-/*!*****************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionButton.tsx ***!
-  \*****************************************************************************************************/
-/*! exports provided: ActionButton */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionButton", function() { return ActionButton; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var _tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tooltip/Tooltip */ "../../libs/shared/src/components/tooltip/Tooltip.tsx");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-
-
-
-
-function ActionButton(props) {
-  const {
-    onClick,
-    appLink,
-    svgName,
-    tooltip
-  } = props.actionOptions;
-  let className = 'ml-2';
-  if (props.actionOptions.className) className += ` ${props.actionOptions.className}`;
-
-  if (tooltip) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_2__["Tooltip"], {
-      title: tooltip
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
-      appLink: appLink,
-      svgName: svgName,
-      onClick: onClick,
-      className: className
-    }, props.children));
-  }
-
-  if (svgName) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
-      onClick: onClick,
-      appLink: appLink,
-      svgName: svgName,
-      className: className
-    }, props.children);
-  }
-
-  if (appLink) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
-    onClick: onClick,
-    appLink: appLink,
-    className: className
-  }, props.children);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
-    onClick: onClick,
-    className: className
-  }, props.children);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/actions/Actions.tsx":
-/*!************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/Actions.tsx ***!
-  \************************************************************************************************/
-/*! exports provided: Actions */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Actions", function() { return Actions; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _ActionsDropdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ActionsDropdown */ "../../libs/shared/src/components/actions/ActionsDropdown.tsx");
-/* harmony import */ var _ActionButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ActionButton */ "../../libs/shared/src/components/actions/ActionButton.tsx");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-function Actions(props) {
-  const buttonActions = [];
-  const moreActions = [];
-  props.actions.forEach(a => {
-    if (a.button) buttonActions.push(a);else moreActions.push(a);
-  });
-  let className = 'd-flex';
-  if (props.className) className += ` ${props.className}`;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: className
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, !!buttonActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-    className: _actions_scss__WEBPACK_IMPORTED_MODULE_3___default.a.buttonList
-  }, buttonActions.map((a, idx) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionButton__WEBPACK_IMPORTED_MODULE_2__["ActionButton"], {
-    key: idx,
-    actionOptions: a
-  }, a.label))), props.sortComponent ? props.sortComponent : '', !!moreActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionsDropdown__WEBPACK_IMPORTED_MODULE_1__["ActionsDropdown"], {
-    actions: moreActions,
-    className: !!buttonActions.length && 'ml-2',
-    dropdownToggleClassName: props.actionsDropdownClassName
-  })));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/actions/ActionsDropdown.tsx":
-/*!********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx ***!
-  \********************************************************************************************************/
-/*! exports provided: ActionsDropdown */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionsDropdown", function() { return ActionsDropdown; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/react/utils/RandomHelper */ "../../libs/common/src/react/utils/RandomHelper.ts");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_6__);
-
-
-
-
-
-
-
-
-function getDropdownItemClassName(actionClassName) {
-  let className = 'dropdown-item';
-  if (actionClassName) className += ` ${actionClassName}`;
-  return className;
-}
-
-ActionsDropdown.defaultProps = {
-  dropdownToggleClassName: 'btn btn-light'
-};
-function ActionsDropdown(props) {
-  if (!props.actions || !props.actions.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null); // Generate unique id to avoid collisions.
-
-  const dropdownToggleId = `actions-dropdown-${_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_2__["RandomHelper"].getRandomInt()}`;
-  let dropdownToggleClassName = `px-0 ${_actions_scss__WEBPACK_IMPORTED_MODULE_6___default.a.dropdownToggle}`;
-  if (props.dropdownToggleClassName) dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], {
-    className: props.className ? props.className : '',
-    alignRight: true
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
-    as: 'button',
-    type: 'button',
-    id: dropdownToggleId,
-    className: dropdownToggleClassName
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
-    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].More,
-    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainerSize"].Small
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, props.actions.map((a, idx) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
-    key: idx,
-    appLink: a.appLink,
-    className: getDropdownItemClassName(a.className)
-  }, a.label))));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/actions/actions.scss":
-/*!*************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/actions.scss ***!
-  \*************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"buttonList":"cv--buttonList--2v9CT","dropdownToggle":"cv--dropdownToggle--AYBvQ"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/lazy-image/LazyImage.tsx":
-/*!*****************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/LazyImage.tsx ***!
-  \*****************************************************************************************************/
-/*! exports provided: LazyImage */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LazyImage", function() { return LazyImage; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intersection-observer */ "react-intersection-observer");
-/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lazy-image.scss */ "../../libs/shared/src/components/lazy-image/lazy-image.scss");
-/* harmony import */ var _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_lazy_image_scss__WEBPACK_IMPORTED_MODULE_2__);
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-const LazyImage = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (_a) {
-  var {
-    forceLoad
-  } = _a,
-      propsWithSrc = __rest(_a, ["forceLoad"]);
-
-  const [ref, inView] = react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__["useInView"]({
-    triggerOnce: true
-  });
-  if (typeof window.IntersectionObserver === 'undefined') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", Object.assign({
-    alt: ''
-  }, propsWithSrc));
-
-  const {
-    src
-  } = propsWithSrc,
-        propsWithoutSrc = __rest(propsWithSrc, ["src"]);
-
-  const imgProps = Object.assign(Object.assign({
-    alt: ''
-  }, propsWithoutSrc), inView || forceLoad ? {
-    src
-  } : {});
-  if (!forceLoad) imgProps.ref = ref;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", Object.assign({
-    className: _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default.a.image
-  }, imgProps));
-});
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/lazy-image/lazy-image.scss":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/lazy-image.scss ***!
-  \*******************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"image":"cv--image--1YW-E"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx":
-/*!**************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx ***!
-  \**************************************************************************************************************/
-/*! exports provided: AspectRatio, BaseThumbnail */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AspectRatio", function() { return AspectRatio; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseThumbnail", function() { return BaseThumbnail; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
-/* harmony import */ var _lazy_image_LazyImage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../lazy-image/LazyImage */ "../../libs/shared/src/components/lazy-image/LazyImage.tsx");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
-/* harmony import */ var _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./thumbnail.scss */ "../../libs/shared/src/components/thumbnails/base/thumbnail.scss");
-/* harmony import */ var _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_thumbnail_scss__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-
-function buildThumbnailUrl(srcUrl, size = _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_4__["ThumbnailSize"].Small) {
-  return `${srcUrl}?size=${size}`;
-}
-
-function getThumbnailClassName(props) {
-  let className = `thumbnail ${_thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.thumbnail}`;
-  let aspectRatioClassName = '';
-  if (props.aspectRatio === AspectRatio.SixteenByNine) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.sixteenByNine;
-  if (props.aspectRatio === AspectRatio.NineBySixteen) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.nineBySixteen;
-  if (props.aspectRatio === AspectRatio.OneByOne) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.oneByOne;
-  if (props.aspectRatio === AspectRatio.TwoByThree) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.twoByThree;
-  if (aspectRatioClassName) className += ` ${aspectRatioClassName}`;
-  if (props.className) className += ` ${props.className}`;
-  return className;
-}
-
-var AspectRatio;
-
-(function (AspectRatio) {
-  AspectRatio[AspectRatio["SixteenByNine"] = 0] = "SixteenByNine";
-  AspectRatio[AspectRatio["OneByOne"] = 1] = "OneByOne";
-  AspectRatio[AspectRatio["TwoByThree"] = 2] = "TwoByThree";
-  AspectRatio[AspectRatio["NineBySixteen"] = 3] = "NineBySixteen";
-})(AspectRatio || (AspectRatio = {}));
-
-function BaseThumbnail(props) {
-  const {
-    data,
-    size,
-    appLink,
-    preload
-  } = props;
-  let url = '';
-
-  if (typeof data === 'string') {
-    url = data;
-  } else if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isObject(data)) {
-    url = data.url;
-  }
-
-  const thumbnailUrl = url && buildThumbnailUrl(url, size);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: getThumbnailClassName(props)
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
-    appLink: appLink
-  }, props.children, thumbnailUrl && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_lazy_image_LazyImage__WEBPACK_IMPORTED_MODULE_2__["LazyImage"], {
-    src: thumbnailUrl,
-    forceLoad: preload
-  })));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx":
-/*!******************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx ***!
-  \******************************************************************************************************************/
-/*! exports provided: ThumbnailFallbackType, ThumbnailFallbackMediaType, ThumbnailFallback */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallbackType", function() { return ThumbnailFallbackType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallbackMediaType", function() { return ThumbnailFallbackMediaType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallback", function() { return ThumbnailFallback; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants/SharedServices */ "../../libs/shared/src/constants/SharedServices.ts");
-/* harmony import */ var _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./thumbnail-fallback.scss */ "../../libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss");
-/* harmony import */ var _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-var ThumbnailFallbackType;
-
-(function (ThumbnailFallbackType) {
-  ThumbnailFallbackType[ThumbnailFallbackType["Video"] = 0] = "Video";
-  ThumbnailFallbackType[ThumbnailFallbackType["Playlist"] = 1] = "Playlist";
-  ThumbnailFallbackType[ThumbnailFallbackType["Series"] = 2] = "Series";
-  ThumbnailFallbackType[ThumbnailFallbackType["Subject"] = 3] = "Subject";
-  ThumbnailFallbackType[ThumbnailFallbackType["TallSubject"] = 4] = "TallSubject";
-})(ThumbnailFallbackType || (ThumbnailFallbackType = {}));
-
-var ThumbnailFallbackMediaType;
-
-(function (ThumbnailFallbackMediaType) {
-  ThumbnailFallbackMediaType[ThumbnailFallbackMediaType["Svg"] = 0] = "Svg";
-  ThumbnailFallbackMediaType[ThumbnailFallbackMediaType["Image"] = 1] = "Image";
-})(ThumbnailFallbackMediaType || (ThumbnailFallbackMediaType = {}));
-
-function getContainerClass(type, objectType) {
-  if (objectType === ThumbnailFallbackType.Subject) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectFallbackContainer;
-  if (type === ThumbnailFallbackMediaType.Svg) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.svgFallbackContainer;
-  return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.baseFallbackContainer;
-}
-
-function getClassByType(type) {
-  if (type === ThumbnailFallbackType.Video) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.videoFallback;
-  if (type === ThumbnailFallbackType.Playlist) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.playlistFallback;
-  if (type === ThumbnailFallbackType.Series || type === ThumbnailFallbackType.TallSubject) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.posterFallback;
-  if (type === ThumbnailFallbackType.Subject) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectFallback;
-  return '';
-}
-
-function getMedia(type, imageUrls) {
-  if (type === ThumbnailFallbackType.Video) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Play;
-  if (type === ThumbnailFallbackType.Playlist) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Playlist;
-  if (type === ThumbnailFallbackType.Series) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Series;
-  if (type === ThumbnailFallbackType.Subject || type === ThumbnailFallbackType.TallSubject) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Subject;
-  return '';
-}
-
-ThumbnailFallback.defaultProps = {
-  mediaType: ThumbnailFallbackMediaType.Svg
-};
-function ThumbnailFallback(props) {
-  const {
-    type,
-    mediaType,
-    extraClasses
-  } = props;
-  const imageUrlService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__["useService"])(_constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__["SharedServices"].ImageUrl);
-  const imageUrls = imageUrlService.getImageUrls();
-  const typeClass = getClassByType(type);
-  const media = getMedia(type, imageUrls);
-  let className = `${getContainerClass(mediaType, type)}`;
-  if (extraClasses) className += ` ${props.extraClasses}`;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: className
-  }, mediaType === ThumbnailFallbackMediaType.Svg ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: media,
-    className: typeClass,
-    tagName: 'div'
-  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.fallbackThumbnailImage,
-    style: {
-      backgroundImage: `url('${media}')`
-    }
-  }));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss":
-/*!********************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss ***!
-  \********************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"baseFallbackContainer":"cv--baseFallbackContainer--1wRjB","svgFallbackContainer":"cv--svgFallbackContainer--2t1jq","subjectFallbackContainer":"cv--subjectFallbackContainer--12D74","videoFallback":"cv--videoFallback--6BPy-","playlistFallback":"cv--playlistFallback--1slQX","posterFallback":"cv--posterFallback--i0o8n","subjectFallback":"cv--subjectFallback--2Srdd","fallbackThumbnailImage":"cv--fallbackThumbnailImage--2L_tV"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/thumbnail.scss":
-/*!***********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail.scss ***!
-  \***********************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"thumbnail":"cv--thumbnail--3lfBf","sixteenByNine":"cv--sixteenByNine--2LqZ8","nineBySixteen":"cv--nineBySixteen--136ry","oneByOne":"cv--oneByOne--2wYLa","twoByThree":"cv--twoByThree--1eC6Q"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/enums/ThumbnailSize.ts":
-/*!****************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/ThumbnailSize.ts ***!
-  \****************************************************************************************/
-/*! exports provided: ThumbnailSize */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailSize", function() { return ThumbnailSize; });
-var ThumbnailSize;
-
-(function (ThumbnailSize) {
-  ThumbnailSize["Small"] = "small";
-  ThumbnailSize["Medium"] = "medium";
-  ThumbnailSize["Large"] = "large";
-  ThumbnailSize["Raw"] = "raw";
-})(ThumbnailSize || (ThumbnailSize = {}));
-
-/***/ })
-
-}]);
-//# sourceMappingURL=0.chunk.js.map

package/dist/scripts/0.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/Actions.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/actions.scss?ab20","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/LazyImage.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/lazy-image/lazy-image.scss?fb96","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss?dff8","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail.scss?b360","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/ThumbnailSize.ts"],"names":[],"mappings":"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","file":"scripts/0.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport { ActionOptions } from './Actions';\r\n\r\ninterface ActionButtonProps {\r\n  actionOptions: ActionOptions;\r\n}\r\n\r\nexport function ActionButton(props: React.PropsWithChildren<ActionButtonProps>): JSX.Element {\r\n  const { onClick, appLink, svgName, tooltip } = props.actionOptions;\r\n\r\n  let className = 'ml-2';\r\n\r\n  if (props.actionOptions.className)\r\n    className += ` ${props.actionOptions.className}`;\r\n\r\n  if (tooltip) {\r\n    return (\r\n      <Tooltip title={tooltip}>\r\n        <IconButton\r\n          appLink={appLink}\r\n          svgName={svgName}\r\n          onClick={onClick}\r\n          className={className}\r\n        >\r\n        {props.children}\r\n        </IconButton>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  if (svgName) {\r\n    return (\r\n      <IconButton\r\n        onClick={onClick}\r\n        appLink={appLink}\r\n        svgName={svgName}\r\n        className={className}\r\n      >\r\n        {props.children}\r\n      </IconButton>\r\n    );\r\n  }\r\n\r\n  if (appLink)\r\n    return <AppLink onClick={onClick} appLink={appLink} className={className}>{props.children}</AppLink>;\r\n\r\n  return (\r\n    <button onClick={onClick} className={className}>\r\n      {props.children}\r\n    </button>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\n\r\nimport { ActionsDropdown } from './ActionsDropdown';\r\nimport { ActionButton } from './ActionButton';\r\n\r\nimport styles from './actions.scss';\r\n\r\nexport interface ActionOptions {\r\n  label: string;\r\n  appLink?: Core.AppLink;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  svgName?: string;\r\n  className?: string;\r\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\r\n  tooltip?: string;\r\n}\r\n\r\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\r\n\r\ninterface ActionsProps {\r\n  actions: ActionOptions[];\r\n  className?: string;\r\n  actionsDropdownClassName?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport function Actions(props: ActionsProps): JSX.Element {\r\n  const buttonActions: ActionOptions[] = [];\r\n  const moreActions: ActionOptions[] = [];\r\n\r\n  props.actions.forEach(a => {\r\n    if (a.button)\r\n      buttonActions.push(a);\r\n    else\r\n      moreActions.push(a);\r\n  });\r\n\r\n  let className = 'd-flex';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      <>\r\n        {!!buttonActions.length &&\r\n          <span className={styles.buttonList}>\r\n            {buttonActions.map((a, idx) =>\r\n              <ActionButton key={idx} actionOptions={a}>\r\n                {a.label}\r\n              </ActionButton>\r\n            )}\r\n          </span>\r\n        }\r\n        {props.sortComponent ? props.sortComponent : '' }\r\n        {!!moreActions.length &&\r\n          <ActionsDropdown\r\n            actions={moreActions}\r\n            className={!!buttonActions.length && 'ml-2'}\r\n            dropdownToggleClassName={props.actionsDropdownClassName}\r\n          />\r\n        }\r\n      </>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './actions.scss';\r\n\r\nimport { ActionOptions } from './Actions';\r\n\r\nfunction getDropdownItemClassName(actionClassName?: string): string {\r\n  let className = 'dropdown-item';\r\n\r\n  if (actionClassName)\r\n    className += ` ${actionClassName}`;\r\n\r\n  return className;\r\n}\r\n\r\ninterface ActionsDropdownProps {\r\n  actions: ActionOptions[];\r\n  className?: string;\r\n  dropdownToggleClassName?: string;\r\n}\r\n\r\nActionsDropdown.defaultProps = {\r\n  dropdownToggleClassName: 'btn btn-light'\r\n};\r\n\r\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\r\n  if (!props.actions || !props.actions.length)\r\n    return <></>;\r\n\r\n  // Generate unique id to avoid collisions.\r\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\r\n\r\n  let dropdownToggleClassName = `px-0 ${styles.dropdownToggle}`;\r\n\r\n  if (props.dropdownToggleClassName)\r\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\r\n\r\n  return (\r\n    <Dropdown className={props.className ? props.className : ''} alignRight>\r\n      <Dropdown.Toggle as='button' type='button' id={dropdownToggleId} className={dropdownToggleClassName}>\r\n        <SvgContainer svgName={cvSvgLibrary.More} size={SvgContainerSize.Small} />\r\n      </Dropdown.Toggle>\r\n      <Dropdown.Menu>\r\n        {props.actions.map((a, idx) =>\r\n          <AppLink key={idx} appLink={a.appLink} className={getDropdownItemClassName(a.className)}>\r\n            {a.label}\r\n          </AppLink>\r\n        )}\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonList\":\"cv--buttonList--2v9CT\",\"dropdownToggle\":\"cv--dropdownToggle--AYBvQ\"};","import * as React from 'react';\r\nimport * as ReactIntersectionObserver from 'react-intersection-observer';\r\n\r\nimport styles from './lazy-image.scss';\r\n\r\ninterface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\r\n  forceLoad?: boolean;\r\n}\r\n\r\nexport const LazyImage = React.memo(function({ forceLoad, ...propsWithSrc }: LazyImageProps): React.ReactElement {\r\n  const [ ref, inView ] = ReactIntersectionObserver.useInView({ triggerOnce: true });\r\n\r\n  if (typeof (window as any).IntersectionObserver === 'undefined')\r\n    return <img alt='' {...propsWithSrc} />;\r\n\r\n  const { src, ...propsWithoutSrc } = propsWithSrc;\r\n\r\n  const imgProps: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> = {\r\n    alt: '',\r\n    ...propsWithoutSrc,\r\n    ...((inView || forceLoad) ? { src } : {})\r\n  };\r\n\r\n  if (!forceLoad)\r\n    imgProps.ref = ref;\r\n\r\n  return (\r\n    <img className={styles.image} {...imgProps} />\r\n  );\r\n});","// extracted by mini-css-extract-plugin\nmodule.exports = {\"image\":\"cv--image--1YW-E\"};","import * as _ from 'underscore';\r\nimport * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\n\r\nimport { Image } from 'libs/shared/interfaces';\r\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { ThumbnailSize } from 'libs/shared/enums/ThumbnailSize';\r\n\r\nimport styles from './thumbnail.scss';\r\n\r\nfunction buildThumbnailUrl(srcUrl: string, size: ThumbnailSize = ThumbnailSize.Small): string {\r\n  return `${srcUrl}?size=${size}`;\r\n}\r\n\r\nfunction getThumbnailClassName(props: ThumbnailProps): string {\r\n  let className = `thumbnail ${styles.thumbnail}`;\r\n\r\n  let aspectRatioClassName = '';\r\n\r\n  if (props.aspectRatio === AspectRatio.SixteenByNine)\r\n    aspectRatioClassName = styles.sixteenByNine;\r\n\r\n  if (props.aspectRatio === AspectRatio.NineBySixteen)\r\n    aspectRatioClassName = styles.nineBySixteen;\r\n\r\n  if (props.aspectRatio === AspectRatio.OneByOne)\r\n    aspectRatioClassName = styles.oneByOne;\r\n\r\n  if (props.aspectRatio === AspectRatio.TwoByThree)\r\n    aspectRatioClassName = styles.twoByThree;\r\n\r\n  if (aspectRatioClassName)\r\n    className += ` ${aspectRatioClassName}`;\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return className;\r\n}\r\n\r\nexport enum AspectRatio {\r\n  SixteenByNine,\r\n  OneByOne,\r\n  TwoByThree,\r\n  NineBySixteen\r\n}\r\n\r\ninterface ThumbnailProps {\r\n  data: Image | string;\r\n  size?: ThumbnailSize;\r\n  appLink?: Core.AppLink;\r\n  aspectRatio?: AspectRatio;\r\n  className?: string;\r\n  preload?: boolean;\r\n}\r\n\r\nexport function BaseThumbnail(props: React.PropsWithChildren<ThumbnailProps>): React.ReactElement {\r\n  const { data, size, appLink, preload } = props;\r\n\r\n  let url = '';\r\n\r\n  if (typeof data === 'string') {\r\n    url = data;\r\n  } else if (ObjectHelper.isObject(data)) {\r\n    url = data.url;\r\n  }\r\n\r\n  const thumbnailUrl = url && buildThumbnailUrl(url, size);\r\n\r\n  return (\r\n    <div className={getThumbnailClassName(props)}>\r\n      <AppLink appLink={appLink}>\r\n        {props.children}\r\n        {thumbnailUrl && <LazyImage src={thumbnailUrl} forceLoad={preload} />}\r\n      </AppLink>\r\n    </div>\r\n  );\r\n}\r\n\r\n","import * as React from 'react';\r\n\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\n\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { ImageUrls } from 'libs/shared/interfaces';\r\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\r\nimport { ImageUrlService } from 'libs/shared/services/ImageUrlService';\r\n\r\nimport styles from './thumbnail-fallback.scss';\r\n\r\nexport enum ThumbnailFallbackType {\r\n  Video,\r\n  Playlist,\r\n  Series,\r\n  Subject,\r\n  TallSubject\r\n}\r\n\r\nexport enum ThumbnailFallbackMediaType {\r\n  Svg,\r\n  Image\r\n}\r\n\r\nfunction getContainerClass(type: ThumbnailFallbackMediaType, objectType: ThumbnailFallbackType): string {\r\n  if (objectType === ThumbnailFallbackType.Subject)\r\n    return styles.subjectFallbackContainer;\r\n\r\n  if (type === ThumbnailFallbackMediaType.Svg)\r\n    return styles.svgFallbackContainer;\r\n\r\n  return styles.baseFallbackContainer;\r\n}\r\n\r\nfunction getClassByType(type: ThumbnailFallbackType): string {\r\n  if (type === ThumbnailFallbackType.Video)\r\n    return styles.videoFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Playlist)\r\n    return styles.playlistFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Series || type === ThumbnailFallbackType.TallSubject)\r\n    return styles.posterFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Subject)\r\n    return styles.subjectFallback;\r\n\r\n  return '';\r\n}\r\n\r\nfunction getMedia(type: ThumbnailFallbackType, imageUrls: ImageUrls): string {\r\n  if (type === ThumbnailFallbackType.Video)\r\n    return cvSvgLibrary.Play;\r\n\r\n  if (type === ThumbnailFallbackType.Playlist)\r\n    return cvSvgLibrary.Playlist;\r\n\r\n  if (type === ThumbnailFallbackType.Series)\r\n    return cvSvgLibrary.Series;\r\n\r\n  if (type === ThumbnailFallbackType.Subject || type === ThumbnailFallbackType.TallSubject)\r\n    return cvSvgLibrary.Subject;\r\n\r\n  return '';\r\n}\r\n\r\ninterface ThumbnailFallbackProps {\r\n  type: ThumbnailFallbackType;\r\n  mediaType?: ThumbnailFallbackMediaType;\r\n  extraClasses?: string;\r\n}\r\n\r\nThumbnailFallback.defaultProps = {\r\n  mediaType: ThumbnailFallbackMediaType.Svg\r\n};\r\n\r\nexport function ThumbnailFallback(props: ThumbnailFallbackProps): JSX.Element {\r\n  const { type, mediaType, extraClasses } = props;\r\n\r\n  const imageUrlService = useService<ImageUrlService>(SharedServices.ImageUrl);\r\n  const imageUrls = imageUrlService.getImageUrls();\r\n\r\n  const typeClass = getClassByType(type);\r\n  const media = getMedia(type, imageUrls);\r\n\r\n  let className = `${getContainerClass(mediaType, type)}`;\r\n\r\n  if (extraClasses)\r\n    className += ` ${props.extraClasses}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      {mediaType === ThumbnailFallbackMediaType.Svg\r\n        ? <SvgContainer svgName={media} className={ typeClass } tagName='div' />\r\n        : <div className={styles.fallbackThumbnailImage} style={{ backgroundImage: `url('${media}')` }} />\r\n      }\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"baseFallbackContainer\":\"cv--baseFallbackContainer--1wRjB\",\"svgFallbackContainer\":\"cv--svgFallbackContainer--2t1jq\",\"subjectFallbackContainer\":\"cv--subjectFallbackContainer--12D74\",\"videoFallback\":\"cv--videoFallback--6BPy-\",\"playlistFallback\":\"cv--playlistFallback--1slQX\",\"posterFallback\":\"cv--posterFallback--i0o8n\",\"subjectFallback\":\"cv--subjectFallback--2Srdd\",\"fallbackThumbnailImage\":\"cv--fallbackThumbnailImage--2L_tV\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"thumbnail\":\"cv--thumbnail--3lfBf\",\"sixteenByNine\":\"cv--sixteenByNine--2LqZ8\",\"nineBySixteen\":\"cv--nineBySixteen--136ry\",\"oneByOne\":\"cv--oneByOne--2wYLa\",\"twoByThree\":\"cv--twoByThree--1eC6Q\"};","export enum ThumbnailSize {\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n  Raw = 'raw'\r\n}"],"sourceRoot":""}