@clickview/lite 0.0.18-rc.2 → 0.0.18

package/dist/scripts/16.chunk.js

@@ -1,648 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[16],{
-
-/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx":
-/*!*********************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx ***!
-  \*********************************************************************************************************************************/
-/*! exports provided: PartialPlaylistList */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialPlaylistList", function() { return PartialPlaylistList; });
-/* 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 _playlist_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist.scss */ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss");
-/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_playlist_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-PartialPlaylistList.defaultProps = {
-  numItems: 8
-};
-function PartialPlaylistList(props) {
-  const PARTIAL_PLAYLISTS = [...Array(props.numItems)];
-  const className = props.itemClassName || '';
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.showHeading && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: `${_playlist_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialHeading} partial-loading-background`
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, PARTIAL_PLAYLISTS.map((p, idx) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
-    key: idx,
-    xs: 6,
-    sm: 4,
-    md: 3,
-    lg: 2,
-    className: className
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'py-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: `${_playlist_scss__WEBPACK_IMPORTED_MODULE_2___default.a.basePlaylistItem} partial-loading-background`
-  }))))));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.tsx":
-/*!*********************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.tsx ***!
-  \*********************************************************************************************************************/
-/*! exports provided: DynamicWidget, PartialDynamicWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DynamicWidget", function() { return DynamicWidget; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialDynamicWidget", function() { return PartialDynamicWidget; });
-/* 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_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
-/* harmony import */ var _hooks_UseResizeListener__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../hooks/UseResizeListener */ "../../libs/shared/src/hooks/UseResizeListener.ts");
-/* harmony import */ var _hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks/UseLazyLoad */ "../../libs/shared/src/hooks/UseLazyLoad.ts");
-/* harmony import */ var _enums_CssMeasurement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../enums/CssMeasurement */ "../../libs/shared/src/enums/CssMeasurement.ts");
-/* harmony import */ var _widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../widget-button/WidgetButton */ "../../libs/shared/src/components/widgets/widget-button/WidgetButton.tsx");
-/* harmony import */ var _items_subject_widget_item_PartialSubjectWidgetItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../items/subject-widget-item/PartialSubjectWidgetItem */ "../../libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx");
-/* harmony import */ var _sliding_list_SlidingListContainer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../sliding-list/SlidingListContainer */ "../../libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx");
-/* harmony import */ var _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../enums/WidgetInteraction */ "../../libs/shared/src/enums/WidgetInteraction.ts");
-/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/PartialLoadingHelper */ "../../libs/shared/src/utils/PartialLoadingHelper.ts");
-/* harmony import */ var _DynamicWidgetEventHandlers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./DynamicWidgetEventHandlers */ "../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetEventHandlers.ts");
-/* harmony import */ var _DynamicWidgetReducer__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./DynamicWidgetReducer */ "../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetReducer.tsx");
-/* harmony import */ var _dynamic_widget_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./dynamic-widget.scss */ "../../libs/shared/src/components/widgets/dynamic-widget/dynamic-widget.scss");
-/* harmony import */ var _dynamic_widget_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_dynamic_widget_scss__WEBPACK_IMPORTED_MODULE_15__);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const namespace = 'shared.dynamicWidget';
-function DynamicWidget(props) {
-  const {
-    childComponent: WidgetItemComponent,
-    endComponent: EndComponent
-  } = props;
-  const [state, dispatch] = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](_DynamicWidgetReducer__WEBPACK_IMPORTED_MODULE_14__["DynamicWidgetReducer"], _DynamicWidgetReducer__WEBPACK_IMPORTED_MODULE_14__["initialSliderState"]); // A snapshot of the widget state is captured on the very first `Drag` event as a point of reference
-
-  const [widgetSnapshot, setWidgetSnapshot] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](null);
-  const elementRefs = {
-    container: react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null),
-    firstElement: react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null),
-    lastElement: react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null)
-  };
-  Object(_hooks_UseResizeListener__WEBPACK_IMPORTED_MODULE_4__["useResizeListener"])(Object(_DynamicWidgetEventHandlers__WEBPACK_IMPORTED_MODULE_13__["getResizeHandler"])(elementRefs, dispatch), Object(_DynamicWidgetEventHandlers__WEBPACK_IMPORTED_MODULE_13__["getResizeEndHandler"])(elementRefs.container));
-  const {
-    ref,
-    inView
-  } = Object(_hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_5__["useLazyLoad"])(props.lazyLoad);
-  let widgetData = props.collection;
-  if (!props.collection && _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.fetch)) widgetData = props.fetch(inView);
-  /**
-   * Once the widget data has been set, we can initialize the reducer. This is because
-   * the reducer depends on the refs being set, but they don't get set until the markup has been loaded.
-   */
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    if (!widgetData || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(widgetData)) return;
-    dispatch({
-      type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_10__["WidgetInteraction"].Init,
-      payload: elementRefs
-    });
-  }, [widgetData]);
-
-  function getWidgetItems() {
-    if (!widgetData) return;
-    const items = widgetData.map(widgetItem => {
-      let itemRef;
-      if (widgetItem === _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__["ArrayHelper"].first(widgetData)) itemRef = elementRefs.firstElement;
-      if (widgetItem === _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__["ArrayHelper"].last(widgetData) && !EndComponent) itemRef = elementRefs.lastElement;
-      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-        key: widgetItem.id,
-        ref: itemRef,
-        className: _dynamic_widget_scss__WEBPACK_IMPORTED_MODULE_15___default.a.itemSpacing
-      }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](WidgetItemComponent, {
-        data: widgetItem,
-        appLink: props.childAppLink
-      }));
-    });
-    if (EndComponent) items.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-      key: 'end-widget-component',
-      ref: elementRefs.lastElement,
-      className: _dynamic_widget_scss__WEBPACK_IMPORTED_MODULE_15___default.a.itemSpacing
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](EndComponent, null)));
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, items);
-  }
-
-  const widgetItems = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](getWidgetItems, [widgetData]);
-  if (widgetData && !widgetData.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-
-  if (!widgetData || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(widgetData)) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-      ref: ref
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PartialDynamicWidget, null));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.headingPhraseKey && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h4", {
-    className: 'd-inline-block mr-2 pl-1 mb-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_11__["Text"], {
-    namespace: namespace,
-    phrase: props.headingPhraseKey
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'position-relative px-1'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_7__["WidgetButton"], {
-    direction: _widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_7__["WidgetButtonDirection"].Left,
-    onClick: () => dispatch({
-      type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_10__["WidgetInteraction"].Previous
-    }),
-    hide: state.hideLeftButton,
-    useGradientBackdrop: true
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'overflow-hidden'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_sliding_list_SlidingListContainer__WEBPACK_IMPORTED_MODULE_9__["SlidingListContainer"], {
-    position: state.offset,
-    positionType: _enums_CssMeasurement__WEBPACK_IMPORTED_MODULE_6__["CssMeasurement"].Pixels,
-    onDrag: Object(_DynamicWidgetEventHandlers__WEBPACK_IMPORTED_MODULE_13__["getDragHandler"])(elementRefs.container, state, dispatch, widgetSnapshot, setWidgetSnapshot),
-    onDragEnd: Object(_DynamicWidgetEventHandlers__WEBPACK_IMPORTED_MODULE_13__["getDragEndHandler"])(elementRefs.container, setWidgetSnapshot),
-    onTouchMove: Object(_DynamicWidgetEventHandlers__WEBPACK_IMPORTED_MODULE_13__["getTouchMoveHandler"])(elementRefs.container, state, dispatch, widgetSnapshot, setWidgetSnapshot),
-    onTouchEnd: Object(_DynamicWidgetEventHandlers__WEBPACK_IMPORTED_MODULE_13__["getTouchEndHandler"])(elementRefs.container, setWidgetSnapshot),
-    ref: elementRefs.container
-  }, widgetItems)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_7__["WidgetButton"], {
-    direction: _widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_7__["WidgetButtonDirection"].Right,
-    onClick: () => dispatch({
-      type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_10__["WidgetInteraction"].Next
-    }),
-    hide: state.hideRightButton,
-    useGradientBackdrop: true
-  })));
-}
-const PARTIAL_WIDGET_ITEMS = _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_12__["PartialLoadingHelper"].getPartialLoadingItems();
-const PartialDynamicWidget = () => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-  className: 'pb-3 d-flex flex-nowrap'
-}, PARTIAL_WIDGET_ITEMS.map((item, idx) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_items_subject_widget_item_PartialSubjectWidgetItem__WEBPACK_IMPORTED_MODULE_8__["PartialSubjectWidgetItem"], {
-  key: idx
-})));
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetEventHandlers.ts":
-/*!*********************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetEventHandlers.ts ***!
-  \*********************************************************************************************************************************/
-/*! exports provided: getResizeHandler, getResizeEndHandler, getDragHandler, getTouchMoveHandler, getDragEndHandler, getTouchEndHandler */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getResizeHandler", function() { return getResizeHandler; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getResizeEndHandler", function() { return getResizeEndHandler; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDragHandler", function() { return getDragHandler; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTouchMoveHandler", function() { return getTouchMoveHandler; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDragEndHandler", function() { return getDragEndHandler; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTouchEndHandler", function() { return getTouchEndHandler; });
-/* harmony import */ var _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../enums/WidgetInteraction */ "../../libs/shared/src/enums/WidgetInteraction.ts");
-
-/**
- * Resize events
- */
-
-const getResizeHandler = (elementRefs, dispatch) => () => {
-  if (elementRefs.container.current) elementRefs.container.current.style.transition = '';
-  dispatch({
-    type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__["WidgetInteraction"].Resize,
-    payload: elementRefs
-  });
-};
-const getResizeEndHandler = containerRef => () => {
-  if (containerRef.current) containerRef.current.style.transition = 'transform 500ms ease-in-out 100ms';
-};
-/**
- * Touch / Drag start events
- */
-
-const getDragHandler = (containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot) => event => {
-  const mouseX = event.clientX;
-  handleDragOrTouchMove(mouseX, containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot);
-};
-const getTouchMoveHandler = (containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot) => event => {
-  const firstTouch = event.touches.item(0);
-  const touchX = firstTouch.clientX;
-  handleDragOrTouchMove(touchX, containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot);
-};
-
-function handleDragOrTouchMove(xCoord, containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot) {
-  let snapshot = widgetSnapshot;
-
-  if (!snapshot) {
-    snapshot = Object.assign(Object.assign({}, widgetState), {
-      initialMouseX: xCoord
-    });
-    setWidgetSnapshot(snapshot);
-    containerRef.current.style.transition = '';
-  }
-
-  dispatch({
-    type: _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__["WidgetInteraction"].Drag,
-    payload: {
-      widgetSnapshot: snapshot,
-      currentMouseX: xCoord
-    }
-  });
-}
-/**
- * Touch / Drag end events
- */
-
-
-const getDragEndHandler = (containerRef, setWidgetSnapshot) => () => {
-  containerRef.current.style.transition = 'transform 500ms ease-in-out 100ms';
-  setWidgetSnapshot(null);
-};
-const getTouchEndHandler = getDragEndHandler;
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetReducer.tsx":
-/*!****************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetReducer.tsx ***!
-  \****************************************************************************************************************************/
-/*! exports provided: initialSliderState, DynamicWidgetReducer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initialSliderState", function() { return initialSliderState; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DynamicWidgetReducer", function() { return DynamicWidgetReducer; });
-/* harmony import */ var _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../enums/WidgetInteraction */ "../../libs/shared/src/enums/WidgetInteraction.ts");
-
-const MAX_SLIDE_DISTANCE = 500; // px
-
-/**
- * `null` values are initialized in the `Init` action. This is dispatched
- * later, because it uses JQuery elements that aren't immediately available
- * when `useReducer` is called.
- */
-
-const initialSliderState = {
-  offset: 0,
-  containerLeftPosition: null,
-  containerRightPosition: null,
-  firstElementPosition: null,
-  lastElementPosition: null,
-  hideLeftButton: true,
-  hideRightButton: true,
-  maxSlideDistance: MAX_SLIDE_DISTANCE,
-  leftOffsetLimit: null
-};
-
-function onInit(payload) {
-  const {
-    container = {},
-    lastElement = {}
-  } = payload;
-  if (!container.current || !lastElement.current) return initialSliderState;
-  const containerLeftPosition = payload.container.current.getBoundingClientRect().left;
-  const containerRightPosition = payload.container.current.getBoundingClientRect().right;
-  const firstElementPosition = containerLeftPosition;
-  const lastElementPosition = payload.lastElement.current.getBoundingClientRect().right;
-  const leftOffsetLimit = containerRightPosition - lastElementPosition;
-  return Object.assign(Object.assign({}, initialSliderState), {
-    containerLeftPosition,
-    containerRightPosition,
-    firstElementPosition,
-    lastElementPosition,
-    hideRightButton: lastElementPosition < containerRightPosition,
-    leftOffsetLimit
-  });
-}
-
-function onNext(prevState) {
-  const {
-    firstElementPosition,
-    lastElementPosition,
-    maxSlideDistance,
-    offset,
-    containerRightPosition
-  } = prevState;
-  /**
-   * The distance in pixels that the slider will move along the x-axis.
-   * This will be the `maxSlideDistance` constant value, or if that value is too large we calculate
-   * the remaining overflowing space and only slide by that amount.
-   */
-
-  const slideDistance = lastElementPosition - containerRightPosition >= maxSlideDistance ? maxSlideDistance : lastElementPosition - containerRightPosition;
-  return {
-    firstElementPosition: firstElementPosition - slideDistance,
-    lastElementPosition: lastElementPosition - slideDistance,
-    offset: offset - slideDistance,
-    hideRightButton: lastElementPosition - slideDistance === containerRightPosition,
-    hideLeftButton: false
-  };
-}
-
-function onPrevious(prevState) {
-  const {
-    containerLeftPosition,
-    firstElementPosition,
-    lastElementPosition,
-    maxSlideDistance,
-    offset
-  } = prevState;
-  const fullSlide = firstElementPosition + maxSlideDistance <= containerLeftPosition;
-  const slideDistance = fullSlide ? maxSlideDistance : Math.abs(offset);
-  return {
-    firstElementPosition: firstElementPosition + slideDistance,
-    lastElementPosition: lastElementPosition + slideDistance,
-    offset: offset + slideDistance,
-    hideLeftButton: !fullSlide || firstElementPosition + slideDistance === containerLeftPosition,
-    hideRightButton: false
-  };
-}
-
-function onDrag(prevState, payload) {
-  const {
-    widgetSnapshot,
-    currentMouseX
-  } = payload; // Disable dragging if the slider isn't long enough
-
-  if (widgetSnapshot.hideLeftButton && widgetSnapshot.hideRightButton) return {}; // The distance from the initial `MouseDown` event x-coordinate, to the present x-coordinate
-
-  const dragDistance = widgetSnapshot.initialMouseX - currentMouseX;
-  let offset = widgetSnapshot.offset - dragDistance;
-  let firstElementPosition = widgetSnapshot.firstElementPosition - dragDistance;
-  let lastElementPosition = widgetSnapshot.lastElementPosition - dragDistance;
-  let hideLeftButton = false;
-  let hideRightButton = false;
-
-  if (firstElementPosition > prevState.containerLeftPosition) {
-    offset = 0;
-    firstElementPosition = prevState.containerLeftPosition;
-    lastElementPosition = prevState.lastElementPosition;
-    hideLeftButton = true;
-  }
-
-  if (lastElementPosition <= prevState.containerRightPosition) {
-    offset = prevState.leftOffsetLimit;
-    firstElementPosition = prevState.containerLeftPosition - Math.abs(prevState.leftOffsetLimit);
-    lastElementPosition = widgetSnapshot.containerRightPosition;
-    hideRightButton = true;
-  }
-
-  return {
-    offset,
-    firstElementPosition,
-    lastElementPosition,
-    hideLeftButton,
-    hideRightButton
-  };
-}
-
-function DynamicWidgetReducer(prevState, action) {
-  switch (action.type) {
-    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__["WidgetInteraction"].Init:
-    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__["WidgetInteraction"].Resize:
-      return Object.assign(Object.assign({}, prevState), onInit(action.payload));
-
-    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__["WidgetInteraction"].Next:
-      return Object.assign(Object.assign({}, prevState), onNext(prevState));
-
-    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__["WidgetInteraction"].Previous:
-      return Object.assign(Object.assign({}, prevState), onPrevious(prevState));
-
-    case _enums_WidgetInteraction__WEBPACK_IMPORTED_MODULE_0__["WidgetInteraction"].Drag:
-      return Object.assign(Object.assign({}, prevState), onDrag(prevState, action.payload));
-
-    default:
-      return prevState;
-  }
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/dynamic-widget/dynamic-widget.scss":
-/*!***********************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/dynamic-widget.scss ***!
-  \***********************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"itemSpacing":"cv--itemSpacing--10Pgb"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx":
-/*!*******************************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx ***!
-  \*******************************************************************************************************************************************/
-/*! exports provided: PartialSubjectWidgetItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialSubjectWidgetItem", function() { return PartialSubjectWidgetItem; });
-/* 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_RandomHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/RandomHelper */ "../../libs/common/src/react/utils/RandomHelper.ts");
-/* harmony import */ var _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
-/* harmony import */ var _subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./subject-widget-item.scss */ "../../libs/shared/src/components/widgets/items/subject-widget-item/subject-widget-item.scss");
-/* harmony import */ var _subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-const PartialSubjectWidgetItem = () => {
-  const [width] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__["RandomHelper"].getRandomInt(5) + 3 + 'rem');
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: `border d-flex position-relative mr-2 ${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.widgetItem}`
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: _subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.imagePanel
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'px-2',
-    style: {
-      width
-    }
-  }, "\u00A0"), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_2__["ThumbnailFallback"], {
-    type: _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_2__["ThumbnailFallbackType"].Subject
-  }));
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx":
-/*!************************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx ***!
-  \************************************************************************************************************************************/
-/*! exports provided: SubjectWidgetItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectWidgetItem", 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_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
-/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
-/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
-/* 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 _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
-/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./subject-widget-item.scss */ "../../libs/shared/src/components/widgets/items/subject-widget-item/subject-widget-item.scss");
-/* harmony import */ var _subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-
-const namespace = 'shared.subjectWidgetItem';
-
-const ComingSoonNamePanel = ({
-  name,
-  multiline
-}) => {
-  let wrapperClassName = `${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.comingSoonPanel} px-3 text-center mt-3`;
-  let textClassName = `${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.name} h6 mb-0 pb-1`;
-
-  if (!multiline) {
-    wrapperClassName += ' text-nowrap';
-    textClassName += ' text-truncate';
-  } else {
-    textClassName += ` ${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.clamped} clamp-2`;
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: wrapperClassName
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("small", {
-    className: 'text-muted'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
-    namespace: namespace,
-    phrase: 'comingSoon'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
-    className: textClassName
-  }, name));
-};
-
-const NormalNamePanel = ({
-  name,
-  multiline
-}) => {
-  let wrapperClassName = 'px-3 text-center d-flex align-items-center';
-  let textClassName = `${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.name} h6 mb-0 pb-1`;
-
-  if (!multiline) {
-    wrapperClassName += ' text-nowrap text-truncate';
-    textClassName += ' text-truncate';
-  } else {
-    textClassName += ` ${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.clamped} clamp-2 text-left`;
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: wrapperClassName
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
-    className: textClassName
-  }, name));
-};
-
-function SubjectWidgetItem(props) {
-  var _a;
-
-  const appLink = Object.assign(Object.assign({}, props.appLink), {
-    args: [props.data.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(props.data.name)]
-  });
-  const coverUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createUrl((_a = props.data.cover) === null || _a === void 0 ? void 0 : _a.url, {
-    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Small
-  });
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
-    appLink: appLink
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: `border d-flex position-relative ${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.widgetItem}`,
-    id: props.data.id
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: `${_subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.imagePanel} ${props.isLarge ? _subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.large : ''}`,
-    style: {
-      backgroundImage: `url('${coverUrl}')`
-    }
-  }), props.data.comingSoon ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ComingSoonNamePanel, {
-    name: props.data.name,
-    multiline: props.isLarge
-  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](NormalNamePanel, {
-    name: props.data.name,
-    multiline: props.isLarge
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__["ThumbnailFallback"], {
-    type: _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__["ThumbnailFallbackType"].Subject,
-    extraClasses: props.isLarge ? _subject_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.large : ''
-  })));
-}
-
-const Memoized = react__WEBPACK_IMPORTED_MODULE_0__["memo"](SubjectWidgetItem);
-
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/items/subject-widget-item/subject-widget-item.scss":
-/*!***************************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/subject-widget-item.scss ***!
-  \***************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"widgetItem":"cv--widgetItem--1oyw1","imagePanel":"cv--imagePanel--1UOVG","large":"cv--large--1EtWs","comingSoonPanel":"cv--comingSoonPanel--3js2e","name":"cv--name--3csgE","clamped":"cv--clamped--1y2oG","editSubjectsItem":"cv--editSubjectsItem--1yBMf"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseResizeListener.ts":
-/*!********************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseResizeListener.ts ***!
-  \********************************************************************************************/
-/*! exports provided: useResizeListener */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useResizeListener", function() { return useResizeListener; });
-/* 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__);
-
-/**
- * Hook function for listening to scroll events
- * @param onResize - gets called on resize.
- * @param onResizeEnd (optional) - gets called 100ms after the last resize event. Timer restarts everytime the callback
- * runs so that endCallback only fires after a stretch of resize events.
- * @param dependencies - values from the component (e.g. state, props and functions) that are used
- * inside the effect hook.
- */
-
-function useResizeListener(onResize, onResizeEnd, dependencies = []) {
-  let resizeTimeout;
-
-  const onResizeModified = () => {
-    onResize();
-    window.clearTimeout(resizeTimeout);
-    resizeTimeout = window.setTimeout(onResizeEnd, 100);
-  };
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    window.addEventListener('resize', onResizeEnd ? onResizeModified : onResize);
-    return () => window.removeEventListener('resize', onResizeEnd ? onResizeModified : onResize);
-  }, [...dependencies]);
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=16.chunk.js.map