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

package/dist/css/7.chunk.css

@@ -0,0 +1,94 @@
+.cv--radioFilter--3srm_ {
+  margin: 0.3125rem 0; }
+  .cv--radioFilter--3srm_ label::after {
+    cursor: pointer; }
+
+.cv--partialFilterHeading--2zHGT {
+  height: 1.5rem;
+  width: 3.5rem; }
+
+.cv--partialButton--3Gy7Y {
+  height: 2.2rem;
+  width: 5rem; }
+
+.cv--width--wNWEd {
+  width: 20%; }
+
+@media (max-width: 1199px) {
+  .cv--width--wNWEd {
+    width: 20%; } }
+
+@media (max-width: 991px) {
+  .cv--width--wNWEd {
+    width: 25%; } }
+
+@media (max-width: 767px) {
+  .cv--width--wNWEd {
+    width: 33.33333%; } }
+
+@media (max-width: 575px) {
+  .cv--width--wNWEd {
+    width: 50%; } }
+
+.cv--filterButton--2LJ1G {
+  font-weight: 500; }
+
+.cv--hideCaret--2OStB::after {
+  display: none; }
+
+.cv--filterItem--13K5j {
+  min-width: 10rem; }
+
+.cv--partialLoadingHeading--1RLPq {
+  width: 12rem;
+  height: 2rem; }
+
+.cv--partialLoading--oArG4 {
+  width: 100%;
+  padding-bottom: 200%;
+  position: relative; }
+
+.cv--labelContainer--QLCgm {
+  z-index: 1;
+  bottom: 0.625rem;
+  left: 50%;
+  transform: translate(-50%, 0%); }
+
+.cv--hoverActive--3Aleb {
+  transform: translate3D(0, -1px, 0) scale(1.01);
+  transition: all .1s ease;
+  cursor: pointer; }
+  .cv--hoverActive--3Aleb:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -0.3125rem;
+    right: -0.3125rem;
+    bottom: 0;
+    margin: 0 0.3125rem;
+    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0) 100%); }
+
+.cv--mask--2M2Zz {
+  z-index: 2;
+  position: absolute;
+  bottom: 0.625rem;
+  right: 0;
+  left: 0; }
+
+.cv--width--TQg2K {
+  width: 25%; }
+
+@media (max-width: 767px) {
+  .cv--width--TQg2K {
+    width: 33.33333%; } }
+
+@media (max-width: 575px) {
+  .cv--width--TQg2K {
+    width: 50%; } }
+
+@media (max-width: 0) {
+  .cv--width--TQg2K {
+    width: 100%; } }
+
+
+/*# sourceMappingURL=7.chunk.css.map*/

package/dist/css/7.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/search/components/filter-types/radio-filter/radio-filter.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/search/components/search-filters/search-filters.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/widgets/items/playlist-widget-item/playlist-widget-item.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/search/components/filter-button/filter-button.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss"],"names":[],"mappings":"AAAA;AACA,sBAAsB;AACtB;AACA,oBAAoB;;ACHpB;AACA;AACA,gBAAgB;;AAEhB;AACA;AACA,cAAc;;ACNd;AACA,aAAa;;AAEb;AACA;AACA,eAAe,EAAE;;AAEjB;AACA;AACA,eAAe,EAAE;;AAEjB;AACA;AACA,qBAAqB,EAAE;;AAEvB;AACA;AACA,eAAe,EAAE;;ACjBjB;AACA,mBAAmB;;AAEnB;AACA,gBAAgB;;AAEhB;AACA,mBAAmB;;ACPnB;AACA;AACA,eAAe;;AAEf;AACA;AACA;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA,iCAAiC;;AAEjC;AACA;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mJAAmJ;;AAEnJ;AACA;AACA;AACA;AACA;AACA,UAAU;;AAEV;AACA,aAAa;;AAEb;AACA;AACA,qBAAqB,EAAE;;AAEvB;AACA;AACA,eAAe,EAAE;;AAEjB;AACA;AACA,gBAAgB,EAAE","file":"css/7.chunk.css","sourcesContent":[".cv--radioFilter--3srm_ {\n  margin: 0.3125rem 0; }\n  .cv--radioFilter--3srm_ label::after {\n    cursor: pointer; }\n",".cv--partialFilterHeading--2zHGT {\n  height: 1.5rem;\n  width: 3.5rem; }\n\n.cv--partialButton--3Gy7Y {\n  height: 2.2rem;\n  width: 5rem; }\n",".cv--width--wNWEd {\n  width: 20%; }\n\n@media (max-width: 1199px) {\n  .cv--width--wNWEd {\n    width: 20%; } }\n\n@media (max-width: 991px) {\n  .cv--width--wNWEd {\n    width: 25%; } }\n\n@media (max-width: 767px) {\n  .cv--width--wNWEd {\n    width: 33.33333%; } }\n\n@media (max-width: 575px) {\n  .cv--width--wNWEd {\n    width: 50%; } }\n",".cv--filterButton--2LJ1G {\n  font-weight: 500; }\n\n.cv--hideCaret--2OStB::after {\n  display: none; }\n\n.cv--filterItem--13K5j {\n  min-width: 10rem; }\n",".cv--partialLoadingHeading--1RLPq {\n  width: 12rem;\n  height: 2rem; }\n\n.cv--partialLoading--oArG4 {\n  width: 100%;\n  padding-bottom: 200%;\n  position: relative; }\n\n.cv--labelContainer--QLCgm {\n  z-index: 1;\n  bottom: 0.625rem;\n  left: 50%;\n  transform: translate(-50%, 0%); }\n\n.cv--hoverActive--3Aleb {\n  transform: translate3D(0, -1px, 0) scale(1.01);\n  transition: all .1s ease;\n  cursor: pointer; }\n  .cv--hoverActive--3Aleb:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -0.3125rem;\n    right: -0.3125rem;\n    bottom: 0;\n    margin: 0 0.3125rem;\n    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0) 100%); }\n\n.cv--mask--2M2Zz {\n  z-index: 2;\n  position: absolute;\n  bottom: 0.625rem;\n  right: 0;\n  left: 0; }\n\n.cv--width--TQg2K {\n  width: 25%; }\n\n@media (max-width: 767px) {\n  .cv--width--TQg2K {\n    width: 33.33333%; } }\n\n@media (max-width: 575px) {\n  .cv--width--TQg2K {\n    width: 50%; } }\n\n@media (max-width: 0) {\n  .cv--width--TQg2K {\n    width: 100%; } }\n"],"sourceRoot":""}

