@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.1

package/dist/scripts/0.chunk.js

@@ -1 +1,478 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{397: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)}},401:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(75),r=a(28),i=a(35);const c=()=>{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})}}}},406: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),c=a(75),o=a(33),s=a(9),l=a(8),u=a(465),m=a.n(u);function d(e){const{type:t,mediaType:a,extraClasses:u}=e,d=(Object(c.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(o.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}},413:function(e,t,a){"use strict";var n=a(0),r=a(34),i=a(388),c=a(463),o=a.n(c),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};function l(e){var{forceLoad:t}=e,a=s(e,["forceLoad"]);const[r,c]=i.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver&&!t)return n.createElement("img",Object.assign({alt:""},a));const{src:l}=a,u=s(a,["src"]),m=Object.assign(Object.assign({alt:""},u),c||t?{src:l}:{});return n.createElement("img",Object.assign({className:o.a.image,ref:r},m))}var u,m=a(32),d=a(425),p=a(464),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 f(e){const{data:t,size:a,appLink:i,preload:c}=e;let o="";"string"==typeof t?o=t:r.a.isObject(t)&&(o=t.url);const s=o&&function(e,t=d.a.Small){return`${e}?size=${t}`}(o,a);return n.createElement("div",{className:b(e)},n.createElement(m.a,{appLink:i},e.children,s&&n.createElement(l,{src:s,forceLoad:c})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return f})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},425: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={}))},426:function(e,t,a){"use strict";var n=a(0),r=a(27);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 c,o=a(125),s=a(460),l=a.n(s);function u(e){const{type:t,data:a}=e;if(!function(e,t){return e===c.Rating?t&&!!t.value:!!t}(t,a))return n.createElement(n.Fragment,null);const s=function(e,t){let a="";return e===c.Duration&&(a=l.a.duration),e===c.Interactive&&(a=l.a.interactive),e===c.Rating&&(a=`${l.a.rating} ${i.mapRatingToClass(t.value)}`),e===c.ProductionYear&&(a=l.a.productionYear),"badge "+a}(t,a),u=function(e,t){return e===c.Interactive?"Interactive":e===c.Duration?o.a.ToDisplayDuration(t):e===c.Rating?t.code:e===c.ProductionYear?t:void 0}(t,a),m=function(e,t){return e===c.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 c})),a.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(c||(c={}))},436: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(390),i=a(2),c=a(473),o=a(551);const s=n.createContext({isSortable:!1});function l(e){const{isSortable:t}=n.useContext(s),a=t?o.a:o.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(c.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))))},443:function(e,t,a){"use strict";var n=a(0),r=a(27),i=a(124),c=a(33),o=a(32),s=a(9),l=a(458),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(c.a,{svgName:s.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>n.createElement(o.a,{key:t,appLink:e.appLink,className:m(e.className)},e.label))))}d.defaultProps={dropdownToggleClassName:"btn btn-light"};var p=a(111),v=a(80);function b(e){const{onClick:t,appLink:a,svgName:r,tooltip:i}=e.actionOptions;let c="ml-2";return e.actionOptions.className&&(c+=" "+e.actionOptions.className),i?n.createElement(v.a,{title:i},n.createElement(p.a,{appLink:a,svgName:r,onClick:t,className:c},e.children)):r?n.createElement(p.a,{onClick:t,appLink:a,svgName:r,className:c},e.children):a?n.createElement(o.a,{onClick:t,appLink:a,className:c},e.children):n.createElement("button",{onClick:t,className:c},e.children)}function f(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 f}))},449:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(460),i=a.n(r);function c(e){let t="d-flex "+i.a.badgeList;return e.className&&(t+=" "+e.className),n.createElement("div",{className:t},e.children)}},451:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(5),i=a(9),c=a(33),o=a(401);const s=r.a.encloseNamespace("shared.favouriteButton");function l(e){const t=Object(o.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(c.a,{svgName:l?i.b.Heart:i.b.HeartOutline,size:c.b.Small})):n.createElement(n.Fragment,null)}},452: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={}))},458:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},460:function(e,t,a){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},463:function(e,t,a){e.exports={image:"_1YW-E"}},464:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},465:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},472:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(31),c=a(451),o=a(413),s=a(406),l=a(121),u=a(449),m=a(426),d=a(33),p=a(9),v=a(474),b=a.n(v);function f(e){var t;const{video:a,appLink:n,size:v,setFavourite:f,preload:g,hovering:E}=e;return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(f)&&r.a.createElement("div",{className:b.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:f,video:a,className:"rounded-circle p-1 "+b.a.favouriteButton})),r.a.createElement(o.b,{data:a.thumbnail,appLink:n,aspectRatio:o.a.SixteenByNine,size:v,preload:g,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 g,E=a(452),N=a(475),y=a.n(N);function k(e){const{type:t}=e,a=function(e){return e===g.Video?y.a.video:e===g.Playlist?y.a.playlist:""}(t),r=function(e){return e===g.Video?p.b.PlayCircle:e===g.Playlist?p.b.AddToPlaylists:""}(t);return n.createElement("div",{className:y.a.maskContainer},n.createElement("div",{className:y.a.mask}),n.createElement(d.a,{svgName:r,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(g||(g={}));var x=a(32),O=a(476),S=a.n(O);function h(e){var t;const{video:a,seriesAppLink:n,textPosition:i,appLink:c}=e,o=i===E.a.Overlay,s=o?S.a.titleOverlay:S.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:o?"text-shadow clamp-1":"clamp-2",video:a,appLink:o?null:n}),o?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:c},a.name))}function C(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:S.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:d,video:t,className:"rounded-circle p-1 "+S.a.favouriteButton})),r.a.createElement(o.b,{data:t.thumbnail,appLink:a,aspectRatio:o.a.SixteenByNine,size:l,preload:p,className:n===E.a.Overlay?S.a.gradient:""},r.a.createElement(k,{type:g.Video}),r.a.createElement(s.a,{type:s.b.Video}),r.a.createElement("div",{className:S.a.overlayContainer},n===E.a.Overlay&&r.a.createElement(h,Object.assign({},e)),r.a.createElement(u.a,{className:S.a.badgeContainer},r.a.createElement(m.a,{type:m.b.Duration,data:t.duration})))),n===E.a.Below&&r.a.createElement(h,Object.assign({},e)))}function w(e){return"expandable"===e.type?n.createElement(f,Object.assign({},e)):n.createElement(C,Object.assign({},e))}a.d(t,"a",(function(){return w}))},473:function(e,t,a){"use strict";a.d(t,"b",(function(){return s})),a.d(t,"a",(function(){return l}));var n=a(0),r=a(397),i=a(32),c=a(44);function o(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function s({appLink:e,cursors:t,className:a}){return n.createElement(c.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:a},n.createElement(i.a,{appLink:o(e,t.previous),className:"btn btn-secondary mr-1 "+(t.previous?"":"disabled")},n.createElement(c.b,{phrase:"previous"})),n.createElement(i.a,{appLink:o(e,t.next),className:"btn btn-secondary "+(t.next?"":"disabled")},n.createElement(c.b,{phrase:"next"}))))}function l(e){return n.createElement(c.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&e.onClickBack()},className:"btn btn-secondary mr-1 cursor-pointer "+(1===e.currentPage?"disabled":"")},n.createElement(c.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&e.onClickNext()},className:"btn btn-secondary cursor-pointer "+(e.currentPage===e.totalPages?"disabled":"")},n.createElement(c.b,{phrase:"next"}))))}s.defaultProps={className:"py-2"},l.defaultProps={className:"py-2"}},474:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},475:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},476:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",gradient:"_1o4aT"}},551:function(e,t,a){"use strict";var n=a(0),r=a(27),i=a(390),c=a(472),o=a(121),s=a(33),l=a(425),u=a(452),m=a(77);const d={hasSeries:e=>!!e&&e.series&&!!e.series.id};var p=a(9),v=a(78),b=a(436),f=a(31),g=a(443),E=a(123),N=a(64),y=a(566),k=a.n(y);const x=[N.a.AddToPlaylist,N.a.Share];function O(e){const{videoActions:t=x,getActionAppLink:a}=n.useContext(E.a),r=Object(v.a)(m.a.XS);if(!f.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(N.b)()[t]))}),n.createElement(g.a,{actions:i,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 "+k.a.actionsDropdown})}var S=a(449),h=a(426);function C(e){return n.createElement(S.a,null,n.createElement(h.a,{type:h.b.Rating,data:e.video.rating}),n.createElement(h.a,{type:h.b.ProductionYear,data:e.video.productionYear}),n.createElement(h.a,{type:h.b.Interactive,data:e.video.interactives}))}var w=a(44),L=a(567),j=a.n(L);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:c,toggleTruncation:o}=function(e){const[t,a]=Object(n.useState)(!1),[r,i]=Object(n.useState)(!1),c=Object(n.useRef)();return Object(n.useEffect)(()=>{if(!c||!c.current)return;c.current.offsetHeight<=e||(a(!0),i(!0))},[c]),{ref:c,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 c&&(s.style={maxHeight:a+"px"}),e.forceTruncate&&!c&&o(),n.createElement("div",Object.assign({},s),n.createElement("p",{ref:r,className:"m-0"},e.video.description,!!i&&n.createElement("span",{className:"cursor-pointer "+j.a.ellipsis,onClick:o},n.createElement(w.b,{namespace:"shared.videoItemDescription",phrase:c?"showMore":"showLess"}))))}var _=a(32);function T(e){return n.createElement(_.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var P=a(568),F=a.n(P);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),f=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:(g=s,g?10:12)},n.createElement(c.a,{video:e.video,appLink:p,seriesAppLink:f,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(O,{video:e.video}),n.createElement(o.a,{video:e.video,appLink:f}),n.createElement(T,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(C,{video:e.video}),n.createElement(B,{video:e.video,forceTruncate:Number.isInteger(i)&&e.idx===i})));var g}const A=Object(i.SortableElement)(e=>n.createElement(R,Object.assign({},e)))},566:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},567:function(e,t,a){e.exports={ellipsis:"LJY5U"}},568:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}}}]);
+(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

@@ -0,0 +1 @@
+{"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":""}