@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/PromotionsRowModule/PromotionsRowModule.js

@@ -0,0 +1,113 @@
+import { jsxs as h, jsx as a, Fragment as S } from "react/jsx-runtime";
+import { useState as R, useEffect as x } from "react";
+import { PromotionsRowBlock as I } from "../PromotionsRowBlock/PromotionsRowBlock.js";
+import { ImageCard as b } from "../ImageCard/ImageCard.js";
+import { Carousel as B } from "../Carousel/Carousel.js";
+import { CtaBlock as v } from "../CtaBlock/CtaBlock.js";
+import { classes as G } from "../../utils/helpers.js";
+import '../../assets/PromotionsRowModule.css';const P = {
+  paginationType: "dots",
+  showControls: !0,
+  controlButtonsOffset: -4,
+  controlArrowSize: 48,
+  showScrollbar: !1,
+  startIndex: 0,
+  variableHeight: !0,
+  title: "",
+  autoplay: !1,
+  autoplayDelay: 3500,
+  showPagination: !1,
+  gutterSize: 0,
+  slideAspectRatio: "4/2",
+  slideGap: 1.5,
+  cellsPerSlide: 4,
+  cellAspectRatio: "unset",
+  cellsPosition: "flex-start",
+  wrapAround: !1
+};
+function T({ title: d = "", promos: n = [], handleClicks: o = null }) {
+  const [u, w] = R([]), y = (t) => {
+    console.log("event details:", t);
+  };
+  if (x(() => {
+    const t = async (r) => {
+      const c = await r.map((e) => {
+        var l, i, s;
+        return {
+          title: "",
+          layout: "ImageCard",
+          props: {
+            image: {
+              url: e.image.url,
+              altText: e.image.altText,
+              aspectRatio: e.image.aspectRatio
+            },
+            title: e.title,
+            content: e.content,
+            handleClicks: o ?? y,
+            relatedResourceId: e.id,
+            overlayContent: e != null && e.overlayContent ? /* @__PURE__ */ a(
+              v,
+              {
+                title: (l = e.overlayContent) == null ? void 0 : l.title,
+                content: (i = e.overlayContent) == null ? void 0 : i.content,
+                cta: (s = e.overlayContent) == null ? void 0 : s.cta
+              }
+            ) : "",
+            cta: e.cta
+          }
+        };
+      });
+      w(c);
+    };
+    n.length > 4 && t(n);
+  }, [n, o]), n.length <= 4)
+    return /* @__PURE__ */ h("section", { className: "promotions-row", children: [
+      /* @__PURE__ */ a("h2", { className: G(["h2", "promotions-row__header"]), children: d }),
+      /* @__PURE__ */ a(I, { gap: "2rem", children: n.map((t) => {
+        var r, c, e, l, i, s, C, f, g;
+        return /* @__PURE__ */ a(
+          b,
+          {
+            classname: t == null ? void 0 : t.classname,
+            image: t.image,
+            title: t.title,
+            content: t.content,
+            cta: t.cta,
+            handleClicks: ((r = t == null ? void 0 : t.cta) == null ? void 0 : r.type) === "play-video" ? o ?? y : () => !0,
+            relatedResourceId: t.id,
+            overlayContent: t.overlayContent ? /* @__PURE__ */ a(
+              v,
+              {
+                title: (c = t.overlayContent) == null ? void 0 : c.title,
+                content: (e = t.overlayContent) == null ? void 0 : e.content,
+                cta: (l = t.overlayContent) == null ? void 0 : l.cta,
+                titleImageUrl: (i = t.overlayContent) == null ? void 0 : i.titleImageUrl,
+                btnGradientStartColor: (s = t.overlayContent) == null ? void 0 : s.btnGradientStartColor,
+                btnGradientEndColor: (C = t.overlayContent) == null ? void 0 : C.btnGradientEndColor,
+                ctaButtonStyle: (f = t.overlayContent) == null ? void 0 : f.ctaButtonStyle,
+                type: (g = t.overlayConent) == null ? void 0 : g.type
+              }
+            ) : ""
+          },
+          `promo-image-card-${Math.round(Math.random() * 1e7)}`
+        );
+      }) })
+    ] });
+  if (n.length > 4 && u.length) return /* @__PURE__ */ h(S, { children: [
+    /* @__PURE__ */ a("h1", { className: ["h3", "promotions-row__header"].join(" "), children: d }),
+    /* @__PURE__ */ a(
+      B,
+      {
+        title: !0,
+        slides: u,
+        options: P,
+        id: "promotions-row"
+      }
+    )
+  ] });
+}
+export {
+  T as PromotionsRowModule,
+  T as default
+};

