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

package/dist/scripts/4.chunk.js

@@ -1 +1,1030 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[4],{406:function(e,t,n){"use strict";n.d(t,"b",(function(){return a})),n.d(t,"a",(function(){return d}));var a,r,i=n(0),c=n(75),s=n(33),o=n(9),l=n(8),u=n(465),m=n.n(u);function d(e){const{type:t,mediaType:n,extraClasses:u}=e,d=(Object(c.a)(l.b.ImageUrl).getImageUrls(),function(e){return e===a.Video?m.a.videoFallback:e===a.Playlist?m.a.playlistFallback:e===a.Series||e===a.TallSubject?m.a.posterFallback:e===a.Subject?m.a.subjectFallback:""}(t)),p=function(e,t){return e===a.Video?o.b.Play:e===a.Playlist?o.b.Playlist:e===a.Series?o.b.Series:e===a.Subject||e===a.TallSubject?o.b.Subject:""}(t);let b=""+function(e,t){return t===a.Subject?m.a.subjectFallbackContainer:e===r.Svg?m.a.svgFallbackContainer:m.a.baseFallbackContainer}(n,t);return u&&(b+=" "+e.extraClasses),i.createElement("div",{className:b},n===r.Svg?i.createElement(s.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"}(a||(a={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),d.defaultProps={mediaType:r.Svg}},407:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));const a=/([0-9]+)/gi,r=/(^\w+)/gi;const i={getSortedPresentationAudiences(e,t){const n=e.map(e=>e.id.toString());return t.filter(e=>n.includes(e.masterId.toString()))},getMergedPresentationAudienceString(e){if(1===e.length)return e[0];const t=e.map(e=>e.name).join(","),n=t.match(a),i=t.match(r);if(!n||!i)return e[0];const c=function(e){let t,n,a=!1;const r=[];let i,c;for(e=e.sort(),i=0;i<e.length;i++)c=i+1,a||(t=e[i]),n=e[c],e[i]+1===n?a=!0:a?(r.push(`${t} - ${e[i]}`),a=!1):(r.push(""+e[i]),a=!1);return r}(n.map(e=>+e)||[]);return{name:`${i[0]} ${c.join(" , ")}`}}}},408:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return s}));var a=n(0),r=n(421),i=n.n(r);function c(e){return e.audience?a.createElement("div",{className:"border rounded-pill d-inline-block px-2 mt-1 "+("border-"+e.border)},e.audience.name):a.createElement(a.Fragment,null)}function s(e){return e.audiences&&e.audiences.length?a.createElement(a.Fragment,null,e.audiences.map((t,n)=>a.createElement("span",{key:n,className:i.a.audienceLabelListItem},a.createElement(c,{audience:t,border:e.border})))):a.createElement(a.Fragment,null)}},413:function(e,t,n){"use strict";var a=n(0),r=n(34),i=n(388),c=n(463),s=n.n(c),o=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var{forceLoad:t}=e,n=o(e,["forceLoad"]);const[r,c]=i.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver&&!t)return a.createElement("img",Object.assign({alt:""},n));const{src:l}=n,u=o(n,["src"]),m=Object.assign(Object.assign({alt:""},u),c||t?{src:l}:{});return a.createElement("img",Object.assign({className:s.a.image,ref:r},m))}var u,m=n(32),d=n(425),p=n(464),b=n.n(p);function g(e){let t="thumbnail "+b.a.thumbnail,n="";return e.aspectRatio===u.SixteenByNine&&(n=b.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(n=b.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(n=b.a.oneByOne),e.aspectRatio===u.TwoByThree&&(n=b.a.twoByThree),n&&(t+=" "+n),e.className&&(t+=" "+e.className),t}function f(e){const{data:t,size:n,appLink:i,preload:c}=e;let s="";"string"==typeof t?s=t:r.a.isObject(t)&&(s=t.url);const o=s&&function(e,t=d.a.Small){return`${e}?size=${t}`}(s,n);return a.createElement("div",{className:g(e)},a.createElement(m.a,{appLink:i},e.children,o&&a.createElement(l,{src:o,forceLoad:c})))}n.d(t,"a",(function(){return u})),n.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={}))},421:function(e,t,n){e.exports={audienceLabelListItem:"_2YGVO"}},422:function(e,t,n){e.exports={partialLoadingHeading:"_1RLPq",partialLoading:"oArG4",labelContainer:"QLCgm",hoverActive:"_3Aleb",mask:"_2M2Zz",width:"TQg2K"}},423:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var a=n(0),r=n(437),i=n(407),c=n(32),s=n(413),o=n(406),l=n(425),u=n(408),m=n(426),d=n(422),p=n.n(d);function b(e){const{data:t,appLink:n,preloadImage:d}=e,b=Object.assign(Object.assign({},n),{args:[t.id]});let g=t&&t.subjectPresentationAudiences&&t.subjectPresentationAudiences.data||[];const f=i.a.getSortedPresentationAudiences(g,e.audiences),v=i.a.getMergedPresentationAudienceString(f),[h,k]=Object(r.b)(p.a.hoverActive);return a.createElement(c.a,{key:t.id,appLink:b,className:"position-relative p-1 flex-shrink-0 "+p.a.width},a.createElement("div",{ref:h},k&&a.createElement("div",{className:"p-3 text-white text-center "+p.a.mask},a.createElement("h3",{className:"h4"},t.name),a.createElement("p",null,t.description)),a.createElement(s.b,{data:t.tallPoster,aspectRatio:s.a.NineBySixteen,preload:d,size:l.a.Large},a.createElement(o.a,{type:o.b.Series}),a.createElement("div",{className:"position-absolute text-white "+p.a.labelContainer},g&&g.length?a.createElement(u.a,{audience:v,border:"white"}):a.createElement(m.a,{type:m.b.Rating,data:t.rating})))))}},425:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(a||(a={}))},426:function(e,t,n){"use strict";var a=n(0),r=n(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,s=n(125),o=n(460),l=n.n(o);function u(e){const{type:t,data:n}=e;if(!function(e,t){return e===c.Rating?t&&!!t.value:!!t}(t,n))return a.createElement(a.Fragment,null);const o=function(e,t){let n="";return e===c.Duration&&(n=l.a.duration),e===c.Interactive&&(n=l.a.interactive),e===c.Rating&&(n=`${l.a.rating} ${i.mapRatingToClass(t.value)}`),e===c.ProductionYear&&(n=l.a.productionYear),"badge "+n}(t,n),u=function(e,t){return e===c.Interactive?"Interactive":e===c.Duration?s.a.ToDisplayDuration(t):e===c.Rating?t.code:e===c.ProductionYear?t:void 0}(t,n),m=function(e,t){return e===c.Rating?{title:t.name,placement:"top"}:null}(t,n);return m?a.createElement(r.OverlayTrigger,{placement:m.placement,overlay:a.createElement(r.Tooltip,{id:m.title},m.title)},a.createElement("span",{className:o},u)):a.createElement("span",{className:o},u)}n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(c||(c={}))},443:function(e,t,n){"use strict";var a=n(0),r=n(27),i=n(124),c=n(33),s=n(32),o=n(9),l=n(458),u=n.n(l);function m(e){let t="dropdown-item";return e&&(t+=" "+e),t}function d(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);const t="actions-dropdown-"+i.a.getRandomInt();let n="px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(n+=" "+e.dropdownToggleClassName),a.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},a.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:n},a.createElement(c.a,{svgName:o.b.More,size:c.b.Small})),a.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>a.createElement(s.a,{key:t,appLink:e.appLink,className:m(e.className)},e.label))))}d.defaultProps={dropdownToggleClassName:"btn btn-light"};var p=n(111),b=n(80);function g(e){const{onClick:t,appLink:n,svgName:r,tooltip:i}=e.actionOptions;let c="ml-2";return e.actionOptions.className&&(c+=" "+e.actionOptions.className),i?a.createElement(b.a,{title:i},a.createElement(p.a,{appLink:n,svgName:r,onClick:t,className:c},e.children)):r?a.createElement(p.a,{onClick:t,appLink:n,svgName:r,className:c},e.children):n?a.createElement(s.a,{onClick:t,appLink:n,className:c},e.children):a.createElement("button",{onClick:t,className:c},e.children)}function f(e){const t=[],n=[];e.actions.forEach(e=>{e.button?t.push(e):n.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),a.createElement("div",{className:r},a.createElement(a.Fragment,null,!!t.length&&a.createElement("span",{className:u.a.buttonList},t.map((e,t)=>a.createElement(g,{key:t,actionOptions:e},e.label))),e.sortComponent?e.sortComponent:"",!!n.length&&a.createElement(d,{actions:n,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}n.d(t,"a",(function(){return f}))},444:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(0),r=n(5),i=n(33),c=n(32),s=n(9);function o({backToName:e,appLink:t,color:n}){const o=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),l="black"===n?"":"text-light";return a.createElement(c.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+l},a.createElement(i.a,{svgName:s.b.ChevronLeft,size:i.b.Medium}),a.createElement("span",{className:"ml-1"},o))}o.defaultProps={color:"black"}},445:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return m}));var a=n(0),r=n(444),i=n(113),c=n(76),s=n(443),o=n(446),l=n.n(o);const u=a.memo((function(e){const{heading:t,banner:n,imageCdnUrl:o,actions:u,sortComponent:m}=e,d=i.a.createBannerUrl(n,{fallbackBaseUrl:o,fallbackCategoryName:t,type:c.b.Banners},{size:c.a.Large});return a.createElement("div",{className:"banner",style:{backgroundImage:`url('${d}')`}},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(r.a,{appLink:e.backButtonAppLink,backToName:e.backButtonText,color:"white"})),a.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},t),!!u&&a.createElement("div",{className:l.a.actionsContainer},a.createElement(s.a,{actions:u,sortComponent:m})))}),(e,t)=>e.actions===t.actions),m=()=>a.createElement("div",{className:"partial-banner partial-loading-background"})},446:function(e,t,n){e.exports={actionsContainer:"_286KF"}},458:function(e,t,n){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},460:function(e,t,n){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},463:function(e,t,n){e.exports={image:"_1YW-E"}},464:function(e,t,n){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},465:function(e,t,n){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},466:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));const a=5,r=50,i=100,c={getPartialLoadingItems(e={}){const{numItems:t=a,minWidth:n=r,maxWidth:c=i}=e;return[...Array(t)].map(()=>({width:Math.max(Math.floor(Math.random()*c),n)+"px"}))}}},469:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));const a=()=>"/api/domain/v1/subjects/audiences",r={presentationAudiences:()=>({bootstrapName:"presentationAudiences",url:a(),key:"presentation:audiences",normalize:!1})}},491:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(422),i=n.n(r);const c=[...Array(4)],s=()=>a.createElement("div",{className:"pb-3"},a.createElement("div",{className:"partial-loading-background "+i.a.partialLoadingHeading,dangerouslySetInnerHTML:{__html:"&nbsp"}}),a.createElement("div",{className:"row"},c.map((e,t)=>a.createElement("div",{key:t,className:"col-6 col-sm-4 col-lg-3 "},a.createElement("div",{className:"py-2"},a.createElement("div",{className:i.a.partialLoading+" partial-loading-background"}))))))},492:function(e,t,n){"use strict";var a;function r(e,t){switch(t.type){case a.Init:return Object.assign(Object.assign({},e),t.payload.reduce((e,t)=>(e[t.masterId]=t,e),{}));case a.Toggle:return Object.assign({},function(e,t){const n=t.audience,a=t.isSelected;if(!n)return e;const r=n.masterId,i=Object.assign({},e);return a?i[r]||(i[r]=n):delete i[r],i}(e,t.payload));default:return e}}n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return r})),function(e){e.Init="init",e.Toggle="toggle"}(a||(a={}))},493:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n(520),i=n.n(r);function c(e){const{audience:t,highlight:n,setAudience:r,isDisabled:c,extraClasses:s}=e,o=function(e,t){return e?"badge-info text-light":t?i.a.disabled+" text-muted":"badge-light"}(n,c),l=`badge-pill d-inline-block mr-1 ${c?"cursor-default":"cursor-pointer"} ${o} ${s}`;return a.createElement("span",{className:l,onClick:()=>{c||r(t,!n)},role:"checkbox","aria-checked":n},t.name.split(" ").map(e=>e.charAt(0).toUpperCase()+e.substring(1)).join(" "))}c.defaultProps={extraClasses:""}},495:function(e,t,n){"use strict";var a=n(0),r=n(31),i=n(34),c=n(63),s=n(466),o=n(32);const l=({breadcrumb:{label:e,appLink:t,active:n}})=>a.createElement("li",{className:"breadcrumb-item"+(n?" active":"")},n?a.createElement("strong",null,e):a.createElement(o.a,{appLink:t},e)),u=({breadcrumbs:e})=>a.createElement("ol",{className:"breadcrumb m-0 p-0"},e.map((e,t)=>a.createElement(l,{key:t,breadcrumb:e})));var m;function d(e,t,n){return{label:e.name,appLink:t(e),active:n}}function p(e){const{type:t}=e,n=function(e,t){let{currentItem:n,getItemAppLink:s,getParent:o,rootItem:l,data:u,subview:m}=e;const[p,b]=Object(a.useState)([]);a.useMemo(()=>{if(t||i.a.isEmpty(u))return;const e=u.map((e,t)=>d(e,s,t+1===u.length));l&&e.unshift(l),b(e)},[u]),a.useMemo(()=>{if(!t||!r.a.isFunction(o))return;const e=[d(n,s,!0)];for(n=o(n);n;)e.unshift(d(n,s)),n=o(n);return l&&e.unshift(l),b(e)},[n,o,s,l]);const{current:g}=a.useRef({label:m,appLink:null,active:!0});if(m){p.includes(g)||b([...p,g]);const e=p.filter(e=>e.active&&e!==g);e.length&&(c.a.first(e).active=!1)}return p}(e,t===m.Dynamic);return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement(u,{breadcrumbs:n}))}n.d(t,"a",(function(){return m})),n.d(t,"b",(function(){return p})),n.d(t,"c",(function(){return g})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(m||(m={}));const b=s.a.getPartialLoadingItems({numItems:3}),g=()=>a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},b.map(({width:e},t)=>a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:e},dangerouslySetInnerHTML:{__html:"&nbsp"}})))))},520:function(e,t,n){e.exports={disabled:"_1KxF9"}},542:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),r=n(2);function i(e,t=[]){a.useEffect(()=>{const{appLink:t,paramBuilder:n,isValid:a,appLinkOptions:i}=e;(function(e,t){return!!e&&(!(!e.application||!e.action)&&!!t())})(t,a)&&(t.params=n(),r.a.AppLinkHelper.trigger(t,i))},[...t])}},543:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(0),r=n(34),i=n(492);const c=/\s|\+/gi;function s(e){return e?e.replace(c,"").toLowerCase():""}function o(e,t,n,c=[]){a.useEffect(()=>{if(!r.a.isObject(e)||r.a.isEmpty(e))return;if(!t||!t.length)return;let{a:a}=e;if(!a)return;"string"==typeof a&&(a=[a]);const c=a.reduce((e,t)=>(e[s(t)]=t,e),{}),o=t.filter(e=>c[s(e.name)]);n({type:i.a.Init,payload:o})},[...c])}},544:function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return l}));var a=n(0),r=n(466),i=n(493),c=n(492);function s(e){const{audiences:t,activeAudiences:n,setAudience:r,disabled:s}=e;return t&&t.length?a.createElement("div",{className:"pt-3"},t.map(e=>a.createElement(i.a,{key:e.masterId,audience:e,highlight:!!n&&!!n[e.masterId],setAudience:(e,t)=>r({type:c.a.Toggle,payload:{audience:e,isSelected:t}}),isDisabled:s}))):a.createElement(a.Fragment,null)}const o=r.a.getPartialLoadingItems({numItems:6}),l=()=>a.createElement("div",{className:"pt-3"},o.map(({width:e},t)=>a.createElement("span",{key:t,className:"d-inline-block badge-pill partial-loading-background mr-1",dangerouslySetInnerHTML:{__html:"&nbsp"},style:{width:e}})))},546:function(e,t,n){"use strict";var a=n(423);n.d(t,"b",(function(){return a.a}));var r=n(491);n.d(t,"a",(function(){return r.a}))},547:function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"d",(function(){return c})),n.d(t,"c",(function(){return s})),n.d(t,"b",(function(){return o}));var a=n(3),r=n(10),i=function(e){return function(t){return{application:a.a.SUBJECT,action:r.a.Subjects.CLASSIFICATION,args:t?[t.id]:[],params:e||{}}}},c=function(e){return{application:a.a.SUBJECT,action:r.a.Subjects.CLASSIFICATION_SERIES,args:[e.id]}},s=function(e){return{application:a.a.PLAYLISTS,action:r.a.Playlists.PLAYLIST,args:[e.id]}},o=function(){return{application:a.a.DASHBOARD,action:r.a.Dashboard.HOME}}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[4],{
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx ***!
+  \*****************************************************************************************************************/
+/*! exports provided: FixedWidget */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FixedWidget", function() { return Memoized; });
+/* 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_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _enums_CssMeasurement__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../enums/CssMeasurement */ "../../libs/shared/src/enums/CssMeasurement.ts");
+/* harmony import */ var _widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../widget-button/WidgetButton */ "../../libs/shared/src/components/widgets/widget-button/WidgetButton.tsx");
+/* harmony import */ var _sliding_list_SlidingListContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../sliding-list/SlidingListContainer */ "../../libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _hooks_UseHover__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/UseHover */ "../../libs/shared/src/hooks/UseHover.ts");
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../interfaces */ "../../libs/shared/src/interfaces/index.ts");
+/* harmony import */ var _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../enums/WidgetInteraction */ "../../libs/shared/src/enums/WidgetInteraction.ts");
+/* harmony import */ var _hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../hooks/UseLazyLoad */ "../../libs/shared/src/hooks/UseLazyLoad.ts");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
+/* harmony import */ var _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./PartialFixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx");
+/* harmony import */ var _FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./FixedWidgetUtils */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetUtils.ts");
+/* harmony import */ var _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./FixedWidgetReducer */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx");
+/* harmony import */ var _fixed_widget_scss__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./fixed-widget.scss */ "../../libs/shared/src/components/widgets/fixed-widget/fixed-widget.scss");
+/* harmony import */ var _fixed_widget_scss__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_fixed_widget_scss__WEBPACK_IMPORTED_MODULE_18__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const namespace = 'shared.fixedWidget';
+FixedWidget.defaultProps = {
+  type: _interfaces__WEBPACK_IMPORTED_MODULE_8__["WidgetType"].Row
+};
+
+function FixedWidget(props) {
+  var _a, _b;
+
+  const [initialTouchX, setInitialTouchX] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](null);
+  const [containerWidth, setContainerWidth] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](null);
+  const [percentageDragged, setPercentageDragged] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](0);
+  const [state, dispatch] = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](_FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_17__["FixedWidgetReducer"], _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_17__["initialWidgetState"], _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_17__["lazyWidgetInit"]);
+  const containerRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null);
+  const [buttonsRef, isHovering] = Object(_hooks_UseHover__WEBPACK_IMPORTED_MODULE_7__["useHover"])();
+  const [isHoveringOnFarLeft, setIsHoveringOnFarLeft] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
+  const [isHoveringOnFarRight, setIsHoveringOnFarRight] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
+  const {
+    ref,
+    inView
+  } = Object(_hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_10__["useLazyLoad"])(props.lazyLoad);
+  const mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_6__["useGetMediaQueryString"])();
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    dispatch({
+      type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_9__["WidgetInteraction"].Resize,
+      payload: {
+        mediaQuery,
+        type: props.type,
+        contents: props.contents,
+        collection: state.collection
+      }
+    });
+  }, [mediaQuery]);
+  const response = Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_16__["useFetchData"])(props, dispatch, state, mediaQuery, !props.lazyLoad || inView);
+
+  function onSetIsHovering(hovering, index) {
+    // This callback will hide the far left button if the user is hovering on the far left widget item.
+    // Same goes for the far right button & widget item.
+    if ((index + 1) / state.viewableItems % 1 === 0) {
+      setIsHoveringOnFarRight(hovering);
+    } else if (index / state.viewableItems % 1 === 0) {
+      setIsHoveringOnFarLeft(hovering);
+    }
+  }
+
+  const widgetContext = {
+    type: state.type,
+    size: state.currentSize,
+    collectionSize: state.collection.length,
+    contents: props.contents
+  };
+  const data = Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_16__["formatData"])(props, ((_a = response) === null || _a === void 0 ? void 0 : _a.data) || props.collection);
+  if ((_b = response) === null || _b === void 0 ? void 0 : _b.hasError) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+
+  if (!data || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__["ObjectHelper"].isEmpty(data) && !props.prefetched) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      ref: ref
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_PartialFixedWidget__WEBPACK_IMPORTED_MODULE_15__["PartialFixedWidget"], {
+      type: props.type
+    }));
+  }
+
+  if (!state.collection.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  const WidgetItemComponent = props.childComponent;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__["AppLink"], {
+    appLink: Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_16__["getCollectionAppLink"])(props.appLink, data)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4 mb-0 d-inline-block align-top pl-1 text-dark'
+  }, data.name, !!props.appLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_12__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_13__["cvSvgLibrary"].ChevronRight,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_12__["SvgContainerSize"].Small
+  })), props.settingsAppLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__["AppLink"], {
+    appLink: props.settingsAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_12__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_13__["cvSvgLibrary"].Cog,
+    className: 'd-inline-block svg-container cursor-pointer',
+    title: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'preferencesTooltip'),
+    tooltipPlacement: 'right'
+  }))), data.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'text-truncate pl-1 mb-0 description'
+  }, data.description)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    ref: buttonsRef,
+    className: 'position-relative'
+  }, !isHoveringOnFarLeft && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _fixed_widget_scss__WEBPACK_IMPORTED_MODULE_18___default.a.leftOverflowGradient
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_4__["WidgetButton"], {
+    direction: _widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_4__["WidgetButtonDirection"].Left,
+    onClick: () => dispatch({
+      type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_9__["WidgetInteraction"].Previous
+    }),
+    hide: isHoveringOnFarLeft || state.offset <= state.collection.length && !(isHovering && state.offset !== state.viewableItems),
+    contents: props.contents
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_sliding_list_SlidingListContainer__WEBPACK_IMPORTED_MODULE_5__["SlidingListContainer"], {
+    position: state.position,
+    positionType: _enums_CssMeasurement__WEBPACK_IMPORTED_MODULE_3__["CssMeasurement"].Percentage,
+    onTouchMove: Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_16__["getOnTouchStart"])(state, containerRef, containerWidth, setContainerWidth, initialTouchX, setInitialTouchX, setPercentageDragged),
+    onTouchEnd: Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_16__["getOnTouchEnd"])(containerRef, setInitialTouchX, percentageDragged, setPercentageDragged, dispatch),
+    ref: containerRef,
+    percentageDragged: percentageDragged
+  }, state.collection.map((widgetItem, index) => {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](WidgetItemComponent, {
+      key: widgetItem.id,
+      data: widgetItem,
+      appLink: props.childAppLink,
+      context: widgetContext,
+      preloadImage: Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_16__["getShouldPreload"])(state)(widgetItem),
+      thumbnailSize: _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_14__["ThumbnailSize"].Medium,
+      onHover: hovering => {
+        /**
+         * For some reason this needs to be called after a set timeout, otherwise
+         * the `useHover` listener on the `buttonsRef` element will not detect it's hover
+         * event. - Josh
+         */
+        window.setTimeout(() => {
+          onSetIsHovering(hovering, index);
+        }, 0);
+      }
+    });
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_4__["WidgetButton"], {
+    direction: _widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_4__["WidgetButtonDirection"].Right,
+    onClick: () => dispatch({
+      type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_9__["WidgetInteraction"].Next
+    }),
+    hide: isHoveringOnFarRight || (state.offset > state.viewableItems || state.offset === state.collection.length) && !(isHovering && state.offset < state.collection.length),
+    contents: props.contents
+  }), !isHoveringOnFarRight && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _fixed_widget_scss__WEBPACK_IMPORTED_MODULE_18___default.a.rightOverflowGradient
+  })));
+}
+
+const Memoized = react__WEBPACK_IMPORTED_MODULE_0__["memo"](FixedWidget);
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx":
+/*!************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx ***!
+  \************************************************************************************************************************/
+/*! exports provided: initialWidgetState, FixedWidgetReducer, lazyWidgetInit */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initialWidgetState", function() { return initialWidgetState; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FixedWidgetReducer", function() { return FixedWidgetReducer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazyWidgetInit", function() { return lazyWidgetInit; });
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../enums/WidgetInteraction */ "../../libs/shared/src/enums/WidgetInteraction.ts");
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../interfaces */ "../../libs/shared/src/interfaces/index.ts");
+/* harmony import */ var _FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FixedWidgetUtils */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetUtils.ts");
+
+
+
+
+const initialWidgetState = {
+  offset: 0,
+  viewableItems: 4,
+  position: 0,
+  collection: [],
+  currentSize: _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG,
+  type: _interfaces__WEBPACK_IMPORTED_MODULE_2__["WidgetType"].Row
+};
+
+const computeNextPosition = prevState => {
+  const {
+    collection,
+    viewableItems,
+    offset,
+    position
+  } = prevState;
+  const remainingCount = collection.length - offset;
+  /**
+   * If the remaining items are evening divisible by the items in view, or,
+   * we have more items that can be displayed in the view, move the slider a full 100%.
+   */
+
+  if (remainingCount % viewableItems === 0 || remainingCount > viewableItems) return {
+    position: position - 100,
+    offset: offset + viewableItems
+  };
+  /**
+   * Where there are less items than we can show in a full slide,
+   * calculate the % movement required to only show those items.
+   */
+
+  if (remainingCount < viewableItems) return {
+    position: position - remainingCount / viewableItems * 100,
+    offset: offset + remainingCount
+  };
+  /**
+   * Default back to the current state as a fallback
+   */
+
+  return {
+    position: position,
+    offset: offset
+  };
+};
+
+const computePreviousPosition = prevState => {
+  const {
+    viewableItems,
+    offset,
+    position
+  } = prevState;
+  const remainingCount = offset - viewableItems;
+  if (remainingCount % viewableItems === 0 || remainingCount > viewableItems) return {
+    position: position + 100,
+    offset: offset - viewableItems
+  };
+  if (remainingCount < viewableItems) return {
+    position: position + remainingCount / viewableItems * 100,
+    offset: offset - remainingCount
+  };
+  return {
+    position: position,
+    offset: offset
+  };
+};
+
+function FixedWidgetReducer(prevState, action) {
+  var _a, _b;
+
+  const {
+    type,
+    payload = {}
+  } = action;
+
+  switch (type) {
+    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_1__["WidgetInteraction"].Next:
+      {
+        return Object.assign(Object.assign({}, prevState), computeNextPosition(prevState));
+      }
+
+    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_1__["WidgetInteraction"].Previous:
+      {
+        return Object.assign(Object.assign({}, prevState), computePreviousPosition(prevState));
+      }
+
+    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_1__["WidgetInteraction"].Resize:
+      {
+        const computeViewableItems = Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_3__["getComputeFunction"])(payload.contents);
+        const initialSeen = computeViewableItems(payload.mediaQuery, payload.type, (_a = payload.collection) === null || _a === void 0 ? void 0 : _a.length);
+        return Object.assign(Object.assign({}, prevState), {
+          currentSize: payload.mediaQuery,
+          position: 0,
+          offset: initialSeen,
+          viewableItems: initialSeen,
+          type: payload.type
+        });
+      }
+
+    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_1__["WidgetInteraction"].Init:
+      {
+        const computeViewableItems = Object(_FixedWidgetUtils__WEBPACK_IMPORTED_MODULE_3__["getComputeFunction"])(payload.contents);
+        const initialSeen = computeViewableItems(payload.mediaQuery, payload.type, (_b = payload.collection) === null || _b === void 0 ? void 0 : _b.length);
+        return lazyWidgetInit(Object.assign(Object.assign({}, prevState), {
+          collection: payload.collection,
+          currentSize: payload.mediaQuery,
+          offset: initialSeen,
+          viewableItems: initialSeen,
+          type: payload.type
+        }));
+      }
+
+    default:
+      return prevState;
+  }
+}
+function lazyWidgetInit(newState) {
+  return Object.assign(Object.assign({}, initialWidgetState), newState);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetUtils.ts":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidgetUtils.ts ***!
+  \*********************************************************************************************************************/
+/*! exports provided: useFetchData, getShouldPreload, getCollectionAppLink, formatData, getComputeFunction, getOnTouchStart, getOnTouchEnd */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useFetchData", function() { return useFetchData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getShouldPreload", function() { return getShouldPreload; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCollectionAppLink", function() { return getCollectionAppLink; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatData", function() { return formatData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getComputeFunction", function() { return getComputeFunction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOnTouchStart", function() { return getOnTouchStart; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOnTouchEnd", function() { return getOnTouchEnd; });
+/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../enums/WidgetInteraction */ "../../libs/shared/src/enums/WidgetInteraction.ts");
+/* harmony import */ var _enums_WidgetContents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../enums/WidgetContents */ "../../libs/shared/src/enums/WidgetContents.ts");
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../interfaces */ "../../libs/shared/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+function useFetchData(props, dispatch, state, mediaQueryType, shouldFetch) {
+  const {
+    fetch,
+    setData,
+    type,
+    collection: items,
+    prefetched,
+    contents
+  } = props;
+  let data = items;
+  let res;
+
+  if (!data || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(data) && !prefetched) {
+    res = fetch(shouldFetch);
+    data = res.data;
+  }
+  /**
+   * Once we have the widget data, lazily update our state with the new collection
+   */
+
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    if (!data || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(data)) return;
+    dispatch({
+      type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_5__["WidgetInteraction"].Init,
+      payload: {
+        collection: _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(setData) ? setData(data) : data,
+        mediaQuery: mediaQueryType,
+        type,
+        contents
+      }
+    });
+  }, [data]);
+  return res;
+}
+/**
+ * This function wrapper determines which widget item images should be pre-fetched by the LazyImage component.
+ * It does this by looking at which images are going to be shown after the users clicks on the "Next"
+ * widget button.
+ */
+
+function getShouldPreload(state) {
+  const {
+    offset,
+    viewableItems,
+    collection
+  } = state; // The index of the latest item that has been fetched
+
+  const maxLoadedIndex = offset;
+  /**
+   * The indicesToPreload is an array of indices of widget items that should be prefetched by the
+   * LazyImage component
+   */
+
+  const indicesToPreload = [];
+
+  for (let i = 0; i < maxLoadedIndex + viewableItems; i++) {
+    indicesToPreload.push(i);
+  }
+  /**
+   * A widget item calls this function to determine whether or not its image can be pre-fetched.
+   * This is determined by whether or not its index has been deemed valid to be pre-fetched
+   * by the scope above
+   */
+
+
+  return function shouldPreload(widgetItem) {
+    const index = collection.indexOf(widgetItem);
+    return indicesToPreload.includes(index);
+  };
+}
+function getCollectionAppLink(appLink, data) {
+  if (!appLink) return;
+  return Object.assign(Object.assign({}, appLink), {
+    args: appLink.args || [data.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__["TextHelper"].slugify(data.name)]
+  });
+}
+/**
+ * Allow explicit name and description props to override the fetched
+ * data properties.
+ *
+ * @param props
+ * @param data
+ */
+
+function formatData(props, data) {
+  const {
+    name,
+    description
+  } = props;
+  const overrideProps = {};
+  if (Array.isArray(data)) return {
+    name,
+    description
+  };
+  if (props.name) overrideProps.name = name;
+  if (props.description) overrideProps.description = description;
+  return Object.assign(Object.assign({}, data), overrideProps);
+}
+function getComputeFunction(contents) {
+  switch (contents) {
+    case _enums_WidgetContents__WEBPACK_IMPORTED_MODULE_6__["WidgetContents"].Playlists:
+      return computeViewablePlaylists;
+
+    case _enums_WidgetContents__WEBPACK_IMPORTED_MODULE_6__["WidgetContents"].Videos:
+      return computeViewableVideos;
+
+    case _enums_WidgetContents__WEBPACK_IMPORTED_MODULE_6__["WidgetContents"].Subjects:
+      return computeViewableSubjects;
+
+    case _enums_WidgetContents__WEBPACK_IMPORTED_MODULE_6__["WidgetContents"].UserChannels:
+      return computeViewableUserChannels;
+
+    case _enums_WidgetContents__WEBPACK_IMPORTED_MODULE_6__["WidgetContents"].Series:
+    default:
+      return computeViewableSeries;
+  }
+}
+
+function computeViewablePlaylists(mediaQuery, type, itemCount) {
+  let maxItems = 5;
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XS) maxItems = 2;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].SM) maxItems = 3;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].MD) maxItems = 4;
+  if (itemCount < maxItems) maxItems = itemCount;
+  return maxItems;
+}
+
+function computeViewableVideos(mediaQuery, type, itemCount) {
+  let maxItems = 4;
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XS) maxItems = 2;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].SM) maxItems = 3;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].MD) maxItems = 4;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].LG || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XL || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XXL) {
+    if (type === _interfaces__WEBPACK_IMPORTED_MODULE_7__["WidgetType"].LargeRow) maxItems = 3;else if (itemCount < 4) maxItems = 3;else maxItems = 4;
+  }
+  if (itemCount < maxItems) maxItems = itemCount;
+  return maxItems;
+}
+
+function computeViewableSubjects(mediaQuery, type, itemCount) {
+  let maxItems = 6;
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XS) maxItems = 3;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].MD) maxItems = 4;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].LG) maxItems = 5;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XL || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XXL) maxItems = 6;
+  if (itemCount < maxItems) maxItems = itemCount;
+  return maxItems;
+}
+
+function computeViewableUserChannels(mediaQuery, type, itemCount) {
+  let maxItems = 6;
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XS) maxItems = 3;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].MD) maxItems = 4;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].LG) maxItems = 5;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XL || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XXL) maxItems = 6;
+  if (itemCount < maxItems) maxItems = itemCount;
+  return maxItems;
+}
+
+function computeViewableSeries(mediaQuery, type, itemCount) {
+  let maxItems = 4;
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].XS) maxItems = 2;else if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_4__["MediaQueryStrings"].SM) maxItems = 3;
+  if (itemCount < maxItems) maxItems = itemCount;
+  return maxItems;
+}
+/**
+ * Touch event handlers
+ */
+
+
+function getOnTouchStart(widgetState, containerRef, containerWidth, setContainerWidth, initialTouchX, setInitialTouchX, setPercentageDragged) {
+  return function (event) {
+    const firstTouch = event.touches.item(0);
+    const touchX = firstTouch.clientX;
+    /**
+     * Runs only on the very first touch event.
+     *
+     * Sets the initial x-coordinate as a reference point to calculate how far the user has dragged before
+     * they release their finder
+     */
+
+    if (!initialTouchX) {
+      containerRef.current.style.transition = '';
+      setContainerWidth(containerRef.current.getBoundingClientRect().width);
+      setInitialTouchX(touchX);
+    }
+
+    const pixelsDragged = initialTouchX - touchX; // Calculate how far the user has moved their finger as a percentage of the widget's container element
+
+    let currentPercentageDragged = pixelsDragged / containerWidth * 100;
+    /**
+     * These 2 if statements prevent the user from dragging the widget beyond its limits.
+     * One if statement handles if they have dragged to the left, and the other is for dragging to the right.
+     *
+     * The same logic is used to hide the widget buttons (see the `hide` prop passed to `<WidgetButton />`)
+     */
+
+    if (currentPercentageDragged < 0 && widgetState.offset === widgetState.viewableItems) currentPercentageDragged = 0;else if (currentPercentageDragged > 0 && widgetState.offset === widgetState.collection.length) currentPercentageDragged = 0;
+    setPercentageDragged(currentPercentageDragged);
+  };
+}
+const DRAG_TOLERANCE = 7.5; // % of container width using to trigger a transition.
+
+function getOnTouchEnd(containerRef, setInitialTouchX, percentageDragged, setPercentageDragged, dispatch) {
+  return function () {
+    containerRef.current.style.transition = 'transform 500ms ease-in-out 100ms';
+    setInitialTouchX(null);
+    /**
+     * Only trigger a Next/Previous widget event if the user has dragged beyond DRAG_TOLERANCE% either way of the
+     * container's width. This means if the user only drags left/right a tiny little bit, the widget
+     * will simply slide back into its original place.
+     */
+
+    if (Math.abs(percentageDragged) >= DRAG_TOLERANCE) {
+      const reducerAction = percentageDragged > 0 ? _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_5__["WidgetInteraction"].Next : _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_5__["WidgetInteraction"].Previous;
+      dispatch({
+        type: reducerAction
+      });
+    }
+
+    setPercentageDragged(0);
+  };
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx":
+/*!************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx ***!
+  \************************************************************************************************************************/
+/*! exports provided: PartialFixedWidget */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialFixedWidget", function() { return PartialFixedWidget; });
+/* 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 _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _fixed_widget_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fixed-widget.scss */ "../../libs/shared/src/components/widgets/fixed-widget/fixed-widget.scss");
+/* harmony import */ var _fixed_widget_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fixed_widget_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+
+function useMediaQueryListeners() {
+  const mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__["useGetMediaQueryString"])();
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].XS) return {
+    itemCount: 1,
+    colSize: 12
+  };
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].SM) return {
+    itemCount: 2,
+    colSize: 6
+  };
+  if (mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].MD) return {
+    itemCount: 3,
+    colSize: 4
+  };
+  return {
+    itemCount: 4,
+    colSize: 3
+  };
+}
+
+const PartialLoadingItem = ({
+  colSize
+}) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+  className: `col-${colSize}`
+}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+  className: `${_fixed_widget_scss__WEBPACK_IMPORTED_MODULE_3___default.a.partialItem} mx-1 partial-loading-background`
+}));
+
+function PartialFixedWidget(props) {
+  const {
+    itemCount,
+    colSize
+  } = useMediaQueryListeners();
+  let items = [];
+
+  for (let i = 0; i < itemCount; i++) {
+    items.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PartialLoadingItem, {
+      key: i,
+      colSize: colSize
+    }));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'widget pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_fixed_widget_scss__WEBPACK_IMPORTED_MODULE_3___default.a.partialHeading} mx-1 mb-1 partial-loading-background`
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_fixed_widget_scss__WEBPACK_IMPORTED_MODULE_3___default.a.partialDescription} mx-1 my-1 partial-loading-background`
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `${_fixed_widget_scss__WEBPACK_IMPORTED_MODULE_3___default.a.slidingContainer} row`
+  }, items));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/fixed-widget.scss":
+/*!*******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/fixed-widget/fixed-widget.scss ***!
+  \*******************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"leftOverflowGradient":"cv--leftOverflowGradient--u_MPi","rightOverflowGradient":"cv--rightOverflowGradient--38ooL","partialHeading":"cv--partialHeading--OVsdA","partialDescription":"cv--partialDescription--1HtA2","partialItem":"cv--partialItem--3G2hG","largePartialItem":"cv--largePartialItem--NnK8O"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: SlidingListContainer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SlidingListContainer", function() { return SlidingListContainer; });
+/* 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_backbone_utils_UserAgentHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/UserAgentHelper */ "../../libs/common/src/backbone/utils/UserAgentHelper.ts");
+/* harmony import */ var _enums_CssMeasurement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../enums/CssMeasurement */ "../../libs/shared/src/enums/CssMeasurement.ts");
+/* harmony import */ var _utils_DragHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/DragHelper */ "../../libs/shared/src/utils/DragHelper.ts");
+
+
+
+
+const isTouchScreen = _common_src_backbone_utils_UserAgentHelper__WEBPACK_IMPORTED_MODULE_1__["UserAgentHelper"].isTouchScreen();
+
+function getPositionStyling(xPosition, measurement, dragPercentage) {
+  // Used in situations where a touch screen user is dragging the `<FixedWidget />`
+  if (measurement === _enums_CssMeasurement__WEBPACK_IMPORTED_MODULE_2__["CssMeasurement"].Percentage && dragPercentage) xPosition = xPosition - dragPercentage;
+  return {
+    transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,
+    transition: 'transform 500ms ease-in-out 100ms'
+  };
+}
+
+const SlidingListContainer = react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"]((props, ref) => {
+  const {
+    children,
+    positionType,
+    onDrag,
+    onDragEnd,
+    onTouchMove,
+    onTouchEnd,
+    percentageDragged,
+    position = 0
+  } = props;
+
+  function getEventListeners() {
+    const listenerProps = {};
+
+    if (onDrag && onDragEnd) {
+      listenerProps.draggable = true;
+      listenerProps.onDrag = onDrag;
+      listenerProps.onDragEnd = onDragEnd;
+      listenerProps.onDragStart = _utils_DragHelper__WEBPACK_IMPORTED_MODULE_3__["DragHelper"].hideDragImage;
+
+      listenerProps.onDragOver = e => e.preventDefault();
+    }
+
+    if (onTouchMove && onTouchEnd && isTouchScreen) {
+      listenerProps.onTouchMoveCapture = onTouchMove;
+      listenerProps.onTouchEndCapture = onTouchEnd;
+    }
+
+    return listenerProps;
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", Object.assign({
+    className: 'd-flex flex-nowrap position-relative w-100',
+    style: getPositionStyling(position, positionType, percentageDragged),
+    ref: ref
+  }, getEventListeners()), children);
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/widget-button/WidgetButton.tsx":
+/*!*******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx ***!
+  \*******************************************************************************************************************/
+/*! exports provided: WidgetButtonDirection, WidgetButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WidgetButtonDirection", function() { return WidgetButtonDirection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WidgetButton", function() { return WidgetButton; });
+/* 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 _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _widget_button_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./widget-button.scss */ "../../libs/shared/src/components/widgets/widget-button/widget-button.scss");
+/* harmony import */ var _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_widget_button_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+var WidgetButtonDirection;
+
+(function (WidgetButtonDirection) {
+  WidgetButtonDirection[WidgetButtonDirection["Left"] = 0] = "Left";
+  WidgetButtonDirection[WidgetButtonDirection["Right"] = 1] = "Right";
+})(WidgetButtonDirection || (WidgetButtonDirection = {}));
+
+function getPositionClass(contents, isLeftDirection) {
+  let className = _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.topPos; // Left / Right
+
+  if (isLeftDirection) className += ' ' + _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.left;else className += ' ' + _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.right;
+  return className;
+}
+
+const WidgetButton = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  const isLeft = props.direction === WidgetButtonDirection.Left;
+  const arrowSvg = isLeft ? _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].ChevronLeft : _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].ChevronRight;
+  const positionClass = getPositionClass(props.contents, isLeft);
+  if (props.hide) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    className: `${positionClass} ${_widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.button}`,
+    onClick: props.onClick
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: arrowSvg,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainerSize"].Medium,
+    className: 'svg-container d-inline-block'
+  })), props.useGradientBackdrop && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: isLeft ? _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.gradientLeft : _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.gradientRight
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    onClick: props.onClick,
+    className: isLeft ? _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.extendedClickableAreaLeft : _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.extendedClickableAreaRight
+  }));
+}, (prevProps, nextProps) => prevProps.hide === nextProps.hide);
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/widget-button/widget-button.scss":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss ***!
+  \*********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"left":"cv--left--789pr","right":"cv--right--1P8qt","button":"cv--button--24q_F","gradientLeft":"cv--gradientLeft--3fkiw","gradientRight":"cv--gradientRight--2RDDy","extendedClickableAreaRight":"cv--extendedClickableAreaRight--13dgy","extendedClickableAreaLeft":"cv--extendedClickableAreaLeft--37LtK","videoTopPos":"cv--videoTopPos--1XTRO","topPos":"cv--topPos--3_p_J"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/enums/CssMeasurement.ts":
+/*!*****************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/CssMeasurement.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: CssMeasurement */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CssMeasurement", function() { return CssMeasurement; });
+var CssMeasurement;
+
+(function (CssMeasurement) {
+  CssMeasurement["Percentage"] = "%";
+  CssMeasurement["Pixels"] = "px";
+})(CssMeasurement || (CssMeasurement = {}));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/enums/WidgetContents.ts":
+/*!*****************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/WidgetContents.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: WidgetContents */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WidgetContents", function() { return WidgetContents; });
+var WidgetContents;
+
+(function (WidgetContents) {
+  WidgetContents["Videos"] = "videos";
+  WidgetContents["Series"] = "series";
+  WidgetContents["Subjects"] = "subjects";
+  WidgetContents["Playlists"] = "playlists";
+  WidgetContents["UserChannels"] = "user channels";
+})(WidgetContents || (WidgetContents = {}));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/enums/WidgetInteraction.ts":
+/*!********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/WidgetInteraction.ts ***!
+  \********************************************************************************************/
+/*! exports provided: WidgetInteraction */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WidgetInteraction", function() { return WidgetInteraction; });
+var WidgetInteraction;
+
+(function (WidgetInteraction) {
+  WidgetInteraction["Init"] = "init";
+  WidgetInteraction["Next"] = "next";
+  WidgetInteraction["Previous"] = "previous";
+  WidgetInteraction["Resize"] = "resize";
+  WidgetInteraction["Drag"] = "drag";
+})(WidgetInteraction || (WidgetInteraction = {}));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts":
+/*!*************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts ***!
+  \*************************************************************************************************/
+/*! exports provided: useGetMediaQueryString */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useGetMediaQueryString", function() { return useGetMediaQueryString; });
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UseMediaQuery */ "../../libs/shared/src/hooks/UseMediaQuery.tsx");
+
+
+function useGetMediaQueryString() {
+  /**
+   * I tried to do this by looping through `MediaQueryStrings`'s keys, but you can't run
+   * hooks in a loop :(
+   */
+  const isXS = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XS);
+  const isSM = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].SM);
+  const isMD = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].MD);
+  const isLG = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG);
+  const isXL = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XL);
+  const isXXL = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XXL);
+  let currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG; // default
+
+  if (isXS) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XS;
+  if (isSM) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].SM;
+  if (isMD) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].MD;
+  if (isLG) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG;
+  if (isXL) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XL;
+  if (isXXL) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XXL;
+  return currentString;
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseHover.ts":
+/*!***********************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseHover.ts ***!
+  \***********************************************************************************/
+/*! exports provided: useHover, useHoverIntent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHover", function() { return useHover; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHoverIntent", function() { return useHoverIntent; });
+/* 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_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+
+
+const defaultOptions = {
+  className: '',
+  delay: 0
+};
+/**
+ * This hook detects hover events on an element.
+ * This should only be used where CSS hover events won't suffice for what you are trying to achieve.
+ */
+
+function useHover(options = defaultOptions) {
+  const [isHovering, setHovering] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
+  const ref = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null);
+  const triggerHover = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].throttle(() => {
+    var _a, _b;
+
+    if (options.className) (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add(options.className);
+    setHovering(true);
+  }, options.delay, {
+    leading: false
+  });
+
+  const handleMouseOut = () => {
+    var _a, _b;
+
+    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(triggerHover.cancel)) triggerHover.cancel();
+    if (options.className) (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(options.className);
+    setHovering(false);
+  };
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"](() => {
+    const node = ref.current;
+
+    if (node) {
+      node.addEventListener('mouseenter', triggerHover);
+      node.addEventListener('mouseleave', handleMouseOut);
+      return () => {
+        node.removeEventListener('mouseenter', triggerHover);
+        node.removeEventListener('mouseleave', handleMouseOut);
+      };
+    }
+  }, [ref.current]);
+  return [ref, isHovering];
+}
+function useHoverIntent(className) {
+  return useHover({
+    className,
+    delay: 275
+  });
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseLazyLoad.ts":
+/*!**************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseLazyLoad.ts ***!
+  \**************************************************************************************/
+/*! exports provided: useLazyLoad */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useLazyLoad", function() { return useLazyLoad; });
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intersection-observer */ "react-intersection-observer");
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
+
+function useLazyLoad(lazyLoadProp) {
+  const lazyLoad = lazyLoadProp && !(typeof window.IntersectionObserver === 'undefined');
+  let [ref, inView] = react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__["useInView"]({
+    triggerOnce: true
+  });
+  if (!lazyLoad) inView = true;
+  return {
+    ref,
+    inView
+  };
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/DragHelper.ts":
+/*!*************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/DragHelper.ts ***!
+  \*************************************************************************************/
+/*! exports provided: DragHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragHelper", function() { return DragHelper; });
+const blankImage = new Image();
+blankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';
+const DragHelper = {
+  // This removes the image that appears when you drag a draggable HTML element
+  hideDragImage(event) {
+    event.dataTransfer.setDragImage(blankImage, 0, 0);
+  }
+
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=4.chunk.js.map