@scrippsproduct/networks-ui-library 1.1.10 → 1.1.11-alpha.0

package/dist/components/InfoPanel/InfoPanel.js

@@ -1,20 +1,20 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { useState as b, useRef as d, useEffect as m } from "react";
-import { classes as i } from "../../utils/helpers.js";
-import { blockLayoutsMap as h } from "../../settings.js";
+import { classes as l } from "../../utils/helpers.js";
+import { blockLayoutsMap as L } from "../../settings.js";
 import { C as k } from "../../chevron-left-D0UjbrKw.mjs";
-import '../../assets/InfoPanel.css';const l = {
-  "info-panel": "_info-panel_1j4w6_1",
-  "info-panel__back-btn": "_info-panel__back-btn_1j4w6_19"
+import '../../assets/InfoPanel.css';const i = {
+  "info-panel": "_info-panel_5xlo1_237",
+  "info-panel__back-btn": "_info-panel__back-btn_5xlo1_255"
 };
-function N({
+function R({
   layoutComponent: e = { layout: "", props: {} },
   onBackClicked: s = () => {
   },
   backButtonLabel: c = "Back to List",
   classname: y = ""
 }) {
-  const [f, L] = b(null), [t, u] = b("entering"), n = d(null), p = d(null), _ = (o) => {
+  const [f, x] = b(null), [t, u] = b("entering"), n = d(null), p = d(null), _ = (o) => {
     p.current = o, u("exiting"), n.current !== null && n.current.scrollTo({
       top: n.current.offsetTop,
       left: 0,
@@ -23,7 +23,7 @@ function N({
   };
   return m(() => {
     async function o() {
-      L(h.get(e.layout));
+      x(L.get(e.layout));
     }
     o();
   }, [e.layout]), m(() => {
@@ -32,11 +32,11 @@ function N({
     }, { once: !0 }), t === "entering" && n.current.addEventListener("animationend", () => {
       u("idle");
     }, { once: !0 }));
-  }, [t, s]), /* @__PURE__ */ a("div", { className: i([l["info-panel"], `${y}`]), "data-state": t, ref: n, children: [
+  }, [t, s]), /* @__PURE__ */ a("div", { className: l([i["info-panel"], `${y}`]), "data-state": t, ref: n, children: [
     /* @__PURE__ */ a(
       "button",
       {
-        className: i([l["info-panel__back-btn"], "info-panel__back-btn"]),
+        className: l([i["info-panel__back-btn"], "info-panel__back-btn"]),
         type: "button",
         onClick: _,
         children: [
@@ -49,7 +49,7 @@ function N({
     /* @__PURE__ */ a(
       "button",
       {
-        className: i([l["info-panel__back-btn"], "info-panel__back-btn"]),
+        className: l([i["info-panel__back-btn"], "info-panel__back-btn"]),
         type: "button",
         onClick: _,
         children: [
@@ -61,6 +61,6 @@ function N({
   ] });
 }
 export {
-  N as InfoPanel,
-  N as default
+  R as InfoPanel,
+  R as default
 };

package/dist/components/Loading/Loading.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { classes as t } from "../../utils/helpers.js";
-import '../../assets/Loading.css';const d = "_spinner_4d38k_14", r = {
-  "spinner-wrap": "_spinner-wrap_4d38k_14",
-  spinner: d,
-  "loading-wrapper__message": "_loading-wrapper__message_4d38k_44"
+import '../../assets/Loading.css';const l = "_spinner_1ihy7_250", r = {
+  "spinner-wrap": "_spinner-wrap_1ihy7_250",
+  spinner: l,
+  "loading-wrapper__message": "_loading-wrapper__message_1ihy7_273"
 };
 function c({
   spinnerColor: s = "var(--theme-color-100)",
-  spinnerSize: a = "3.125rem",
-  spinnerTrackWidth: i = "6px",
+  spinnerSize: i = "3.125rem",
+  spinnerTrackWidth: a = "6px",
   topOffset: p = "50%",
   message: n = ""
 }) {
@@ -16,8 +16,8 @@ function c({
     "loading-wrapper",
     {
       style: {
-        "--spinner-size": a,
-        "--spinner-track-width": i,
+        "--spinner-size": i,
+        "--spinner-track-width": a,
         "--spinner-color": s,
         "--spinner-top-offset": p
       },

package/dist/components/LoadingV2/LoadingV2.js

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { classes as _ } from "../../utils/helpers.js";
-import '../../assets/LoadingV2.css';const t = "_spinner_tub9o_11", o = "_spinner__wrapper_tub9o_23", l = "_spinner__left_tub9o_57", c = "_spinner__right_tub9o_61", m = "_spinner__anim_tub9o_65", n = {
-  "loading-wrapper": "_loading-wrapper_tub9o_1",
-  spinner: t,
-  spinner__wrapper: o,
-  "spinner--pie": "_spinner--pie_tub9o_41",
-  "spinner--ring": "_spinner--ring_tub9o_45",
-  spinner__left: l,
+import '../../assets/LoadingV2.css';const o = "_spinner_1o6w7_247", l = "_spinner__wrapper_1o6w7_256", t = "_spinner__left_1o6w7_290", c = "_spinner__right_1o6w7_294", m = "_spinner__anim_1o6w7_298", n = {
+  "loading-wrapper": "_loading-wrapper_1o6w7_237",
+  spinner: o,
+  spinner__wrapper: l,
+  "spinner--pie": "_spinner--pie_1o6w7_274",
+  "spinner--ring": "_spinner--ring_1o6w7_278",
+  spinner__left: t,
   spinner__right: c,
   spinner__anim: m,
-  "loading-wrapper__message": "_loading-wrapper__message_tub9o_97"
+  "loading-wrapper__message": "_loading-wrapper__message_1o6w7_330"
 };
-function u({
+function g({
   width: i = "3rem",
   topOffset: p = "50%",
   message: r = "",
@@ -44,6 +44,6 @@ function u({
   );
 }
 export {
-  u as LoadingV2,
-  u as default
+  g as LoadingV2,
+  g as default
 };

package/dist/components/ModalContainer/ModalContainer.js

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as k, Fragment as B } from "react/jsx-runtime";
-import { useState as i, useRef as x, useEffect as v, Suspense as M, Children as w, isValidElement as F, cloneElement as K } from "react";
-import { r as N } from "../../index-DzfYkULW.mjs";
+import { jsx as s, jsxs as k, Fragment as M } from "react/jsx-runtime";
+import { useState as i, useRef as x, useEffect as v, Suspense as w, Children as F, isValidElement as K, cloneElement as N } from "react";
+import { r as j } from "../../index-DzfYkULW.mjs";
 import { classes as D } from "../../utils/helpers.js";
 import { blockLayoutsMap as q } from "../../settings.js";
 import { X as R } from "../../x-Ck9Vk5Fo.mjs";
-import '../../assets/ModalContainer.css';const T = "_modal_ojmou_1", C = {
+import '../../assets/ModalContainer.css';const T = "_modal_1es68_237", C = {
   modal: T,
-  "modal__close-btn": "_modal__close-btn_ojmou_48"
+  "modal__close-btn": "_modal__close-btn_1es68_284"
 }, V = (l) => {
   if (!document.querySelector(`#${l}`)) {
     const n = document.createElement("div");
@@ -30,7 +30,7 @@ function J({
     }, 750);
   }, f = (e) => {
     t.current !== null && [...t.current.attributes].findIndex((c) => c.name === "open") !== -1 && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), E());
-  }, j = (e) => {
+  }, B = (e) => {
     e.target instanceof HTMLElement && e.target.classList.contains(`${C.modal}`) && E();
   };
   return V(n), v(() => {
@@ -67,8 +67,8 @@ function J({
     };
   }, [d]), v(() => {
     t.current !== null && [...t.current.attributes].findIndex((e) => e.name === "open") === -1 && m !== null && (t.current.showModal(), h.current && h.current.blur());
-  }, [m, $]), N.createPortal(
-    /* @__PURE__ */ s(M, { children: /* @__PURE__ */ k(
+  }, [m, $]), j.createPortal(
+    /* @__PURE__ */ s(w, { children: /* @__PURE__ */ k(
       "dialog",
       {
         "aria-label": b,
@@ -77,7 +77,7 @@ function J({
         "data-state": S,
         ref: t,
         onCancel: (e) => e.preventDefault(),
-        onClick: j,
+        onClick: B,
         onKeyDown: f,
         onKeyUp: f,
         children: [
@@ -89,7 +89,7 @@ function J({
               handleClosing: f
             }
           ),
-          p !== void 0 && /* @__PURE__ */ s(B, { children: w.map(p, (e) => F(e) ? K(e, {
+          p !== void 0 && /* @__PURE__ */ s(M, { children: F.map(p, (e) => K(e) ? N(e, {
             ...m,
             containerClosing: P,
             handleClosing: f

package/dist/components/Overlay/Overlay.js

@@ -1,7 +1,7 @@
 import { jsx as l, Fragment as s } from "react/jsx-runtime";
 import { useEffect as a } from "react";
 import { r as i } from "../../index-DzfYkULW.mjs";
-import '../../assets/Overlay.css';const v = "_overlay_itsaf_1", d = {
+import '../../assets/Overlay.css';const v = "_overlay_9fmgx_237", m = {
   overlay: v
 };
 function p({
@@ -11,7 +11,7 @@ function p({
   return (() => {
     if (!document.querySelector("#overlay")) {
       const e = document.createElement("div");
-      e.setAttribute("id", "overlay"), e.setAttribute("class", `${d.overlay} overlay`), e.setAttribute("data-state", "entering"), r ? r.append(e) : document.body.appendChild(e);
+      e.setAttribute("id", "overlay"), e.setAttribute("class", `${m.overlay} overlay`), e.setAttribute("data-state", "entering"), r ? r.append(e) : document.body.appendChild(e);
     }
   })(), a(() => {
     const t = setInterval(() => {

package/dist/components/PromotionBlock/PromotionBlock.js

@@ -1,37 +1,37 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useRef as _, useEffect as d } from "react";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useRef as p, useEffect as u } from "react";
 import '../../assets/PromotionBlock.css';const o = {
-  "promo-image": "_promo-image_1hym6_12",
-  "promo-image__text": "_promo-image__text_1hym6_33",
-  "promo-copy": "_promo-copy_1hym6_38",
-  "promo-image--animate": "_promo-image--animate_1hym6_44",
-  "promo-copy--animate": "_promo-copy--animate_1hym6_51",
-  "promo-copy__header": "_promo-copy__header_1hym6_59",
-  "promo-copy__description": "_promo-copy__description_1hym6_64",
-  "promo-copy__link": "_promo-copy__link_1hym6_65"
+  "promo-image": "_promo-image_xs0du_248",
+  "promo-image__text": "_promo-image__text_xs0du_269",
+  "promo-copy": "_promo-copy_xs0du_274",
+  "promo-image--animate": "_promo-image--animate_xs0du_280",
+  "promo-copy--animate": "_promo-copy--animate_xs0du_287",
+  "promo-copy__header": "_promo-copy__header_xs0du_295",
+  "promo-copy__description": "_promo-copy__description_xs0du_300",
+  "promo-copy__link": "_promo-copy__link_xs0du_301"
 };
-function g({ image: n, promo: e }) {
-  const a = _(null), m = _(null), s = (t, l) => {
-    const i = a.current, p = m.current;
-    !i || !p || t.forEach((h) => {
-      h.isIntersecting && (i.classList.add(`${o["promo-copy--animate"]}`), p.classList.add(`${o["promo-image--animate"]}`), m.current && l.unobserve(m.current));
+function g({ image: c, promo: e }) {
+  const i = p(null), t = p(null), _ = (n, l) => {
+    const m = i.current, s = t.current;
+    !m || !s || n.forEach((d) => {
+      d.isIntersecting && (m.classList.add(`${o["promo-copy--animate"]}`), s.classList.add(`${o["promo-image--animate"]}`), t.current && l.unobserve(t.current));
     });
   };
-  return d(() => {
-    const t = new IntersectionObserver(s, {
+  return u(() => {
+    const n = new IntersectionObserver(_, {
       root: null,
       rootMargin: "0px",
       threshold: 0.1
     });
-    return t.observe(m.current), () => {
-      t.disconnect();
+    return n.observe(t.current), () => {
+      n.disconnect();
     };
-  }, []), /* @__PURE__ */ c("promotion-block", { children: [
-    /* @__PURE__ */ c("div", { className: o["promo-image"], ref: m, children: [
-      /* @__PURE__ */ r("span", { className: o["promo-image__text"], children: n.text }),
-      /* @__PURE__ */ r("promo-image", { children: /* @__PURE__ */ r("a", { href: e.href, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ r("img", { alt: n.altText, src: n.url }) }) })
+  }, []), /* @__PURE__ */ a("promotion-block", { children: [
+    /* @__PURE__ */ a("div", { className: o["promo-image"], ref: t, children: [
+      /* @__PURE__ */ r("span", { className: o["promo-image__text"], children: c.text }),
+      /* @__PURE__ */ r("promo-image", { children: /* @__PURE__ */ r("a", { href: e.href, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ r("img", { alt: c.altText, src: c.url }) }) })
     ] }),
-    /* @__PURE__ */ c("div", { className: o["promo-copy"], ref: a, children: [
+    /* @__PURE__ */ a("div", { className: o["promo-copy"], ref: i, children: [
       /* @__PURE__ */ r("h4", { className: o["promo-copy__header"], children: e.header }),
       /* @__PURE__ */ r("p", { className: o["promo-copy__description"], children: e.description }),
       /* @__PURE__ */ r(

package/dist/components/ResultsTable/ResultsTable.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { classes as m } from "../../utils/helpers.js";
 import { ResultsTableBody as f } from "../ResultsTableBody/ResultsTableBody.js";
 import { ResultsTableHeader as i } from "../ResultsTableHeader/ResultsTableHeader.js";
-import { s as e } from "../../ResultsTable.module-wcNUQEKe.mjs";
+import { s as e } from "../../ResultsTable.module-DqVv22tU.mjs";
 function n({
   columns: s = [],
   results: l = [],

package/dist/components/ResultsTableBody/ResultsTableBody.js

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as m, jsxs as _ } from "react/jsx-runtime";
 import { classes as l } from "../../utils/helpers.js";
-import { s as e } from "../../ResultsTable.module-wcNUQEKe.mjs";
+import { s as e } from "../../ResultsTable.module-DqVv22tU.mjs";
 function c({ results: r = [], columns: u = [], noResultsMsg: b = "No results were returned" }) {
   return r.length > 0 ? /* @__PURE__ */ t(m, { children: r.map((a, i) => /* @__PURE__ */ t(
     "div",

package/dist/components/ResultsTableHeader/ResultsTableHeader.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { classes as u } from "../../utils/helpers.js";
-import { s } from "../../ResultsTable.module-wcNUQEKe.mjs";
+import { s } from "../../ResultsTable.module-DqVv22tU.mjs";
 function h({ columns: a = [] }) {
   let t = [];
   const i = a.map((e, d) => {

package/dist/components/ScheduleList/ScheduleList.js

@@ -1,29 +1,47 @@
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
-import { useReducer as A, useState as x, useRef as u, useCallback as C, useEffect as c } from "react";
-import { classes as S, getMinutesFromStr as D } from "../../utils/helpers.js";
-import { u as M } from "../../useScheduleContext-D7FdzNxe.mjs";
-import { Loading as O } from "../Loading/Loading.js";
-import { SportsItem as P } from "./schedule-list-items/SportsItem.js";
-import { SeriesItem as k } from "./schedule-list-items/SeriesItem.js";
-import { MovieItem as N } from "./schedule-list-items/MovieItem.js";
-import '../../assets/ScheduleList.css';const y = {
-  "schedule-list__item": "_schedule-list__item_686v7_1",
-  "schedule-list__airdate": "_schedule-list__airdate_686v7_14",
-  "airdate-formatter__date": "_airdate-formatter__date_686v7_22",
-  "airdate-formatter__day": "_airdate-formatter__day_686v7_23",
-  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_686v7_26",
-  "schedule-list": "_schedule-list_686v7_1",
-  "fade-out": "_fade-out_686v7_1",
-  "fade-in": "_fade-in_686v7_1",
-  "schedule-list__no-schedule": "_schedule-list__no-schedule_686v7_50",
-  "schedule-content-constrainer": "_schedule-content-constrainer_686v7_102",
-  "image-card__content": "_image-card__content_686v7_116"
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { useReducer as L, useState as A, useRef as E, useCallback as x, useEffect as d } from "react";
+import { classes as T, getMinutesFromStr as C } from "../../utils/helpers.js";
+import { u as k } from "../../useScheduleContext-D7FdzNxe.mjs";
+import { Loading as D } from "../Loading/Loading.js";
+import { SportsItem as M } from "./schedule-list-items/SportsItem.js";
+import { SeriesItem as O } from "./schedule-list-items/SeriesItem.js";
+import { MovieItem as P } from "./schedule-list-items/MovieItem.js";
+import '../../assets/ScheduleList.css';const N = "_fade_7wha0_1", $ = "_slidein_7wha0_1", H = "_slideout_7wha0_1", X = "_scale_7wha0_1", q = "_reveal_7wha0_1", F = "_hide_7wha0_1", g = {
+  "schedule-list__item": "_schedule-list__item_7wha0_237",
+  "schedule-list__airdate": "_schedule-list__airdate_7wha0_250",
+  "airdate-formatter__date": "_airdate-formatter__date_7wha0_258",
+  "airdate-formatter__day": "_airdate-formatter__day_7wha0_259",
+  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_7wha0_262",
+  "schedule-list": "_schedule-list_7wha0_237",
+  "fade-out": "_fade-out_7wha0_1",
+  "fade-in": "_fade-in_7wha0_1",
+  "schedule-list__no-schedule": "_schedule-list__no-schedule_7wha0_286",
+  "schedule-content-constrainer": "_schedule-content-constrainer_7wha0_338",
+  "image-card__content": "_image-card__content_7wha0_352",
+  fade: N,
+  "page-fade-in": "_page-fade-in_7wha0_1",
+  "backdrop-reveal": "_backdrop-reveal_7wha0_1",
+  "slide-up": "_slide-up_7wha0_1",
+  slidein: $,
+  slideout: H,
+  "promo-slide-in-left": "_promo-slide-in-left_7wha0_1",
+  "promo-slide-in-right": "_promo-slide-in-right_7wha0_1",
+  scale: X,
+  reveal: q,
+  "reveal-overlay": "_reveal-overlay_7wha0_1",
+  hide: F,
+  "hide-overlay": "_hide-overlay_7wha0_1",
+  "rotate-full": "_rotate-full_7wha0_1",
+  "ui-spinner-rotate-left": "_ui-spinner-rotate-left_7wha0_1",
+  "ui-spinner-rotate-right": "_ui-spinner-rotate-right_7wha0_1",
+  "clip-path-open": "_clip-path-open_7wha0_1",
+  "clip-path-close": "_clip-path-close_7wha0_1"
 };
-function w(r) {
+function h(r) {
   return typeof r == "object" && !Array.isArray(r) && (r == null ? void 0 : r.queryStatus) && r.queryStatus === "no-results";
 }
-function $(r, o) {
-  switch (o.type) {
+function U(r, n) {
+  switch (n.type) {
     case "START_EXIT":
       return "exiting";
     case "EXIT_COMPLETE":
@@ -36,9 +54,9 @@ function $(r, o) {
       return r;
   }
 }
-const T = (r) => {
-  var o, a, d, t, e, s, E, p, _, f, i;
-  return (o = r.video) != null && o.brightcove_id ? {
+const u = (r) => {
+  var n, o, w, t, e, _, v, s, l, f, i;
+  return (n = r.video) != null && n.brightcove_id ? {
     label: "Watch Preview",
     type: "play-video",
     href: "",
@@ -69,10 +87,10 @@ const T = (r) => {
     //'film',
     position: void 0
     //'inline',
-  } : (((a = r == null ? void 0 : r.content) == null ? void 0 : a.external_link) !== void 0 && ((d = r == null ? void 0 : r.content) == null ? void 0 : d.external_link) !== "" || ((t = r == null ? void 0 : r.content) == null ? void 0 : t.slug) !== void 0 && ((e = r == null ? void 0 : r.content) == null ? void 0 : e.slug) !== "") && !((s = r == null ? void 0 : r.content) != null && s.prevent_detail_page) ? {
+  } : (((o = r == null ? void 0 : r.content) == null ? void 0 : o.external_link) !== void 0 && ((w = r == null ? void 0 : r.content) == null ? void 0 : w.external_link) !== "" || ((t = r == null ? void 0 : r.content) == null ? void 0 : t.slug) !== void 0 && ((e = r == null ? void 0 : r.content) == null ? void 0 : e.slug) !== "") && !((_ = r == null ? void 0 : r.content) != null && _.prevent_detail_page) ? {
     label: (r == null ? void 0 : r.program_class) === "Episode" ? "View Series Details" : (r == null ? void 0 : r.program_class) === "Film" ? "View Movie Details" : "Learn More",
-    type: (E = r == null ? void 0 : r.content) != null && E.external_link ? "external-link" : "internal-link",
-    href: (p = r == null ? void 0 : r.content) != null && p.external_link ? (_ = r == null ? void 0 : r.content) == null ? void 0 : _.external_link : r.program_class === "Episode" ? `/show/${(f = r == null ? void 0 : r.content) == null ? void 0 : f.slug}` : `/movie/${(i = r == null ? void 0 : r.content) == null ? void 0 : i.slug}`,
+    type: (v = r == null ? void 0 : r.content) != null && v.external_link ? "external-link" : "internal-link",
+    href: (s = r == null ? void 0 : r.content) != null && s.external_link ? (l = r == null ? void 0 : r.content) == null ? void 0 : l.external_link : r.program_class === "Episode" ? `/show/${(f = r == null ? void 0 : r.content) == null ? void 0 : f.slug}` : `/movie/${(i = r == null ? void 0 : r.content) == null ? void 0 : i.slug}`,
     position: "inline"
   } : {
     label: "",
@@ -81,31 +99,31 @@ const T = (r) => {
     position: void 0
   };
 };
-function B({
+function K({
   handleClicks: r = () => !0
 }) {
-  const { schedule: o, isLoading: a, isError: d } = M(), [t, e] = A($, "idle"), [s, E] = x(o), p = u(null), _ = u(null), f = C(() => {
-    _.current && (clearTimeout(_.current), _.current = null), t === "exiting" ? e({ type: "EXIT_COMPLETE" }) : t === "entering" && e({ type: "ENTER_COMPLETE" });
+  const { schedule: n, isLoading: o, isError: w } = k(), [t, e] = L(U, "idle"), [_, v] = A(n), s = E(null), l = E(null), f = x(() => {
+    l.current && (clearTimeout(l.current), l.current = null), t === "exiting" ? e({ type: "EXIT_COMPLETE" }) : t === "entering" && e({ type: "ENTER_COMPLETE" });
   }, [t]);
-  return c(() => {
-    const i = p.current;
+  return d(() => {
+    const i = s.current;
     if (i)
       return i.addEventListener("animationend", f), () => {
         i.removeEventListener("animationend", f);
       };
-  }, [f]), c(() => {
-    a && t === "idle" && e({ type: "START_EXIT" });
-  }, [a, t]), c(() => {
-    !a && t === "exiting" && e({ type: "EXIT_COMPLETE" });
-  }, [a, t]), c(() => {
-    const i = w(o) || Array.isArray(o) && o.length >= 0;
-    !a && t === "loading" && i && (E(o), e({ type: "SCHEDULE_LOADED" }));
-  }, [a, t, o]), c(() => {
-    if (t === "exiting" && p.current && p.current) {
-      const i = document.querySelector("sticky-content-wrapper"), g = document.querySelector(".mobile-nav");
-      let l = 0;
-      i && (l += i.offsetHeight), g && window.getComputedStyle(g).display !== "none" && (l += g.offsetHeight), l += 16;
-      const R = p.current.getBoundingClientRect(), L = window.pageYOffset || document.documentElement.scrollTop, b = R.top + L - l;
+  }, [f]), d(() => {
+    o && t === "idle" && e({ type: "START_EXIT" });
+  }, [o, t]), d(() => {
+    !o && t === "exiting" && e({ type: "EXIT_COMPLETE" });
+  }, [o, t]), d(() => {
+    const i = h(n) || Array.isArray(n) && n.length >= 0;
+    !o && t === "loading" && i && (v(n), e({ type: "SCHEDULE_LOADED" }));
+  }, [o, t, n]), d(() => {
+    if (t === "exiting" && s.current && s.current) {
+      const i = document.querySelector("sticky-content-wrapper"), c = document.querySelector(".mobile-nav");
+      let p = 0;
+      i && (p += i.offsetHeight), c && window.getComputedStyle(c).display !== "none" && (p += c.offsetHeight), p += 16;
+      const S = s.current.getBoundingClientRect(), R = window.pageYOffset || document.documentElement.scrollTop, b = S.top + R - p;
       setTimeout(() => {
         window.scrollTo({
           top: b,
@@ -113,9 +131,9 @@ function B({
         });
       }, 400);
     }
-  }, [t]), c(() => () => {
-    _.current && clearTimeout(_.current);
-  }, []), t === "loading" ? /* @__PURE__ */ n(
+  }, [t]), d(() => () => {
+    l.current && clearTimeout(l.current);
+  }, []), t === "loading" ? /* @__PURE__ */ a(
     "div",
     {
       style: {
@@ -124,82 +142,82 @@ function B({
         minHeight: "100dvh",
         paddingTop: "6rem"
       },
-      children: /* @__PURE__ */ n(O, {})
+      children: /* @__PURE__ */ a(D, {})
     }
-  ) : d ? /* @__PURE__ */ v("div", { className: "schedule-list__no-schedule", children: [
-    /* @__PURE__ */ n("h2", { children: "There was an error loading the schedule for this day." }),
-    /* @__PURE__ */ v("p", { children: [
+  ) : w ? /* @__PURE__ */ y("div", { className: "schedule-list__no-schedule", children: [
+    /* @__PURE__ */ a("h2", { children: "There was an error loading the schedule for this day." }),
+    /* @__PURE__ */ y("p", { children: [
       "Please try again later. If this problem persists report it at ",
-      /* @__PURE__ */ n("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
+      /* @__PURE__ */ a("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
       "."
     ] })
-  ] }) : w(s) ? /* @__PURE__ */ v(
+  ] }) : h(_) ? /* @__PURE__ */ y(
     "div",
     {
-      className: S([
-        y["schedule-list__no-schedule"],
+      className: T([
+        g["schedule-list__no-schedule"],
         "schedule-list__no-schedule"
       ]),
       "data-state": t,
       style: { animationDelay: "500ms" },
       children: [
-        /* @__PURE__ */ n("h2", { children: "There are no shows scheduled for this day." }),
-        /* @__PURE__ */ v("p", { children: [
+        /* @__PURE__ */ a("h2", { children: "There are no shows scheduled for this day." }),
+        /* @__PURE__ */ y("p", { children: [
           "Please try again later. If this problem persists report it at ",
-          /* @__PURE__ */ n("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
+          /* @__PURE__ */ a("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
           "."
         ] })
       ]
     }
-  ) : Array.isArray(s) && s.length === 0 ? /* @__PURE__ */ v(
+  ) : Array.isArray(_) && _.length === 0 ? /* @__PURE__ */ y(
     "div",
     {
-      className: S([
-        y["schedule-list__no-schedule"],
+      className: T([
+        g["schedule-list__no-schedule"],
         "schedule-list__no-schedule"
       ]),
       "data-state": t,
       children: [
-        /* @__PURE__ */ n("h2", { children: "Our programming schedule for today has completed." }),
-        /* @__PURE__ */ n("p", { children: "Our programming will restart at 6am." })
+        /* @__PURE__ */ a("h2", { children: "Our programming schedule for today has completed." }),
+        /* @__PURE__ */ a("p", { children: "Our programming will restart at 6am." })
       ]
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ a(
     "ul",
     {
-      className: `${y["schedule-list"]} schedule-list`,
+      className: `${g["schedule-list"]} schedule-list`,
       "data-state": t,
-      ref: p,
-      children: Array.isArray(s) && s.map((i) => {
-        const g = D(i.element_length), l = T(i).type === "" ? [g, i.rating] : [g, i.rating, " "];
-        return i.program_class === "Episode" ? /* @__PURE__ */ n(
-          k,
+      ref: s,
+      children: Array.isArray(_) && _.map((i) => {
+        const c = C(i.element_length), p = u(i).type === "" ? [c, i.rating] : [c, i.rating, " "];
+        return i.program_class === "Episode" ? /* @__PURE__ */ a(
+          O,
           {
-            determineCTA: T,
+            determineCTA: u,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: l,
-            styles: y
+            strListArr: p,
+            styles: g
           },
           `schedule-list-${i.id}`
-        ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ n(
-          N,
+        ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ a(
+          P,
           {
-            determineCTA: T,
+            determineCTA: u,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: l,
-            styles: y
+            strListArr: p,
+            styles: g
           },
           `schedule-list-${i.id}`
-        ) : i.program_class === "Sports" ? /* @__PURE__ */ n(
-          P,
+        ) : i.program_class === "Sports" ? /* @__PURE__ */ a(
+          M,
           {
-            determineCTA: T,
+            determineCTA: u,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: l,
-            styles: y
+            strListArr: p,
+            styles: g
           },
           `schedule-list-${i.id}`
         ) : null;
@@ -208,6 +226,6 @@ function B({
   );
 }
 export {
-  B as ScheduleList,
-  B as default
+  K as ScheduleList,
+  K as default
 };