package/dist/components/PromotionsRowModule/index.d.ts

@@ -0,0 +1 @@
+export { PromotionsRowModule, PromotionsRowModule as default } from './PromotionsRowModule';

package/dist/components/PromotionsRowModule/index.js

@@ -0,0 +1,5 @@
+import { PromotionsRowModule as r, PromotionsRowModule as t } from "./PromotionsRowModule.js";
+export {
+  r as PromotionsRowModule,
+  t as default
+};

package/dist/components/RescanInstructions/RescanInstructions.d.ts

@@ -0,0 +1,4 @@
+export function RescanInstructions({ brandName }: {
+    brandName?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default RescanInstructions;

package/dist/components/RescanInstructions/RescanInstructions.js

@@ -0,0 +1,30 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import "react";
+import { InstructionsList as t } from "../InstructionsList/InstructionsList.js";
+import '../../assets/RescanInstructions.css';const s = "_rescan__header_ndzy9_5", o = {
+  "rescan-instructions": "_rescan-instructions_ndzy9_1",
+  rescan__header: s
+};
+function g({ brandName: r = "" }) {
+  return /* @__PURE__ */ e("section", { className: [o["rescan-instructions"], "rescan-instructions"].join(" "), children: [
+    /* @__PURE__ */ n("h3", { className: [o.rescan__header, "rescan__header"].join(" "), children: "LEARN HOW TO RESCAN" }),
+    /* @__PURE__ */ n(t, { instructions: [
+      "Press the <strong>Menu</strong> button on your Converter Box, Digital TV, or remote.",
+      "Go to <strong>Setup</strong> or <strong>Settings</strong>.",
+      "Go to <strong>Installation</strong>, or <strong>System</strong>, or <strong>Channels</strong>.",
+      "Go to <strong>Scan Channels</strong>, or <strong>Program Channels</strong>, or <strong>Auto Scan</strong>, or <strong>Auto Program</strong>, or <strong>Auto-Tuning</strong>.",
+      "Press <strong>Select</strong>, or <strong>Enter</strong>, or <strong>OK</strong> to scan."
+    ], headerHtml: `Watching ${r} with an antenna? You may need to rescan your TV.` }),
+    /* @__PURE__ */ n(t, { instructions: [
+      "Disconnect the antenna from the Digital TV or Converter Box.",
+      "Rescan without the antenna connected. As with any scan, follow the on-screen instructions or owner's manual for your device.",
+      "Unplug the Digital TV or Converter Box from the electrical outlet for one minute.",
+      "Reconnect the antenna to the Digital TV or Converter Box and plug the unit into the electrical outlet.",
+      "Rescan the Digital TV or Converter Box one more time."
+    ], headerHtml: "Sometimes, a double rescan is needed to clear the memory of your Digital TV or Converter Box:" })
+  ] });
+}
+export {
+  g as RescanInstructions,
+  g as default
+};

package/dist/components/RescanInstructions/index.d.ts

@@ -0,0 +1 @@
+export { RescanInstructions, RescanInstructions as default } from './RescanInstructions';

package/dist/components/RescanInstructions/index.js

@@ -0,0 +1,5 @@
+import { RescanInstructions as t, RescanInstructions as a } from "./RescanInstructions.js";
+export {
+  t as RescanInstructions,
+  a as default
+};

package/dist/components/ResponsiveImage/ResponsiveImage.d.ts

@@ -0,0 +1,14 @@
+export function ResponsiveImage({ fullSizeUrl, sources, altText, classname, handleClick, loading, decoding, fetchpriority, }: {
+    fullSizeUrl: any;
+    sources?: {
+        srcsets: string[];
+        media: string;
+    }[] | undefined;
+    altText?: string | undefined;
+    classname?: string | undefined;
+    handleClick?: (() => boolean) | undefined;
+    loading?: string | undefined;
+    decoding?: string | undefined;
+    fetchpriority?: null | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ResponsiveImage;

package/dist/components/ResponsiveImage/ResponsiveImage.js

@@ -0,0 +1,34 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import "react";
+function f({
+  fullSizeUrl: r,
+  sources: a = [{ srcsets: [""], media: "" }],
+  altText: i = "",
+  classname: t = "",
+  handleClick: c = () => !0,
+  loading: m = "lazy",
+  // null/'eager', 'lazy'
+  decoding: n = "async",
+  // 'sync', 'async', 'auto'
+  fetchpriority: o = null
+  // null/'low', 'high'
+}) {
+  return /* @__PURE__ */ u("picture", { className: t, children: [
+    a.map((s, l) => /* @__PURE__ */ e("source", { media: `(${s.media})`, srcSet: s.srcsets.join(", ") }, `source-${l}`)),
+    /* @__PURE__ */ e(
+      "img",
+      {
+        src: r,
+        alt: i,
+        onClick: c,
+        loading: m,
+        decoding: n,
+        fetchpriority: o
+      }
+    )
+  ] });
+}
+export {
+  f as ResponsiveImage,
+  f as default
+};

package/dist/components/ResponsiveImage/index.d.ts

@@ -0,0 +1 @@
+export { ResponsiveImage, ResponsiveImage as default } from './ResponsiveImage';

package/dist/components/ResponsiveImage/index.js

@@ -0,0 +1,5 @@
+import { ResponsiveImage as a, ResponsiveImage as o } from "./ResponsiveImage.js";
+export {
+  a as ResponsiveImage,
+  o as default
+};

package/dist/components/ResultsTable/ResultsTable.d.ts

@@ -0,0 +1,7 @@
+export function ResultsTable({ columns, results, noResultsMsg, compactLayout }: {
+    columns?: never[] | undefined;
+    results?: never[] | undefined;
+    noResultsMsg?: string | undefined;
+    compactLayout?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ResultsTable;

package/dist/components/ResultsTable/ResultsTable.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import "react";
+import { ResultsTableBody as m } from "../ResultsTableBody/ResultsTableBody.js";
+import { ResultsTableHeader as i } from "../ResultsTableHeader/ResultsTableHeader.js";
+import { classes as p } from "../../utils/helpers.js";
+import { s as e } from "../../ResultsTable.module-B7M9y7hd.mjs";
+function x({
+  columns: s = [],
+  results: l = [],
+  noResultsMsg: a = "No results were returned",
+  compactLayout: r = !1
+}) {
+  return /* @__PURE__ */ o("div", { className: p([
+    e["results-table"],
+    e["fade-in__wrapper"],
+    r ? e["results-table--compact"] : "",
+    r ? "results-table--compact" : ""
+  ]), children: [
+    /* @__PURE__ */ t(i, { columns: s }),
+    /* @__PURE__ */ t(m, { columns: s, results: l, noResultsMsg: a })
+  ] });
+}
+export {
+  x as ResultsTable,
+  x as default
+};

package/dist/components/ResultsTable/index.d.ts

@@ -0,0 +1 @@
+export { ResultsTable, ResultsTable as default } from './ResultsTable';

package/dist/components/ResultsTable/index.js

@@ -0,0 +1,5 @@
+import { ResultsTable as s, ResultsTable as a } from "./ResultsTable.js";
+export {
+  s as ResultsTable,
+  a as default
+};

package/dist/components/ResultsTableBody/ResultsTableBody.d.ts

@@ -0,0 +1,6 @@
+export function ResultsTableBody({ results, columns, noResultsMsg }: {
+    results?: never[] | undefined;
+    columns?: never[] | undefined;
+    noResultsMsg?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export default ResultsTableBody;

package/dist/components/ResultsTableBody/ResultsTableBody.js

@@ -0,0 +1,51 @@
+import { jsx as l, jsxs as _ } from "react/jsx-runtime";
+import "react";
+import { classes as t } from "../../utils/helpers.js";
+import { s as e } from "../../ResultsTable.module-B7M9y7hd.mjs";
+function c({ results: r = [], columns: u = [], noResultsMsg: b = "No results were returned" }) {
+  return r.length > 0 ? r.map((a, i) => /* @__PURE__ */ l(
+    "div",
+    {
+      className: t([
+        e["results-table__row"],
+        "results-table__row"
+      ]),
+      children: u.map((s) => /* @__PURE__ */ _(
+        "div",
+        {
+          className: t([
+            e["results-table__item"],
+            `results-table__${s.title.replace(" ", "-").toLowerCase()}`,
+            "results-table__item"
+          ]),
+          children: [
+            /* @__PURE__ */ _("span", { className: t([
+              e["results-table__mobile-label"],
+              "results-table__mobile-label"
+            ]), children: [
+              s.title,
+              ":"
+            ] }),
+            Object.keys(a).includes(s.resultKey) ? a[s.resultKey] : ""
+          ]
+        },
+        `result-${i}-${s.title}`
+      ))
+    },
+    `result-${i}`
+  )) : /* @__PURE__ */ l("div", { className: e["results-table__row"], children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: t([
+        e["results-table__item"],
+        e["results-table__no-results"],
+        "results-table__no-results"
+      ]),
+      children: b
+    }
+  ) });
+}
+export {
+  c as ResultsTableBody,
+  c as default
+};

package/dist/components/ResultsTableBody/index.d.ts

@@ -0,0 +1 @@
+export { ResultsTableBody, ResultsTableBody as default } from './ResultsTableBody';

package/dist/components/ResultsTableBody/index.js

@@ -0,0 +1,5 @@
+import { ResultsTableBody as s, ResultsTableBody as a } from "./ResultsTableBody.js";
+export {
+  s as ResultsTableBody,
+  a as default
+};

package/dist/components/ResultsTableHeader/ResultsTableHeader.d.ts

@@ -0,0 +1,4 @@
+export function ResultsTableHeader({ columns }: {
+    columns?: never[] | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ResultsTableHeader;

package/dist/components/ResultsTableHeader/ResultsTableHeader.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { s as r } from "../../ResultsTable.module-B7M9y7hd.mjs";
+function o({ columns: s = [] }) {
+  return /* @__PURE__ */ t("div", { className: [r["results-table__row"], r["results-table__header-row"], "results-table__header-row"].join(" "), children: s.map((e) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: [
+        r["results-table__header"],
+        `results-table__${e.title.replace(" ", "-").toLowerCase()}`,
+        "results-table__header"
+      ].join(" "),
+      children: e.title
+    },
+    `result-header-${e.title}`
+  )) });
+}
+export {
+  o as ResultsTableHeader,
+  o as default
+};

package/dist/components/ResultsTableHeader/index.d.ts

@@ -0,0 +1 @@
+export { ResultsTableHeader, ResultsTableHeader as default } from './ResultsTableHeader';

package/dist/components/ResultsTableHeader/index.js

@@ -0,0 +1,5 @@
+import { ResultsTableHeader as l, ResultsTableHeader as s } from "./ResultsTableHeader.js";
+export {
+  l as ResultsTableHeader,
+  s as default
+};

package/dist/components/ScheduleLayout/ScheduleLayout.d.ts

@@ -0,0 +1,6 @@
+export function ScheduleLayout({ schedule, handleScheduleClicks, handleDateChanged }: {
+    schedule?: never[] | undefined;
+    handleScheduleClicks?: (() => boolean) | undefined;
+    handleDateChanged?: (() => boolean) | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ScheduleLayout;

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -0,0 +1,28 @@
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { useState as a, useEffect as f } from "react";
+import { DateNavigation as x } from "../DateNavigation/DateNavigation.js";
+import { ScheduleList as w } from "../ScheduleList/ScheduleList.js";
+import { chunkArray as L, create2WeeksList as S } from "../../utils/date-helpers.js";
+import { f as u } from "../../format-DF9p-6BI.mjs";
+import { s as b } from "../../sub-DTz41m8W.mjs";
+function F({ schedule: o = [], handleScheduleClicks: e = () => !0, handleDateChanged: c = () => !0 }) {
+  const l = (/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: "America/New_York" }), t = new Date(l), [r, d] = a(Number.parseInt(u(t, "H"), 10) < 6 ? b(t, { days: 1 }) : t), g = L(S(), 7), [p, n] = a(!1), [D, i] = a(!1), h = (m) => {
+    i(!0), setTimeout(() => {
+      n(!0);
+    }, 325), setTimeout(() => {
+      d(m), c(m);
+    }, 2e3);
+  };
+  return f(() => {
+    i(!1), n(!1);
+  }, [o]), f(() => {
+    e(r);
+  }, [r, e]), /* @__PURE__ */ y("schedule-layout", { children: [
+    /* @__PURE__ */ s(x, { weeks: g, handleDateChanged: h }),
+    /* @__PURE__ */ s("div", { id: u(r, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ s(w, { schedule: o, handleClicks: e, fetching: p, exiting: D }) })
+  ] });
+}
+export {
+  F as ScheduleLayout,
+  F as default
+};

package/dist/components/ScheduleLayout/index.d.ts

@@ -0,0 +1 @@
+export { ScheduleLayout, ScheduleLayout as default } from './ScheduleLayout';

package/dist/components/ScheduleLayout/index.js

@@ -0,0 +1,5 @@
+import { ScheduleLayout as a, ScheduleLayout as o } from "./ScheduleLayout.js";
+export {
+  a as ScheduleLayout,
+  o as default
+};

package/dist/components/ScheduleList/ScheduleList.d.ts

@@ -0,0 +1,6 @@
+export function ScheduleList({ schedule, handleClicks, exiting, }: {
+    schedule?: never[] | undefined;
+    handleClicks?: (() => boolean) | undefined;
+    exiting?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ScheduleList;

package/dist/components/ScheduleList/ScheduleList.js

@@ -0,0 +1,100 @@
+import { jsx as _ } from "react/jsx-runtime";
+import "react";
+import { SportsItem as j } from "./schedule-list-items/SportsItem.js";
+import { SeriesItem as w } from "./schedule-list-items/SeriesItem.js";
+import { MovieItem as $ } from "./schedule-list-items/MovieItem.js";
+import { getMinutesFromStr as k } from "../../utils/helpers.js";
+import '../../assets/ScheduleList.css';const g = {
+  "schedule-list__item": "_schedule-list__item_10j6g_1",
+  "schedule-list__airdate": "_schedule-list__airdate_10j6g_12",
+  "schedule-list": "_schedule-list_10j6g_1",
+  "fade-in": "_fade-in_10j6g_1",
+  "fade-out": "_fade-out_10j6g_1"
+}, f = (r) => {
+  var o, p, i, a, n, t, v, y, x, b, S;
+  return (o = r.video) != null && o.brightcove_id ? {
+    label: "Watch Preview",
+    type: "play-video",
+    href: "",
+    relatedResourceId: r.video.brightcove_id,
+    position: "inline"
+  } : r != null && r.showUpcoming && (r == null ? void 0 : r.program_class) === "Episode" ? {
+    label: "",
+    //`View Upcoming Airings`
+    type: "",
+    //'show-modal',
+    href: "",
+    relatedResourceId: "",
+    //determineSeriesPrefix(scheduleItem.series_prefix),
+    relatedResourceType: "",
+    //'series',
+    position: ""
+    //'inline',
+  } : r != null && r.showUpcoming && (r == null ? void 0 : r.program_class) === "Film" ? {
+    label: "",
+    //`View Upcoming Airings`,
+    type: "",
+    //'show-modal',
+    href: "",
+    relatedResourceId: "",
+    //scheduleItem.title_code,
+    relatedResourceType: "",
+    //'film',
+    position: ""
+    //'inline',
+  } : (((p = r == null ? void 0 : r.content) == null ? void 0 : p.external_link) !== void 0 && ((i = r == null ? void 0 : r.content) == null ? void 0 : i.external_link) !== "" || ((a = r == null ? void 0 : r.content) == null ? void 0 : a.slug) !== void 0 && ((n = r == null ? void 0 : r.content) == null ? void 0 : n.slug) !== "") && !((t = r == null ? void 0 : r.content) != null && t.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: (v = r == null ? void 0 : r.content) != null && v.external_link ? "external-link" : "internal-link",
+    href: (y = r == null ? void 0 : r.content) != null && y.external_link ? (x = r == null ? void 0 : r.content) == null ? void 0 : x.external_link : r.program_class === "Episode" ? `/show/${(b = r == null ? void 0 : r.content) == null ? void 0 : b.slug}` : `/movie/${(S = r == null ? void 0 : r.content) == null ? void 0 : S.slug}`,
+    position: "inline"
+  } : {
+    label: "",
+    type: "",
+    href: "",
+    position: ""
+  };
+};
+function A({
+  schedule: r = [],
+  handleClicks: o = () => !0,
+  exiting: p = !1
+}) {
+  return /* @__PURE__ */ _("ul", { className: `${g["schedule-list"]} schedule-list`, "data-state": p ? "exiting" : "idle", children: r.length !== 0 && r.map((i) => {
+    const a = k(i.element_length), n = f(i).type === "" ? [a, i.rating] : [a, i.rating, " "];
+    return i.program_class === "Episode" ? /* @__PURE__ */ _(
+      w,
+      {
+        scheduleItem: i,
+        styles: g,
+        strListArr: n,
+        handleClicks: o,
+        determineCTA: f
+      },
+      `schedule-list-${i.id}`
+    ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ _(
+      $,
+      {
+        scheduleItem: i,
+        styles: g,
+        strListArr: n,
+        handleClicks: o,
+        determineCTA: f
+      },
+      `schedule-list-${i.id}`
+    ) : i.program_class === "Sports" ? /* @__PURE__ */ _(
+      j,
+      {
+        scheduleItem: i,
+        styles: g,
+        strListArr: n,
+        handleClicks: o,
+        determineCTA: f
+      },
+      `schedule-list-${i.id}`
+    ) : null;
+  }) });
+}
+export {
+  A as ScheduleList,
+  A as default
+};

package/dist/components/ScheduleList/index.d.ts

@@ -0,0 +1 @@
+export { ScheduleList, ScheduleList as default } from './ScheduleList';

package/dist/components/ScheduleList/index.js

@@ -0,0 +1,5 @@
+import { ScheduleList as d, ScheduleList as l } from "./ScheduleList.js";
+export {
+  d as ScheduleList,
+  l as default
+};

package/dist/components/ScheduleList/schedule-list-items/AirDateSegment.d.ts

@@ -0,0 +1,5 @@
+export function AirDateSegment({ scheduleItem, styles }: {
+    scheduleItem: any;
+    styles: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default AirDateSegment;

package/dist/components/ScheduleList/schedule-list-items/AirDateSegment.js

@@ -0,0 +1,21 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "react";
+import { determineIfShowIsOnNow as o } from "../../../utils/date-helpers.js";
+import { classes as s, convert12to24 as e } from "../../../utils/helpers.js";
+import { AirDateFormatter as n } from "../../AirDateFormatter/AirDateFormatter.js";
+function f({ scheduleItem: t, styles: a }) {
+  return /* @__PURE__ */ i("div", { className: s([a["schedule-list__airdate"], "schedule-list__airdate"]), children: [
+    o(`${t.start_date_parse}T${e(t.start_time)}`, t.element_length) && /* @__PURE__ */ r("div", { className: "schedule-list__on-now", children: "On Now" }),
+    /* @__PURE__ */ r(
+      n,
+      {
+        airdateStr: `${t.start_date} ${e(t.start_time)}`,
+        separatorType: "line-break"
+      }
+    )
+  ] });
+}
+export {
+  f as AirDateSegment,
+  f as default
+};

package/dist/components/ScheduleList/schedule-list-items/MovieItem.d.ts

@@ -0,0 +1,8 @@
+export function MovieItem({ scheduleItem, styles, handleClicks, strListArr, determineCTA }: {
+    scheduleItem: any;
+    styles: any;
+    handleClicks: any;
+    strListArr: any;
+    determineCTA: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default MovieItem;

package/dist/components/ScheduleList/schedule-list-items/MovieItem.js

@@ -0,0 +1,39 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import "react";
+import { AirDateSegment as f } from "./AirDateSegment.js";
+import { ImageCard as l } from "../../ImageCard/ImageCard.js";
+import { StringList as e } from "../../StringList/StringList.js";
+import { Concat as g } from "../../Concat/Concat.js";
+import { classes as C } from "../../../utils/helpers.js";
+function j({ scheduleItem: i, styles: r, handleClicks: a, strListArr: n, determineCTA: p }) {
+  var o;
+  const m = [
+    `<div>${i.program_synopsis}</div>`,
+    /* @__PURE__ */ t(e, { list: n, separatorType: "pipe" })
+  ];
+  return /* @__PURE__ */ s("li", { className: C([r["schedule-list__item"], "schedule-list__item"]), children: [
+    /* @__PURE__ */ t(f, { scheduleItem: i, styles: r }),
+    /* @__PURE__ */ t(
+      l,
+      {
+        id: i.id,
+        image: {
+          url: ((o = i == null ? void 0 : i.content) == null ? void 0 : o.image) ?? "",
+          altText: "",
+          aspectRatio: 543 / 305
+        },
+        title: i.program,
+        content: /* @__PURE__ */ t(g, { list: m }),
+        cta: p(i),
+        clampContentLines: !0,
+        numberOfLinesToClamp: 5,
+        displayInline: !0,
+        handleClicks: a
+      }
+    )
+  ] }, `schedule-list-${i.id}`);
+}
+export {
+  j as MovieItem,
+  j as default
+};

package/dist/components/ScheduleList/schedule-list-items/SeriesItem.d.ts

@@ -0,0 +1,8 @@
+export function SeriesItem({ scheduleItem, styles, strListArr, handleClicks, determineCTA }: {
+    scheduleItem: any;
+    styles: any;
+    strListArr: any;
+    handleClicks: any;
+    determineCTA: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default SeriesItem;