@clickview/lite 0.0.22-rc.1 → 0.0.22-rc.2

package/dist/scripts/0.chunk.js

@@ -1,346 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[0],{
-
-/***/ "../../libs/shared/src/components/lazy-image/LazyImage.tsx":
-/*!****************************************************************************************************!*\
-  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/lazy-image/LazyImage.tsx ***!
-  \****************************************************************************************************/
-/*! exports provided: LazyImage */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LazyImage", function() { return LazyImage; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks/UseLazyLoad */ "../../libs/shared/src/hooks/UseLazyLoad.ts");
-/* harmony import */ var _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lazy-image.scss */ "../../libs/shared/src/components/lazy-image/lazy-image.scss");
-/* harmony import */ var _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_lazy_image_scss__WEBPACK_IMPORTED_MODULE_2__);
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-var LazyImage = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (_a) {
-  var forceLoad = _a.forceLoad,
-      propsWithSrc = __rest(_a, ["forceLoad"]);
-
-  var _useLazyLoad = Object(_hooks_UseLazyLoad__WEBPACK_IMPORTED_MODULE_1__["useLazyLoad"])(),
-      ref = _useLazyLoad.ref,
-      inView = _useLazyLoad.inView;
-
-  if (!ref) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", Object.assign({
-    className: _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default.a.image,
-    alt: ''
-  }, propsWithSrc));
-
-  var src = propsWithSrc.src,
-      propsWithoutSrc = __rest(propsWithSrc, ["src"]);
-
-  var imgProps = Object.assign(Object.assign({
-    alt: ''
-  }, propsWithoutSrc), inView || forceLoad ? {
-    src: src
-  } : {});
-  if (!forceLoad) imgProps.ref = ref;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", Object.assign({
-    className: _lazy_image_scss__WEBPACK_IMPORTED_MODULE_2___default.a.image
-  }, imgProps));
-});
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/lazy-image/lazy-image.scss":
-/*!******************************************************************************************************!*\
-  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/lazy-image/lazy-image.scss ***!
-  \******************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"image":"cv--image--1YW-E"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx":
-/*!*************************************************************************************************************!*\
-  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx ***!
-  \*************************************************************************************************************/
-/*! exports provided: AspectRatio, BaseThumbnail */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AspectRatio", function() { return AspectRatio; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseThumbnail", function() { return BaseThumbnail; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
-/* harmony import */ var _lazy_image_LazyImage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../lazy-image/LazyImage */ "../../libs/shared/src/components/lazy-image/LazyImage.tsx");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
-/* harmony import */ var _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./thumbnail.scss */ "../../libs/shared/src/components/thumbnails/base/thumbnail.scss");
-/* harmony import */ var _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_thumbnail_scss__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-
-function buildThumbnailUrl(srcUrl) {
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_4__["ThumbnailSize"].Small;
-  return "".concat(srcUrl, "?size=").concat(size);
-}
-
-function getThumbnailClassName(props) {
-  var className = "thumbnail ".concat(_thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.thumbnail);
-  var aspectRatioClassName = '';
-  if (props.aspectRatio === AspectRatio.SixteenByNine) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.sixteenByNine;
-  if (props.aspectRatio === AspectRatio.NineBySixteen) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.nineBySixteen;
-  if (props.aspectRatio === AspectRatio.OneByOne) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.oneByOne;
-  if (props.aspectRatio === AspectRatio.TwoByThree) aspectRatioClassName = _thumbnail_scss__WEBPACK_IMPORTED_MODULE_5___default.a.twoByThree;
-  if (aspectRatioClassName) className += " ".concat(aspectRatioClassName);
-  if (props.className) className += " ".concat(props.className);
-  return className;
-}
-
-var AspectRatio;
-
-(function (AspectRatio) {
-  AspectRatio[AspectRatio["SixteenByNine"] = 0] = "SixteenByNine";
-  AspectRatio[AspectRatio["OneByOne"] = 1] = "OneByOne";
-  AspectRatio[AspectRatio["TwoByThree"] = 2] = "TwoByThree";
-  AspectRatio[AspectRatio["NineBySixteen"] = 3] = "NineBySixteen";
-})(AspectRatio || (AspectRatio = {}));
-
-function BaseThumbnail(props) {
-  var data = props.data,
-      size = props.size,
-      appLink = props.appLink,
-      preload = props.preload;
-  var url = '';
-
-  if (typeof data === 'string') {
-    url = data;
-  } else if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isObject(data)) {
-    url = data.url;
-  }
-
-  var thumbnailUrl = url && buildThumbnailUrl(url, size);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: getThumbnailClassName(props)
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
-    appLink: appLink
-  }, props.children, thumbnailUrl && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_lazy_image_LazyImage__WEBPACK_IMPORTED_MODULE_2__["LazyImage"], {
-    src: thumbnailUrl,
-    forceLoad: preload
-  })));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx":
-/*!*****************************************************************************************************************!*\
-  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx ***!
-  \*****************************************************************************************************************/
-/*! exports provided: ThumbnailFallbackType, ThumbnailFallbackMediaType, ThumbnailFallback */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallbackType", function() { return ThumbnailFallbackType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallbackMediaType", function() { return ThumbnailFallbackMediaType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailFallback", function() { return ThumbnailFallback; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants/SharedServices */ "../../libs/shared/src/constants/SharedServices.ts");
-/* harmony import */ var _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./thumbnail-fallback.scss */ "../../libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss");
-/* harmony import */ var _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-var ThumbnailFallbackType;
-
-(function (ThumbnailFallbackType) {
-  ThumbnailFallbackType[ThumbnailFallbackType["Video"] = 0] = "Video";
-  ThumbnailFallbackType[ThumbnailFallbackType["Playlist"] = 1] = "Playlist";
-  ThumbnailFallbackType[ThumbnailFallbackType["Series"] = 2] = "Series";
-  ThumbnailFallbackType[ThumbnailFallbackType["Subject"] = 3] = "Subject";
-  ThumbnailFallbackType[ThumbnailFallbackType["TallSubject"] = 4] = "TallSubject";
-})(ThumbnailFallbackType || (ThumbnailFallbackType = {}));
-
-var ThumbnailFallbackMediaType;
-
-(function (ThumbnailFallbackMediaType) {
-  ThumbnailFallbackMediaType[ThumbnailFallbackMediaType["Svg"] = 0] = "Svg";
-  ThumbnailFallbackMediaType[ThumbnailFallbackMediaType["Image"] = 1] = "Image";
-})(ThumbnailFallbackMediaType || (ThumbnailFallbackMediaType = {}));
-
-function getContainerClass(type, objectType) {
-  if (objectType === ThumbnailFallbackType.Subject) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectFallbackContainer;
-  if (type === ThumbnailFallbackMediaType.Svg) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.svgFallbackContainer;
-  return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.baseFallbackContainer;
-}
-
-function getClassByType(type) {
-  if (type === ThumbnailFallbackType.Video) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.videoFallback;
-  if (type === ThumbnailFallbackType.Playlist) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.playlistFallback;
-  if (type === ThumbnailFallbackType.Series || type === ThumbnailFallbackType.TallSubject) return _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.posterFallback;
-  if (type === ThumbnailFallbackType.Subject) return "".concat(_thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectFallback, " svg-container d-inline-block");
-  return '';
-}
-
-function getMedia(type, imageUrls) {
-  if (type === ThumbnailFallbackType.Video) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Play;
-  if (type === ThumbnailFallbackType.Playlist) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Playlist;
-  if (type === ThumbnailFallbackType.Series) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Series;
-  if (type === ThumbnailFallbackType.Subject || type === ThumbnailFallbackType.TallSubject) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Subject;
-  return '';
-}
-
-function getSize(type) {
-  if (type === ThumbnailFallbackType.Subject) return _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].ExtraLarge;
-  return _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Standard;
-}
-
-ThumbnailFallback.defaultProps = {
-  mediaType: ThumbnailFallbackMediaType.Svg
-};
-function ThumbnailFallback(props) {
-  var type = props.type,
-      mediaType = props.mediaType,
-      extraClasses = props.extraClasses;
-  var imageUrlService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__["useService"])(_constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__["SharedServices"].ImageUrl);
-  var imageUrls = imageUrlService.getImageUrls();
-  var typeClass = getClassByType(type);
-  var media = getMedia(type, imageUrls);
-  var size = getSize(type);
-  var className = "".concat(getContainerClass(mediaType, type));
-  if (extraClasses) className += " ".concat(props.extraClasses);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: className
-  }, mediaType === ThumbnailFallbackMediaType.Svg ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: media,
-    className: typeClass,
-    tagName: 'div',
-    size: size
-  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: _thumbnail_fallback_scss__WEBPACK_IMPORTED_MODULE_5___default.a.fallbackThumbnailImage,
-    style: {
-      backgroundImage: "url('".concat(media, "')")
-    }
-  }));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss":
-/*!*******************************************************************************************************************!*\
-  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss ***!
-  \*******************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"baseFallbackContainer":"cv--baseFallbackContainer--1wRjB","svgFallbackContainer":"cv--svgFallbackContainer--2t1jq","subjectFallbackContainer":"cv--subjectFallbackContainer--12D74","videoFallback":"cv--videoFallback--6BPy-","subjectFallback":"cv--subjectFallback--2Srdd","playlistFallback":"cv--playlistFallback--1slQX","posterFallback":"cv--posterFallback--i0o8n","fallbackThumbnailImage":"cv--fallbackThumbnailImage--2L_tV"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/base/thumbnail.scss":
-/*!**********************************************************************************************************!*\
-  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail.scss ***!
-  \**********************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"thumbnail":"cv--thumbnail--3lfBf","sixteenByNine":"cv--sixteenByNine--2LqZ8","nineBySixteen":"cv--nineBySixteen--136ry","oneByOne":"cv--oneByOne--2wYLa","twoByThree":"cv--twoByThree--1eC6Q"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/enums/ThumbnailSize.ts":
-/*!***************************************************************************************!*\
-  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/enums/ThumbnailSize.ts ***!
-  \***************************************************************************************/
-/*! exports provided: ThumbnailSize */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailSize", function() { return ThumbnailSize; });
-var ThumbnailSize;
-
-(function (ThumbnailSize) {
-  ThumbnailSize["Small"] = "small";
-  ThumbnailSize["Medium"] = "medium";
-  ThumbnailSize["Large"] = "large";
-  ThumbnailSize["Raw"] = "raw";
-})(ThumbnailSize || (ThumbnailSize = {}));
-
-/***/ }),
-
-/***/ "../../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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-function useLazyLoad(prevent) {
-  var _ReactIntersectionObs = react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__["useInView"]({
-    triggerOnce: true
-  }),
-      _ReactIntersectionObs2 = _slicedToArray(_ReactIntersectionObs, 2),
-      ref = _ReactIntersectionObs2[0],
-      inView = _ReactIntersectionObs2[1];
-
-  if (prevent === true || typeof window.IntersectionObserver === 'undefined') {
-    inView = true;
-    ref = null;
-  }
-
-  return {
-    ref: ref,
-    inView: inView
-  };
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=0.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/lazy-image/LazyImage.tsx","webpack://@clickview/lite/C:/ClickView Projects/clickview/packages/libs/shared/src/components/lazy-image/lazy-image.scss?6fe7","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx","webpack://@clickview/lite/C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail-fallback.scss?2782","webpack://@clickview/lite/C:/ClickView Projects/clickview/packages/libs/shared/src/components/thumbnails/base/thumbnail.scss?4b27","file://C:/ClickView Projects/clickview/packages/libs/shared/src/enums/ThumbnailSize.ts","file://C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseLazyLoad.ts"],"names":[],"mappings":"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","file":"scripts/0.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\r\n\r\nimport styles from './lazy-image.scss';\r\n\r\ninterface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\r\n  forceLoad?: boolean;\r\n}\r\n\r\nexport const LazyImage = React.memo(function({ forceLoad, ...propsWithSrc }: LazyImageProps): React.ReactElement {\r\n  const { ref, inView } = useLazyLoad();\r\n\r\n  if (!ref)\r\n    return <img className={styles.image} alt='' {...propsWithSrc} />;\r\n\r\n  const { src, ...propsWithoutSrc } = propsWithSrc;\r\n\r\n  const imgProps: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> = {\r\n    alt: '',\r\n    ...propsWithoutSrc,\r\n    ...((inView || forceLoad) ? { src } : {})\r\n  };\r\n\r\n  if (!forceLoad)\r\n    imgProps.ref = ref;\r\n\r\n  return (\r\n    <img className={styles.image} {...imgProps} />\r\n  );\r\n});","// extracted by mini-css-extract-plugin\nmodule.exports = {\"image\":\"cv--image--1YW-E\"};","import * as _ from 'underscore';\r\nimport * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\n\r\nimport { Image } from 'libs/shared/interfaces';\r\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { ThumbnailSize } from 'libs/shared/enums/ThumbnailSize';\r\n\r\nimport styles from './thumbnail.scss';\r\n\r\nfunction buildThumbnailUrl(srcUrl: string, size: ThumbnailSize = ThumbnailSize.Small): string {\r\n  return `${srcUrl}?size=${size}`;\r\n}\r\n\r\nfunction getThumbnailClassName(props: ThumbnailProps): string {\r\n  let className = `thumbnail ${styles.thumbnail}`;\r\n\r\n  let aspectRatioClassName = '';\r\n\r\n  if (props.aspectRatio === AspectRatio.SixteenByNine)\r\n    aspectRatioClassName = styles.sixteenByNine;\r\n\r\n  if (props.aspectRatio === AspectRatio.NineBySixteen)\r\n    aspectRatioClassName = styles.nineBySixteen;\r\n\r\n  if (props.aspectRatio === AspectRatio.OneByOne)\r\n    aspectRatioClassName = styles.oneByOne;\r\n\r\n  if (props.aspectRatio === AspectRatio.TwoByThree)\r\n    aspectRatioClassName = styles.twoByThree;\r\n\r\n  if (aspectRatioClassName)\r\n    className += ` ${aspectRatioClassName}`;\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return className;\r\n}\r\n\r\nexport enum AspectRatio {\r\n  SixteenByNine,\r\n  OneByOne,\r\n  TwoByThree,\r\n  NineBySixteen\r\n}\r\n\r\ninterface ThumbnailProps {\r\n  data: Image | string;\r\n  size?: ThumbnailSize;\r\n  appLink?: Core.AppLink;\r\n  aspectRatio?: AspectRatio;\r\n  className?: string;\r\n  preload?: boolean;\r\n}\r\n\r\nexport function BaseThumbnail(props: React.PropsWithChildren<ThumbnailProps>): React.ReactElement {\r\n  const { data, size, appLink, preload } = props;\r\n\r\n  let url = '';\r\n\r\n  if (typeof data === 'string') {\r\n    url = data;\r\n  } else if (ObjectHelper.isObject(data)) {\r\n    url = data.url;\r\n  }\r\n\r\n  const thumbnailUrl = url && buildThumbnailUrl(url, size);\r\n\r\n  return (\r\n    <div className={getThumbnailClassName(props)}>\r\n      <AppLink appLink={appLink}>\r\n        {props.children}\r\n        {thumbnailUrl && <LazyImage src={thumbnailUrl} forceLoad={preload} />}\r\n      </AppLink>\r\n    </div>\r\n  );\r\n}\r\n\r\n","import * as React from 'react';\r\n\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { ImageUrls } from 'libs/shared/interfaces';\r\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\r\nimport { ImageUrlService } from 'libs/shared/services/ImageUrlService';\r\n\r\nimport styles from './thumbnail-fallback.scss';\r\n\r\nexport enum ThumbnailFallbackType {\r\n  Video,\r\n  Playlist,\r\n  Series,\r\n  Subject,\r\n  TallSubject\r\n}\r\n\r\nexport enum ThumbnailFallbackMediaType {\r\n  Svg,\r\n  Image\r\n}\r\n\r\nfunction getContainerClass(type: ThumbnailFallbackMediaType, objectType: ThumbnailFallbackType): string {\r\n  if (objectType === ThumbnailFallbackType.Subject)\r\n    return styles.subjectFallbackContainer;\r\n\r\n  if (type === ThumbnailFallbackMediaType.Svg)\r\n    return styles.svgFallbackContainer;\r\n\r\n  return styles.baseFallbackContainer;\r\n}\r\n\r\nfunction getClassByType(type: ThumbnailFallbackType): string {\r\n  if (type === ThumbnailFallbackType.Video)\r\n    return styles.videoFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Playlist)\r\n    return styles.playlistFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Series || type === ThumbnailFallbackType.TallSubject)\r\n    return styles.posterFallback;\r\n\r\n  if (type === ThumbnailFallbackType.Subject)\r\n    return `${styles.subjectFallback} svg-container d-inline-block`;\r\n\r\n  return '';\r\n}\r\n\r\nfunction getMedia(type: ThumbnailFallbackType, imageUrls: ImageUrls): string {\r\n  if (type === ThumbnailFallbackType.Video)\r\n    return cvSvgLibrary.Play;\r\n\r\n  if (type === ThumbnailFallbackType.Playlist)\r\n    return cvSvgLibrary.Playlist;\r\n\r\n  if (type === ThumbnailFallbackType.Series)\r\n    return cvSvgLibrary.Series;\r\n\r\n  if (type === ThumbnailFallbackType.Subject || type === ThumbnailFallbackType.TallSubject)\r\n    return cvSvgLibrary.Subject;\r\n\r\n  return '';\r\n}\r\n\r\nfunction getSize(type: ThumbnailFallbackType): SvgContainerSize {\r\n  if (type === ThumbnailFallbackType.Subject)\r\n    return SvgContainerSize.ExtraLarge;\r\n\r\n  return SvgContainerSize.Standard;\r\n}\r\n\r\ninterface ThumbnailFallbackProps {\r\n  type: ThumbnailFallbackType;\r\n  mediaType?: ThumbnailFallbackMediaType;\r\n  extraClasses?: string;\r\n}\r\n\r\nThumbnailFallback.defaultProps = {\r\n  mediaType: ThumbnailFallbackMediaType.Svg\r\n};\r\n\r\nexport function ThumbnailFallback(props: ThumbnailFallbackProps): JSX.Element {\r\n  const { type, mediaType, extraClasses } = props;\r\n\r\n  const imageUrlService = useService<ImageUrlService>(SharedServices.ImageUrl);\r\n  const imageUrls = imageUrlService.getImageUrls();\r\n\r\n  const typeClass = getClassByType(type);\r\n  const media = getMedia(type, imageUrls);\r\n  const size = getSize(type);\r\n\r\n  let className = `${getContainerClass(mediaType, type)}`;\r\n\r\n  if (extraClasses)\r\n    className += ` ${props.extraClasses}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      {mediaType === ThumbnailFallbackMediaType.Svg\r\n        ? <SvgContainer\r\n            svgName={media}\r\n            className={ typeClass }\r\n            tagName='div'\r\n            size={size}\r\n          />\r\n        : <div className={styles.fallbackThumbnailImage} style={{ backgroundImage: `url('${media}')` }} />\r\n      }\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"baseFallbackContainer\":\"cv--baseFallbackContainer--1wRjB\",\"svgFallbackContainer\":\"cv--svgFallbackContainer--2t1jq\",\"subjectFallbackContainer\":\"cv--subjectFallbackContainer--12D74\",\"videoFallback\":\"cv--videoFallback--6BPy-\",\"subjectFallback\":\"cv--subjectFallback--2Srdd\",\"playlistFallback\":\"cv--playlistFallback--1slQX\",\"posterFallback\":\"cv--posterFallback--i0o8n\",\"fallbackThumbnailImage\":\"cv--fallbackThumbnailImage--2L_tV\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"thumbnail\":\"cv--thumbnail--3lfBf\",\"sixteenByNine\":\"cv--sixteenByNine--2LqZ8\",\"nineBySixteen\":\"cv--nineBySixteen--136ry\",\"oneByOne\":\"cv--oneByOne--2wYLa\",\"twoByThree\":\"cv--twoByThree--1eC6Q\"};","export enum ThumbnailSize {\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n  Raw = 'raw'\r\n}","import * as ReactIntersectionObserver from 'react-intersection-observer';\r\n\r\ninterface LazyUtils {\r\n  ref: (node?: Element) => void | null;\r\n  inView: boolean;\r\n}\r\n\r\nexport function useLazyLoad(prevent?: boolean): LazyUtils {\r\n  let [ ref, inView ] = ReactIntersectionObserver.useInView({ triggerOnce: true });\r\n\r\n  if (prevent === true || typeof (window as any).IntersectionObserver === 'undefined') {\r\n    inView = true;\r\n    ref = null;\r\n  }\r\n\r\n  return { ref, inView };\r\n}"],"sourceRoot":""}