package/dist/css/lite-app.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/projects/lite/src/styles/theme-overrides.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/alert/alert.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/notifications/components/notification-status/notification-status.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/legacy/constants/empty-state-components/empty-state.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/notifications/components/notification-items/notification-item/notification-item.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/notifications/components/notification-items/partial-loading/notification-partial.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/notifications/views/header/notification-header.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/search/components/confirm-selection/confirm-selection.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/search/components/search-tips/search-tips.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/search/components/search-context/search-context.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/search/components/instant-search/recent-search/recent-search.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/legacy/components/thumbnail/thumbnail.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/search/components/instant-search/classification/classification-search-result.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/search/views/search-bar/search.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/search/views/search-bar/partial/search-bar-partial.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/avatar/avatar.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/components/user-options/user-options.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/icon-button/icon-button.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/views/header/header.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/views/left-nav/left-nav.scss","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/series-link/series-link.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/components/floating-player/floating-player.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/layouts/teacher-layout/drag-mask/drag-mask.scss","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/layouts/teacher-layout/teacher-layout.scss"],"names":[],"mappings":"AAAA;AACA,yBAAyB;;ACDzB;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA,wBAAwB;;AAExB;AACA,gBAAgB;AAChB;AACA,eAAe;AACf;AACA;AACA,sCAAsC;AACtC;AACA,eAAe;AACf;AACA;AACA,sCAAsC;;AAEtC;AACA;AACA,qBAAqB;;AAErB;AACA,mBAAmB;AACnB;AACA;AACA,qBAAqB;;AC9BrB;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA,oBAAoB;AACpB;AACA,eAAe;AACf;AACA,mBAAmB;AACnB;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA,eAAe;;ACnBf;AACA,kBAAkB;;AAElB;AACA,iBAAiB;;AAEjB;AACA,eAAe;;ACPf;AACA,iBAAiB;;AAEjB;AACA;AACA;AACA;AACA;AACA,0BAA0B;;AAE1B;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA,iBAAiB;;AAEjB;AACA,4BAA4B;;AAE5B;AACA,4BAA4B;;AAE5B;AACA,4BAA4B;;AAE5B;AACA,wBAAwB;;AAExB;AACA;AACA,mBAAmB;;AAEnB;AACA,sBAAsB;;AAEtB;AACA,eAAe;AACf;AACA;AACA,oBAAoB;;ACzCpB;AACA;AACA;AACA;AACA;AACA,0BAA0B;;AAE1B;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA,mBAAmB;;AAEnB;AACA,sCAAsC;;AAEtC;AACA,sBAAsB;;AAEtB;AACA,aAAa;;ACvBb;AACA,yDAAyD;;ACDzD;AACA;AACA;AACA,4BAA4B;;AAE5B;AACA;AACA;AACA,wBAAwB;;AAExB;AACA,uCAAuC;;ACXvC;AACA,iBAAiB;;AAEjB;AACA,sBAAsB;;AAEtB;AACA,eAAe;;AAEf;AACA,sBAAsB;;ACVtB;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C;;AAE9C;AACA;AACA,cAAc;;AAEd;AACA,yBAAyB;;ACpBzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB;AACA,wBAAwB;AACxB;AACA,mBAAmB;;ACXnB;AACA,4BAA4B;;AAE5B;AACA,aAAa;;AAEb;AACA;AACA;AACA;AACA;AACA,aAAa;;AAEb;AACA,iBAAiB;;AAEjB;AACA;AACA,cAAc;;AAEd;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;;AC1Bb;AACA;AACA;AACA;AACA;AACA,uBAAuB;;AAEvB;AACA,aAAa;;AAEb;AACA,aAAa;;ACXb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;;AAEzB;AACA;AACA,eAAe;AACf;AACA;AACA;AACA,2BAA2B;AAC3B;AACA,0BAA0B;AAC1B;AACA,gBAAgB;AAChB;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACA,oCAAoC;AACpC;AACA,+BAA+B;AAC/B;AACA,wBAAwB;;AC9CxB;AACA;AACA;AACA;AACA,4BAA4B;;ACJ5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;ACRlC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA;AACA,oBAAoB;;ACZpB;AACA;AACA;AACA,qBAAqB;;AAErB;AACA;AACA,qBAAqB;AACrB;AACA,uBAAuB;AACvB;AACA;AACA;AACA,2BAA2B;AAC3B;AACA,0BAA0B;AAC1B;AACA,kBAAkB;AAClB;AACA;AACA;AACA,4CAA4C;;ACrB5C;AACA;AACA;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA,qBAAqB;;AAErB;AACA,0BAA0B;;AAE1B;AACA,WAAW;;AAEX;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB;AACA;AACA,4BAA4B;;AAE5B;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,qBAAqB,EAAE;AACvB;AACA;AACA;AACA,qBAAqB,EAAE;AACvB;AACA;AACA,yCAAyC,EAAE;;AC3C3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA;AACA,yBAAyB;;AAEzB;AACA;AACA,wBAAwB;;AAExB;AACA;AACA;AACA;AACA,8BAA8B;;AAE9B;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA,gBAAgB;AAChB;AACA,wBAAwB;AACxB;AACA;AACA,kCAAkC;;AAElC;AACA;AACA;AACA,eAAe;;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA;AACA,iBAAiB;;AAEjB;AACA,8BAA8B;;AAE9B;AACA,4BAA4B;;AAE5B;AACA,iBAAiB;;AAEjB;AACA,4BAA4B;;AAE5B;AACA,iBAAiB;;AAEjB;AACA,4BAA4B;;AAE5B;AACA,iBAAiB;;AAEjB;AACA,wBAAwB;;AAExB;AACA,4BAA4B;;AAE5B;AACA,iBAAiB;;AAEjB;AACA,4BAA4B;;AAE5B;AACA;AACA,iBAAiB;;AAEjB;AACA,yBAAyB;;AAEzB;AACA,4BAA4B;;AAE5B;AACA,iBAAiB;;AAEjB;AACA,wBAAwB;;AAExB;AACA,4BAA4B;;AC3G5B;AACA;AACA;AACA,uBAAuB;AACvB;AACA,+BAA+B;;ACL/B;AACA,eAAe;;AAEf;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,wBAAwB;;AAExB;AACA;AACA;AACA;AACA;AACA,oBAAoB;;AAEpB;AACA,wBAAwB;;ACnBxB;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;;AAEZ;AACA;AACA;AACA,eAAe;;AAEf;AACA,gBAAgB;AAChB;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;;AAEtB;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;;AClCzB;AACA,uBAAuB;;AAEvB;AACA,uBAAuB;;AAEvB;AACA,sBAAsB;;AAEtB;AACA,kBAAkB;;AAElB;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA,YAAY","file":"css/lite-app.css","sourcesContent":["body {\n  background-color: #fff; }\n",".cv--alertItem--3ppPT {\n  border-radius: 0.25rem;\n  border: 1px solid #D7D7D7;\n  box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.1); }\n  .cv--alertItem--3ppPT .close {\n    float: none;\n    line-height: 0.8;\n    vertical-align: top; }\n\n.cv--alertBox--2gPqV .cv--alertList--1_wrK {\n  z-index: 1071; }\n  .cv--alertBox--2gPqV .cv--alertList--1_wrK .alert-enter {\n    opacity: 0; }\n  .cv--alertBox--2gPqV .cv--alertList--1_wrK .alert-enter-active {\n    opacity: 1;\n    transition: opacity 200ms ease-in; }\n  .cv--alertBox--2gPqV .cv--alertList--1_wrK .alert-exit {\n    opacity: 1; }\n  .cv--alertBox--2gPqV .cv--alertList--1_wrK .alert-exit-active {\n    opacity: 0;\n    transition: opacity 200ms ease-in; }\n\n.cv--icon--2gpnl {\n  vertical-align: top;\n  text-align: center; }\n\n.cv--alertContent--1akpi {\n  width: 15.625rem; }\n  .cv--alertContent--1akpi .cv--heading--3jnJY {\n    line-height: 1.5;\n    font-weight: 500; }\n",".cv--notificationIcon--3SkbQ {\n  width: 2rem;\n  height: 2rem;\n  color: #FFFFFF;\n  position: relative;\n  display: inline-block;\n  vertical-align: middle; }\n  .cv--notificationIcon--3SkbQ:hover {\n    cursor: pointer; }\n  .cv--notificationIcon--3SkbQ svg {\n    fill: #fff; }\n  .cv--notificationIcon--3SkbQ.cv--light--2TvQg {\n    color: #FFFFFF; }\n  .cv--notificationIcon--3SkbQ.cv--dark--3taGb {\n    color: #333333; }\n\n.cv--unreadCount--1u6ig {\n  position: absolute;\n  left: 1.1rem;\n  bottom: -2px; }\n",".cv--paddedContainer--1cCVc {\n  padding: 7.5rem; }\n\n.cv--imageLarge--3Wy1u {\n  height: 7.5rem; }\n\n.cv--imageSmall--3t8Qq {\n  height: 5rem; }\n",".cv--item--3CmnQ {\n  display: block; }\n\n.cv--icon--YYvWW {\n  width: 1.5rem;\n  height: 1.5rem;\n  display: inline-block;\n  vertical-align: top;\n  margin-right: 0.3125rem; }\n\n.cv--contentContainer--1w1Jg {\n  width: calc(100% - 1.5rem - 0.625rem);\n  display: inline-block;\n  vertical-align: top; }\n\n.cv--notificationTime--11n-Y {\n  color: #979797; }\n\n.cv--item--3CmnQ.unread {\n  background-color: #eef5fa; }\n\n.cv--item--3CmnQ.unread:hover {\n  background-color: #daeaf5; }\n\n.cv--item--3CmnQ.read:hover {\n  background-color: #f1f1f1; }\n\n.cv--item--3CmnQ:hover {\n  text-decoration: none; }\n\n.cv--content--3JkbY {\n  max-height: 2.4rem;\n  overflow: hidden; }\n\n.cv--icon--YYvWW svg {\n  vertical-align: top; }\n\n.cv--contentContainer--1w1Jg .cv--actionText--3D1fr {\n  float: right; }\n  .cv--contentContainer--1w1Jg .cv--actionText--3D1fr:hover {\n    text-decoration: underline;\n    cursor: pointer; }\n",".cv--icon--1FlbK {\n  width: 1.5rem;\n  height: 1.5rem;\n  display: inline-block;\n  vertical-align: top;\n  margin-right: 0.3125rem; }\n\n.cv--contentContainer--1RJPc {\n  width: calc(100% - 1.5rem - 0.625rem);\n  display: inline-block;\n  vertical-align: top; }\n\n.cv--content--4fHKQ {\n  max-height: 3rem;\n  overflow: hidden; }\n\n.cv--content--4fHKQ, .cv--notificationTime--3hBwJ {\n  height: calc(1.3125rem - 0.3125rem); }\n\n.cv--icon--1FlbK {\n  border-radius: 100%; }\n\n.cv--notificationTime--3hBwJ {\n  width: 15%; }\n",".cv--notificationsContainer--3BMCf {\n  width: calc(25rem - (0.75rem * 2) - (2px) - 0.3125rem); }\n",".cv--selectionContainer--3m62c {\n  background-color: #f8f8f8;\n  padding-top: 0.3125rem;\n  padding-bottom: 0.3125rem; }\n\n.cv--svgContainer--1XxEl {\n  width: 1.2rem;\n  height: 1.2rem;\n  display: inline-block; }\n\nkbd {\n  padding: 0.2rem 0.4rem 0.2rem 0.2rem; }\n",".cv--svgContainer--ecsrN {\n  color: #B5B5B5; }\n\n.cv--tip--IwYkF {\n  white-space: nowrap; }\n\n.cv--termContainer--1BqAi {\n  width: 12rem; }\n\n.cv--term--1NEsr {\n  padding: 0.15625rem; }\n",".cv--svgContainer--1ZcbC {\n  display: inline-block;\n  height: 1.25rem;\n  width: 1.25rem;\n  cursor: pointer; }\n\n.cv--searchContextTag--1RLqh {\n  color: #333333;\n  background-color: #f1f1f1;\n  border-radius: 0.25rem;\n  padding: 0.25rem 0.5rem;\n  box-sizing: border-box;\n  margin-left: 0.25rem;\n  transition: background-color .1s, color .1s; }\n\n.cv--tagFocus--179a5 {\n  background-color: #F8981D;\n  color: #fff; }\n\n.cv--searchContextContainer--3nPVB {\n  vertical-align: middle; }\n",".cv--removeRecent--d1QVW {\n  width: 1.5rem;\n  height: 1.5rem;\n  float: right;\n  font-size: 1.5rem;\n  font-weight: 400;\n  opacity: .5;\n  cursor: pointer; }\n  .cv--removeRecent--d1QVW svg {\n    vertical-align: top; }\n  .cv--removeRecent--d1QVW:hover {\n    color: #D9584F; }\n",".cv--thumbnailContainer--1u9bn {\n  background-color: #f1f1f1; }\n\n.cv--thumbnail--1CQyt {\n  z-index: 1; }\n\n.cv--svgContainer--2L1Hd svg, .cv--playSvgContainer--17LPb svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 20%; }\n\n.cv--svgContainer--2L1Hd svg {\n  color: #D7D7D7; }\n\n.cv--playSvgContainer--17LPb svg {\n  z-index: 9;\n  color: #fff; }\n\n.cv--durationOverlay--15X7K {\n  position: absolute;\n  bottom: 0.25rem;\n  right: 0.25rem;\n  color: #fff;\n  background-color: rgba(51, 51, 51, 0.8);\n  z-index: 2; }\n",".cv--coverImage--1_Tx- {\n  background-color: #f1f1f1;\n  display: block;\n  position: relative;\n  width: 100%;\n  padding-bottom: 100%; }\n\n.cv--coverContainer--3Qf-6 {\n  width: 12%; }\n\n.cv--textContainer--34VXV {\n  width: 88%; }\n",".cv--searchSvgContainer--1-crd {\n  width: 1.5rem;\n  height: 1.5rem;\n  position: absolute;\n  right: 1.875rem;\n  top: 0.375rem;\n  color: #979797; }\n  .cv--searchSvgContainer--1-crd:hover {\n    cursor: pointer;\n    color: #5B5E68; }\n\n.cv--tipsContainer--15HAy {\n  position: absolute;\n  right: 0.375rem;\n  top: 0.375rem; }\n\n.cv--searchInput--1qca6 {\n  width: 100%;\n  border: none;\n  padding: 0.75rem;\n  height: 100%;\n  font-size: 0.875rem;\n  outline: none;\n  border-radius: 0.25rem; }\n\n.cv--searchBar--3XQHi {\n  z-index: 50;\n  border: none; }\n  .cv--searchBar--3XQHi .twitter-typeahead {\n    height: 100%;\n    width: 75%;\n    vertical-align: middle; }\n  .cv--searchBar--3XQHi .tt-suggestion a:hover {\n    text-decoration: none; }\n  .cv--searchBar--3XQHi .tt-hint, .cv--searchBar--3XQHi .tt-menu {\n    width: 100%; }\n  .cv--searchBar--3XQHi .tt-cursor {\n    background-color: #f8f8f8;\n    cursor: pointer; }\n  .cv--searchBar--3XQHi .tt-menu {\n    background-color: #fff;\n    right: 0px;\n    transform: translateY(0.125rem); }\n    .cv--searchBar--3XQHi .tt-menu.hide-results {\n      display: none !important; }\n  .cv--searchBar--3XQHi .ignore-highlighting strong {\n    font-weight: normal; }\n",".cv--searchBar--2oChq {\n  width: 53.4375rem;\n  height: 2.1875rem;\n  border-radius: 0.25rem;\n  border: 1px solid #D7D7D7; }\n",".cv--avatar--1XSQR {\n  border-radius: 50%;\n  background-color: #51ADA3;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  line-height: 100%;\n  background-size: cover;\n  background-position: top center; }\n",".cv--iconPlaceholder--2hr_4 {\n  border-radius: 50%;\n  background-color: #eaeaea;\n  /**\r\n     * TODO: This is an arbitrary size just to get the nav set up.\r\n     * This either needs to be calculated or turned into a variable\r\n     */\n  width: 2.1875rem;\n  height: 2.1875rem; }\n\n.cv--avatarContainer--1nhdk {\n  width: 2.1875rem;\n  height: 2.1875rem; }\n",".cv--svg--3OUhC {\n  width: 1.5rem;\n  height: 1.5rem;\n  position: absolute; }\n\n.cv--iconButton--3t3VL {\n  vertical-align: top;\n  position: relative; }\n  .cv--iconButton--3t3VL.cv--iconWithText--2KLHo {\n    padding-left: 36px; }\n    .cv--iconButton--3t3VL.cv--iconWithText--2KLHo .cv--svg--3OUhC {\n      left: 0.375rem;\n      top: 50%;\n      margin-top: -0.75rem; }\n    .cv--iconButton--3t3VL.cv--iconWithText--2KLHo svg {\n      vertical-align: top; }\n  .cv--iconButton--3t3VL.cv--iconOnly--2rQWb {\n    padding: 1rem; }\n    .cv--iconButton--3t3VL.cv--iconOnly--2rQWb .cv--svg--3OUhC {\n      top: 50%;\n      left: 50%;\n      transform: translate3D(-50%, -50%, 0); }\n",".cv--nav--3RLQ9 {\n  background-color: #fff;\n  border-bottom: 1px solid #eaeaea;\n  z-index: 1002; }\n\n.cv--logoContainer--UIlc9 {\n  min-width: 12rem;\n  width: 13.75rem;\n  height: 2.92062rem; }\n\n.cv--searchBar--2E7RQ {\n  padding-right: 18.75rem; }\n\n.cv--actionButtons--2HygL {\n  right: 0; }\n\n.cv--hamburger--2BRko {\n  color: #eaeaea;\n  height: 1.25rem;\n  width: 1.25rem;\n  cursor: pointer;\n  display: inline-block;\n  margin-top: 0.75rem; }\n  .cv--hamburger--2BRko svg {\n    width: 100% !important;\n    height: 100% !important; }\n\n.cv--searchBarNavContainer--2bUnK {\n  border: 2px solid #eaeaea;\n  min-width: calc(1140px - 31.625rem);\n  max-width: 40rem;\n  border-radius: 3px;\n  padding: 0; }\n  @media (max-width: 1199px) {\n    .cv--searchBarNavContainer--2bUnK {\n      min-width: calc(960px - 31.625rem);\n      margin-left: 0; } }\n  @media (max-width: 991px) {\n    .cv--searchBarNavContainer--2bUnK {\n      min-width: calc(720px - 31.625rem);\n      margin-left: 0; } }\n  @media (max-width: 767px) {\n    .cv--searchBarNavContainer--2bUnK {\n      min-width: calc(540px - 31.625rem); } }\n",".cv--leftNav--3jVyN {\n  top: 4.25rem;\n  bottom: 0;\n  position: fixed;\n  width: 15rem;\n  background-color: #fff;\n  border-right: 1px solid #eaeaea;\n  z-index: 1001; }\n\n.cv--leftNavExpanded--Q3CCb .cv--leftNavAnchor--3A_-8, .cv--leftNavCollapsed--2idO9 .cv--leftNavAnchor--3A_-8 {\n  position: relative;\n  min-height: 3rem;\n  display: flex;\n  flex-direction: column; }\n\n.cv--leftNavExpanded--Q3CCb .cv--leftNavAnchor--3A_-8 {\n  align-items: flex-start;\n  padding-left: 1.25rem; }\n\n.cv--leftNavExpanded--Q3CCb .cv--leftNavText--3qbRh {\n  padding-left: 4.25rem;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.cv--leftNavExpanded--Q3CCb .cv--leftNavBottom--1OHHF {\n  position: absolute;\n  bottom: 0;\n  padding-bottom: 1.25rem;\n  width: 100%; }\n\n.cv--leftNavCollapsed--2idO9 {\n  width: 5.5rem; }\n  .cv--leftNavCollapsed--2idO9 .cv--leftNavAnchor--3A_-8 {\n    align-items: center; }\n  .cv--leftNavCollapsed--2idO9 .cv--leftNavText--3qbRh {\n    text-align: center;\n    margin: 0.3125rem 0.3125rem 0; }\n\n.cv--partialLeftNavItem--131rM {\n  left: 5.5rem;\n  width: 5rem;\n  height: 1rem; }\n\n.cv--iconGrey--2C2dq .cv--leftNavIcon--13OIc, .cv--discover--2dE5b.cv--active--3209B .cv--leftNavIcon--13OIc, .cv--playlists--2l2O2.cv--active--3209B .cv--leftNavIcon--13OIc, .cv--myUploads--_qXck.cv--active--3209B .cv--leftNavIcon--13OIc, .cv--favouritedVideos--mqsI_.cv--active--3209B .cv--leftNavIcon--13OIc, .cv--classrooms--Zgkg3.cv--active--3209B .cv--leftNavIcon--13OIc, .cv--classroom--2K3g7.cv--active--3209B .cv--leftNavIcon--13OIc, .cv--watchHistory--ZMi6H.cv--active--3209B .cv--leftNavIcon--13OIc, .cv--settings--YTaso.cv--active--3209B .cv--leftNavIcon--13OIc {\n  color: #fff;\n  border-radius: 50%;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.cv--iconGrey--2C2dq .cv--leftNavIcon--13OIc {\n  background-color: #eaeaea;\n  color: #333333; }\n\n.cv--discover--2dE5b svg {\n  transform: translateY(-1px); }\n\n.cv--discover--2dE5b.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #38A2E8; }\n\n.cv--discover--2dE5b.cv--active--3209B .cv--highlightText--3uRuV {\n  color: #38A2E8; }\n\n.cv--playlists--2l2O2.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #5DC786; }\n\n.cv--playlists--2l2O2.cv--active--3209B .cv--highlightText--3uRuV {\n  color: #5DC786; }\n\n.cv--myUploads--_qXck.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #F8981D; }\n\n.cv--myUploads--_qXck.cv--active--3209B .cv--highlightText--3uRuV {\n  color: #F8981D; }\n\n.cv--favouritedVideos--mqsI_ svg {\n  transform: scale(0.9); }\n\n.cv--favouritedVideos--mqsI_.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #F7847B; }\n\n.cv--favouritedVideos--mqsI_.cv--active--3209B .cv--highlightText--3uRuV {\n  color: #F7847B; }\n\n.cv--classrooms--Zgkg3.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #B679C7; }\n\n.cv--classroom--2K3g7.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #fff;\n  color: #FFCD52; }\n\n.cv--watchHistory--ZMi6H svg {\n  transform: scale(0.95); }\n\n.cv--watchHistory--ZMi6H.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #7A76E8; }\n\n.cv--watchHistory--ZMi6H.cv--active--3209B .cv--highlightText--3uRuV {\n  color: #7A76E8; }\n\n.cv--settings--YTaso svg {\n  transform: scale(1.2); }\n\n.cv--settings--YTaso.cv--active--3209B .cv--leftNavIcon--13OIc {\n  background-color: #40C2BB; }\n",".cv--appLink--1SFgo {\n  color: inherit;\n  display: block;\n  font-size: 0.78571em; }\n  .cv--appLink--1SFgo:hover .cv--seasonEpisodeContainer--1YAi8 {\n    text-decoration: underline; }\n",".cv--fixed--3C4_W {\n  width: 25rem; }\n\n.cv--inline--2voRI {\n  position: absolute; }\n\n.cv--closeSvg--2RiDj {\n  width: 2.1875rem;\n  height: 2.1875rem;\n  display: inline-block; }\n\n.cv--buttons--ZbN3s {\n  /**\r\n     * Prevents the child buttons cascading vertically because \r\n     * of the flex-shrink-1 class\r\n     */\n  min-width: 3.4rem; }\n\n.cv--flippedIcon--3nkTw {\n  transform: scaleX(-1); }\n",".cv--dropMask--3bFev, .cv--dropContent--2_7SU, .cv--dropArea--3oOzB {\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0; }\n\n.cv--dropMask--3bFev {\n  z-index: 1040;\n  background-color: #313543;\n  opacity: 0.5; }\n\n.cv--dropContent--2_7SU {\n  z-index: 1041; }\n  .cv--dropContent--2_7SU h1 {\n    position: absolute;\n    top: 50%;\n    width: 100%;\n    text-align: center;\n    color: #fff;\n    margin-top: -1rem; }\n\n.cv--dropArea--3oOzB {\n  z-index: 1042; }\n\n.cv--border--1IoKS {\n  display: block;\n  position: fixed;\n  top: 6rem;\n  left: 6rem;\n  right: 6rem;\n  bottom: 6rem;\n  border: 3px dashed #fff;\n  border-radius: 0.25rem; }\n",".cv--content--1SX2l {\n  padding-top: 1.25rem; }\n\n.cv--collapsedNavContent--3LJFz {\n  padding-left: 5.5rem; }\n\n.cv--openNavContent--34Pt4 {\n  padding-left: 15rem; }\n\n.cv--hiddenNavContent--1gZ0J {\n  padding-left: 0; }\n\n.cv--mask--mE2Dq {\n  z-index: 1000; }\n\n.cv--fixedBottomRightContainer--Sgmex {\n  position: fixed;\n  right: 1.25rem;\n  bottom: 0; }\n"],"sourceRoot":""}

package/dist/libs/analytics/src/utils/VideoDataFormatHelper.d.ts

@@ -0,0 +1,42 @@
+import { HashObject, Video } from "../interfaces";
+export interface VideoWatchAnalyticsEvent {
+    model: Video;
+    playbackStatus: PlaybackStatus;
+}
+export interface PlaybackStatus {
+    position: number;
+    chapter: number;
+    totalDuration: number;
+    totalWatched: number;
+    hasStarted?: boolean;
+}
+interface BaseVideoData {
+    id: string;
+    title: string;
+    trackingCode: string;
+    duration: number;
+}
+interface BaseAssocData {
+    id: string;
+    title?: string;
+}
+export interface VideoAnalyticsPayload {
+    video: BaseVideoData;
+    rating?: string;
+    series?: BaseAssocData;
+    folder?: BaseAssocData;
+    owner?: BaseAssocData;
+    playlist?: BaseAssocData;
+    playbackStatus?: PlaybackStatus;
+}
+export declare const VideoDataFormatHelper: {
+    getVideoData(options: VideoWatchAnalyticsEvent): VideoAnalyticsPayload;
+    /**
+       * Map to the same properties recorded in Online.
+       * @see _toLogMasterVideo() in AnalyticsService in Online
+       *
+       * TODO: Video origin and user channel logging - both of these need to be re-worked properly.
+       */
+    getLegacyVideoData(options: VideoWatchAnalyticsEvent): HashObject<any>;
+};
+export {};

package/dist/libs/shared/src/apps/notifications/utils/NotificationsHelper.d.ts

@@ -1,7 +1,7 @@
 import { NotificationType } from "../enums/NotificationType";
 import { NotificationAlertType } from "../enums/NotificationAlertType";
 export declare const NotificationsHelper: {
-    getIconColor: (type: NotificationAlertType) => "success" | "danger" | "warning" | "dark";
+    getIconColor: (type: NotificationAlertType) => "dark" | "success" | "danger" | "warning";
     getIcon: (type: NotificationAlertType) => import("../../../images/svg").localSvgs.CheckCircle | import("../../../images/svg").localSvgs.Info | import("../../../images/svg").localSvgs.Warning;
     /**
      * This is a manual override based on the notification type. This is only

package/dist/libs/shared/src/utils/ImageHelper.d.ts

@@ -26,5 +26,5 @@ export declare const ImageHelper: {
     Rfc3986EncodeURIComponent(str: string): string;
     _createCategoryMappedUrl(mappingOptions: CategoryMapperImageOptions, options?: ImageOptions): string;
     _createUrl(baseUrl: string, options?: ImageOptions): string;
-    legacyCreateThumbnailUrl(thumbnail: string | Core.Model | HashObject<any>, options?: ImageOptions): string;
+    legacyCreateThumbnailUrl(thumbnail: string | HashObject<any> | Core.Model, options?: ImageOptions): string;
 };

package/dist/projects/lite/src/apps/search/utils/FilterHelper.d.ts

@@ -15,7 +15,7 @@ export declare const Filters: FiltersDictionary;
 export declare const FilterHelper: {
     getMoreFilters(): MoreFilters;
     mapTypeToComponent(type: FilterType): (props: import("../../../../../../libs/shared/src/interfaces").PropsWithAnalyticsOptions<{
-        filter: SearchFilter | MoreFilters;
+        filter: MoreFilters | SearchFilter;
     }>) => JSX.Element;
     deriveInitialStateFromQuery(queryParams?: HashObject<any>, mainFilters?: SearchFilter[], moreFilters?: MoreFilters): FilterStateHash;
     hasActiveFilters(queryParams: HashObject<any>): boolean;

package/dist/scripts/0-50522b3859.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{1024:function(e,t,a){"use strict";var n=a(0),r=a(44),i=a(786),o=a(869),c=a(235),l=a(50),s=a(807),u=a(827),m=a(149),d=function(e){return!!e&&e.series&&!!e.series.id},p=a(12),f=a(151),v=a(822),b=a(42),g=a(809),y=a(236),E=a(123),N=a(1170),k=a.n(N),h=[E.a.AddToPlaylist,E.a.Share];function S(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?h:a,i=t.getActionAppLink,o=Object(f.a)(m.a.XS);if(!b.a.isFunction(i))return n.createElement(n.Fragment,null);var c=[];return r.forEach((function(t){var a=i(e.video,t);a&&c.push(Object.assign({appLink:a,className:"btn btn-link",button:!o},Object(E.b)()[t]))})),n.createElement(g.a,{actions:c,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(k.a.actionsDropdown)})}var O=a(824),w=a(810);function C(e){return n.createElement(O.a,null,n.createElement(w.a,{type:w.b.Rating,data:e.video.rating}),n.createElement(w.a,{type:w.b.ProductionYear,data:e.video.productionYear}),n.createElement(w.a,{type:w.b.Interactive,data:e.video.interactives}))}var x=a(81),j=a(1171),L=a.n(j);function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return B(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return B(e,t)}(e,t)||function(){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 B(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function T(e){var t=Object(f.a)(m.a.XS),a=21*(Object(f.a)(m.a.SM)?2:4),r=function(e){var t=P(Object(n.useState)(!1),2),a=t[0],r=t[1],i=P(Object(n.useState)(!1),2),o=i[0],c=i[1],l=Object(n.useRef)();return Object(n.useEffect)((function(){l&&l.current&&(l.current.offsetHeight<=e||(r(!0),c(!0)))}),[l]),{ref:l,isExpandable:a,isTruncated:o,toggleTruncation:function(){return c((function(e){return!e}))}}}(a),i=r.ref,o=r.isExpandable,c=r.isTruncated,l=r.toggleTruncation;if(t)return n.createElement(n.Fragment,null);var s={className:"position-relative overflow-hidden"};return c&&(s.style={maxHeight:"".concat(a,"px")}),e.forceTruncate&&!c&&l(),n.createElement("div",Object.assign({},s),n.createElement("p",{ref:i,className:"m-0"},e.video.description,!!o&&n.createElement("span",{className:"cursor-pointer ".concat(L.a.ellipsis),onClick:l},n.createElement(x.b,{namespace:"shared.videoItemDescription",phrase:c?"showMore":"showLess"}))))}var _=a(51);function A(e){return n.createElement(_.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var F=a(1172),I=a.n(F);a.d(t,"b",(function(){return R})),a.d(t,"a",(function(){return V}));var D=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(I.a.dragHandleContainer)},n.createElement(l.a,{svgName:p.b.Handle,size:l.b.Small}))}));function R(e){var t,a=Object(f.a)(m.a.XS),i=n.useContext(v.a),l=i.isSortable,p=i.currentSortingIndex,b=l&&!a,g=e.getVideoAppLink(e.video),y=d(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:a?12:4,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!b&&n.createElement(D,null),n.createElement(r.Col,{xs:(t=b,t?10:12)},n.createElement(o.a,{video:e.video,appLink:g,seriesAppLink:y,size:b?s.a.Small:s.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),n.createElement(r.Col,{xs:a?12:8},n.createElement(S,{video:e.video}),n.createElement(c.a,{video:e.video,appLink:y}),n.createElement(A,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(C,{video:e.video}),n.createElement(T,{video:e.video,forceTruncate:Number.isInteger(p)&&e.idx===p})))}var V=Object(i.SortableElement)((function(e){return n.createElement(R,Object.assign({},e))}))},1170:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},1171:function(e,t,a){e.exports={ellipsis:"LJY5U"}},1172:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},791:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(147),r=a(45),i=a(55),o=function(){var e=Object(n.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},792:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},799:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return d}));var n,r,i=a(0),o=a(147),c=a(50),l=a(12),s=a(11),u=a(850),m=a.n(u);function d(e){var t=e.type,a=e.mediaType,u=e.extraClasses,d=(Object(o.a)(s.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?m.a.videoFallback:e===n.Playlist?m.a.playlistFallback:e===n.Series||e===n.TallSubject?m.a.posterFallback:e===n.Subject?"".concat(m.a.subjectFallback," svg-container d-inline-block"):""}(t)),p=function(e,t){return e===n.Video?l.b.Play:e===n.Playlist?l.b.Playlist:e===n.Series?l.b.Series:e===n.Subject||e===n.TallSubject?l.b.Subject:""}(t),f=function(e){return e===n.Subject?c.b.ExtraLarge:c.b.Standard}(t),v="".concat(function(e,t){return t===n.Subject?m.a.subjectFallbackContainer:e===r.Svg?m.a.svgFallbackContainer:m.a.baseFallbackContainer}(a,t));return u&&(v+=" ".concat(e.extraClasses)),i.createElement("div",{className:v},a===r.Svg?i.createElement(c.a,{svgName:p,className:d,tagName:"div",size:f}):i.createElement("div",{className:m.a.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(p,"')")}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),d.defaultProps={mediaType:r.Svg}},804:function(e,t,a){"use strict";var n,r=a(0),i=a(54),o=a(823),c=a(848),l=a.n(c),s=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a},u=r.memo((function(e){var t=e.forceLoad,a=s(e,["forceLoad"]),n=Object(o.a)(),i=n.ref,c=n.inView;if(!i)return r.createElement("img",Object.assign({className:l.a.image,alt:""},a));var u=a.src,m=s(a,["src"]),d=Object.assign(Object.assign({alt:""},m),c||t?{src:u}:{});return t||(d.ref=i),r.createElement("img",Object.assign({className:l.a.image},d))})),m=a(51),d=a(807),p=a(849),f=a.n(p);function v(e){var t="thumbnail ".concat(f.a.thumbnail),a="";return e.aspectRatio===n.SixteenByNine&&(a=f.a.sixteenByNine),e.aspectRatio===n.NineBySixteen&&(a=f.a.nineBySixteen),e.aspectRatio===n.OneByOne&&(a=f.a.oneByOne),e.aspectRatio===n.TwoByThree&&(a=f.a.twoByThree),a&&(t+=" ".concat(a)),e.className&&(t+=" ".concat(e.className)),t}function b(e){var t=e.data,a=e.size,n=e.appLink,o=e.preload,c="";"string"==typeof t?c=t:i.a.isObject(t)&&(c=t.url);var l=c&&function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:d.a.Small;return"".concat(e,"?size=").concat(t)}(c,a);return r.createElement("div",{className:v(e)},r.createElement(m.a,{appLink:n},e.children,l&&r.createElement(u,{src:l,forceLoad:o})))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return b})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(n||(n={}))},807:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},809:function(e,t,a){"use strict";var n=a(0),r=a(44),i=a(237),o=a(37),c=a(50),l=a(51),s=a(12),u=a(834),m=a.n(u),d=a(42);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return n.createElement(l.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),d.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(m.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:s.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(f,{key:t,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"};var b=a(228),g=a(153);function y(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(g.a,{title:e.tooltip},n.createElement(b.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(b.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(l.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),d.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function E(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:m.a.buttonList},t.map((function(e,t){return n.createElement(y,{key:t,appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label)}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(v,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return E}))},810:function(e,t,a){"use strict";var n,r=a(0),i=a(44),o=function(e){if(!e)return"";return function(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)},c=a(239),l=a(838),s=a.n(l);function u(e){var t=e.type,a=e.data;if(!function(e,t){return e===n.Rating?t&&!!t.value:!!t}(t,a))return r.createElement(r.Fragment,null);var l=function(e,t){var a="";return e===n.Duration&&(a=s.a.duration),e===n.Interactive&&(a=s.a.interactive),e===n.Rating&&(a="".concat(s.a.rating," ").concat(o(t.value))),e===n.ProductionYear&&(a=s.a.productionYear),"".concat("badge"," ").concat(a)}(t,a),u=function(e,t){return e===n.Interactive?"Interactive":e===n.Duration?c.a.ToDisplayDuration(t):e===n.Rating?t.code:e===n.ProductionYear?t:void 0}(t,a),m=function(e,t){return e===n.Rating?{title:t.name,placement:"top"}:null}(t,a);return m?r.createElement(i.OverlayTrigger,{placement:m.placement,overlay:r.createElement(i.Tooltip,{id:m.title},m.title)},r.createElement("span",{className:l},u)):r.createElement("span",{className:l},u)}a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(n||(n={}))},822:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"c",(function(){return s})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(786),i=a(2),o=a(864),c=a(1024),l=n.createContext({isSortable:!1});function s(e){var t=n.useContext(l).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(s,Object.assign({},e)))}))},823:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(784);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e,t)||function(){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 i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function o(e){var t=r(n.useInView({triggerOnce:!0}),2),a=t[0],i=t[1];return!0!==e&&void 0!==window.IntersectionObserver||(i=!0,a=null),{ref:a,inView:i}}},824:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(838),i=a.n(r);function o(e){var t="d-flex ".concat(i.a.badgeList);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},826:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a(9),i=a(12),o=a(50),c=a(791);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return s(e,t)}(e,t)||function(){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 s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var u=r.a.encloseNamespace("shared.favouriteButton");function m(e){var t=Object(c.a)(),a="boolean"==typeof e.video.isFavourited,r=!!e.video.isFavourited,s=l(n.useState(r),2),m=s[0],d=s[1];n.useEffect((function(){d(r)}),[r]);var p="cursor-pointer text".concat(m?"-danger":"-dark");return e.className&&(p+=" ".concat(e.className)),a?n.createElement("div",{className:p,onClick:function(){var a=!m;d(a),e.setFavourite(e.video.id,a,(function(){t.error(u(a?"favouriteError":"unfavouriteError")),d(!a)}))}},n.createElement(o.a,{svgName:m?i.b.Heart:i.b.HeartOutline,size:o.b.Small})):n.createElement(n.Fragment,null)}},827:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},834:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},838:function(e,t,a){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},848:function(e,t,a){e.exports={image:"_1YW-E"}},849:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},850:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}},864:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return m}));var n=a(0),r=a(792),i=a(51),o=a(81),c=a(37),l=a(3);function s(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate,workflowPhase:l.o.Complete})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:s(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:s(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function m(e){function t(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate,workflowPhase:l.o.Complete})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},m.defaultProps={className:"py-2"}},869:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(42),o=a(826),c=a(804),l=a(799),s=a(235),u=a(824),m=a(810),d=a(50),p=a(12),f=a(875),v=a.n(f);function b(e){var t,a=e.video,n=e.appLink,f=e.size,b=e.setFavourite,g=e.preload,y=e.hovering;return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(b)&&r.a.createElement("div",{className:v.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:b,video:a,className:"rounded-circle p-1 ".concat(v.a.favouriteButton)})),r.a.createElement(c.b,{data:a.thumbnail,appLink:n,aspectRatio:c.a.SixteenByNine,size:f,preload:g,className:v.a.gradient},y&&r.a.createElement(d.a,{className:v.a.playIcon,svgName:p.b.PlayCircle}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:v.a.overlayContainer},r.a.createElement("div",{className:"".concat(v.a.title," ").concat(y?v.a.downScale:"")},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(s.a,{className:"text-shadow clamp-1",video:a,appLink:null}),r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name),y&&r.a.createElement(u.a,{className:"align-items-center mb-n1"},r.a.createElement(m.a,{type:m.b.Duration,data:a.duration}),r.a.createElement(m.a,{type:m.b.Rating,data:a.rating}),a.hasSubtitle&&r.a.createElement("span",{className:"badge p-0"},r.a.createElement(d.a,{svgName:p.b.CloseCaptionBadge})))))))}var g,y=a(827),E=a(876),N=a.n(E);function k(e){var t=e.type,a=function(e){return e===g.Video?N.a.video:e===g.Playlist?N.a.playlist:""}(t),r=function(e){return e===g.Video?p.b.PlayCircle:e===g.Playlist?p.b.AddToPlaylists:""}(t);return n.createElement("div",{className:N.a.maskContainer},n.createElement("div",{className:N.a.mask}),n.createElement(d.a,{svgName:r,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(g||(g={}));var h=a(51);function S(e){var t=e.video.lastProgressPoint&&e.video.duration&&e.video.lastProgressPoint/e.video.duration*1e5;return t?n.createElement("div",{className:e.className},n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(t,"%")}})):n.createElement(n.Fragment,null)}var O=a(877),w=a.n(O);function C(e){var t,a=e.video,n=e.seriesAppLink,i=e.textPosition,o=e.appLink,c=i===y.a.Overlay,l=c?w.a.titleOverlay:w.a.titleBelow;return r.a.createElement("div",{className:l},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(s.a,{className:c?"text-shadow clamp-1":"clamp-2",video:a,appLink:c?null:n}),c?r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name):r.a.createElement(h.a,{className:"h6 text-reset clamp-2 mb-0",appLink:o},a.name))}function x(e){var t=e.video,a=e.appLink,n=e.textPosition,s=e.size,d=e.setFavourite,p=e.preload,f="position-relative";return n===y.a.Overlay&&(f+=" rounded overflow-hidden"),r.a.createElement("div",{className:f},!!i.a.isFunction(d)&&r.a.createElement("div",{className:w.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:d,video:t,className:"rounded-circle p-1 ".concat(w.a.favouriteButton)})),r.a.createElement(c.b,{data:t.thumbnail,appLink:a,aspectRatio:c.a.SixteenByNine,size:s,preload:p,className:n===y.a.Overlay?w.a.gradient:""},r.a.createElement(k,{type:g.Video}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:w.a.overlayContainer},n===y.a.Overlay&&r.a.createElement(C,Object.assign({},e)),r.a.createElement(S,{video:t,className:w.a.watchProgress}),r.a.createElement(u.a,{className:w.a.badgeContainer},r.a.createElement(m.a,{type:m.b.Duration,data:t.duration})))),n===y.a.Below&&r.a.createElement(C,Object.assign({},e)))}function j(e){return"expandable"===e.type?n.createElement(b,Object.assign({},e)):n.createElement(x,Object.assign({},e))}a.d(t,"a",(function(){return j}))},875:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},876:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},877:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",watchProgress:"_3YP9l",gradient:"_1o4aT"}}}]);

package/dist/scripts/0.chunk.js

@@ -0,0 +1,346 @@
+(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