@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/AirDateFormatter/AirDateFormatter.js

@@ -0,0 +1,82 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import "react";
+import { classes as i } from "../../utils/helpers.js";
+import { s as $ } from "../../sub-DTz41m8W.mjs";
+import { f as m } from "../../format-DF9p-6BI.mjs";
+import { a as u } from "../../add-DH4DZT_w.mjs";
+import '../../assets/AirDateFormatter.css';const d = {
+  "airdate-formatter__pipe": "_airdate-formatter__pipe_1ox2d_1",
+  "airdate-formatter__date": "_airdate-formatter__date_1ox2d_8",
+  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_1ox2d_13"
+};
+function b({ airdateStr: f = null, separatorType: p = "none" }) {
+  if (f === null) return /* @__PURE__ */ a("airdate-formatter", { class: "no-airdate", children: " " });
+  const e = new Date(f.replace(" ", "T")), h = $(e, { hours: 1 }), o = e.getMinutes() === 0 ? "" : m(e, ":mm"), s = `${m(e, "h")}${o}${Number.parseInt(m(e, "H"), 10) < 12 ? "a" : ""}`, l = `${m(h, "h")}${o}`;
+  let r = `${m(e, "ccc")}`, n = "";
+  const c = new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: "America/New_York" })), _ = u(c, { days: 1 });
+  switch (`${c.getFullYear()}${c.getMonth()}${c.getDate()}` == `${e.getFullYear()}${e.getMonth()}${e.getDate()}` ? r = "Today" : `${_.getFullYear()}${_.getMonth()}${_.getDate()}` == `${e.getFullYear()}${e.getMonth()}${e.getDate()}` ? r = "Tomorrow" : n = `${m(e, "LLL d")}`, p) {
+    case "pipe":
+      return /* @__PURE__ */ t("airdate-formatter", { children: [
+        /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: r === "Today" || r === "Tomorrow" ? r : `${r}, ${n}` }),
+        /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__pipe"], "airdate-formatter__pipe"]), children: " | " }),
+        /* @__PURE__ */ t("span", { className: "airdate-formatter__time-wrap", children: [
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          "/",
+          o !== "" ? /* @__PURE__ */ a("br", {}) : null,
+          /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
+            l,
+            /* @__PURE__ */ a("span", { children: "c" })
+          ] })
+        ] })
+      ] });
+    case "line-break":
+      return /* @__PURE__ */ t("airdate-formatter", { children: [
+        /* @__PURE__ */ a("div", { className: i([d["airdate-formatter__day"], "airdate-formatter__day"]), children: r }),
+        /* @__PURE__ */ a("div", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: n }),
+        /* @__PURE__ */ t("div", { className: i([d["airdate-formatter__time-wrap"], "airdate-formatter__time-wrap"]), children: [
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          "/",
+          o !== "" ? /* @__PURE__ */ a("br", {}) : null,
+          /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
+            l,
+            /* @__PURE__ */ a("span", { children: "c" })
+          ] })
+        ] })
+      ] });
+    case "single-line-break":
+      return /* @__PURE__ */ t("airdate-formatter", { children: [
+        /* @__PURE__ */ t("div", { className: i([d["airdate-formatter__day"], "airdate-formatter__day"]), children: [
+          r,
+          " ",
+          /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: n })
+        ] }),
+        /* @__PURE__ */ t("div", { className: i([d["airdate-formatter__time-wrap"], "airdate-formatter__time-wrap"]), children: [
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          "/",
+          o !== "" ? /* @__PURE__ */ a("br", {}) : null,
+          /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
+            l,
+            /* @__PURE__ */ a("span", { children: "c" })
+          ] })
+        ] })
+      ] });
+    case "none":
+    default:
+      return /* @__PURE__ */ t("airdate-formatter", { children: [
+        /* @__PURE__ */ a("span", { className: i([d["airdate-formatter__date"], "airdate-formatter__date"]), children: r === "Today" || r === "Tomorrow" ? r : `${r}, ${n}` }),
+        " ",
+        /* @__PURE__ */ t("span", { className: i([d["airdate-formatter__time-wrap"], "airdate-formatter__time-wrap"]), children: [
+          /* @__PURE__ */ a("span", { className: "airdate-formatter__time", children: s }),
+          "/",
+          /* @__PURE__ */ t("span", { className: "airdate-formatter__central-time", children: [
+            l,
+            /* @__PURE__ */ a("span", { children: "c" })
+          ] })
+        ] })
+      ] });
+  }
+}
+export {
+  b as AirDateFormatter,
+  b as default
+};

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

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

package/dist/components/AirDateFormatter/index.js

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

package/dist/components/AnchorTag/AnchorTag.d.ts

@@ -0,0 +1,9 @@
+export function AnchorTag({ href, classname, label, type, image, clickHandler }: {
+    href?: string | undefined;
+    classname?: string | undefined;
+    label?: string | undefined;
+    type?: string | undefined;
+    image?: null | undefined;
+    clickHandler?: null | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default AnchorTag;

package/dist/components/AnchorTag/AnchorTag.js

@@ -0,0 +1,45 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import "react";
+import '../../assets/AnchorTag.css';const o = {
+  "anchor-tag--image": "_anchor-tag--image_1nb7n_1"
+};
+function g({
+  href: l = "",
+  classname: t = "",
+  label: i = "",
+  type: n = "internal-link",
+  image: r = null,
+  clickHandler: a = null
+}) {
+  return r !== null ? /* @__PURE__ */ s(
+    "a",
+    {
+      href: l,
+      className: [t, o["anchor-tag--image"], "anchor-tag--image"].join(" "),
+      rel: n === "external-link" ? "noreferrer" : null,
+      target: n === "internal-link" ? "_self" : "_blank",
+      style: {
+        "--anchor-tag-image-ratio": r.width / r.height
+      },
+      onClick: a && n === "internal-link" && l.includes("#") ? a : null,
+      children: [
+        /* @__PURE__ */ e("img", { src: r.url, alt: i }),
+        /* @__PURE__ */ e("span", { className: "sr-only", children: i })
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    "a",
+    {
+      href: l,
+      className: t,
+      rel: n === "external-link" ? "noreferrer" : null,
+      target: n === "internal-link" ? "_self" : "_blank",
+      onClick: a && n === "internal-link" && l.includes("#") ? a : null,
+      children: i
+    }
+  );
+}
+export {
+  g as AnchorTag,
+  g as default
+};

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

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

package/dist/components/AnchorTag/index.js

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

package/dist/components/BCVideoPlayer/BCVideoPlayer.d.ts

@@ -0,0 +1,13 @@
+export function BCVideoPlayer({ bcId, playerElId, containerClosing, autoplay, mute, handleClosing, pauseVideo, BC_AID, BC_PLAYERID, BC_EMBEDID }: {
+    bcId: any;
+    playerElId?: string | undefined;
+    containerClosing?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    mute?: boolean | undefined;
+    handleClosing?: (() => boolean) | undefined;
+    pauseVideo?: boolean | undefined;
+    BC_AID?: string | undefined;
+    BC_PLAYERID?: string | undefined;
+    BC_EMBEDID?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default BCVideoPlayer;

package/dist/components/BCVideoPlayer/BCVideoPlayer.js

@@ -0,0 +1,57 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as l, useCallback as H, useEffect as a } from "react";
+import '../../assets/BCVideoPlayer.css';function z({
+  bcId: t,
+  playerElId: n = "bc-player",
+  containerClosing: i = !1,
+  autoplay: c = !1,
+  mute: u = !1,
+  handleClosing: h = () => !0,
+  pauseVideo: d = !1,
+  BC_AID: p = "",
+  BC_PLAYERID: f = "",
+  BC_EMBEDID: y = ""
+}) {
+  const r = l(null), s = l(null), m = l(t), P = (e) => {
+    e.key === "Escape" && (e.preventDefault(), h(e));
+  }, K = (e) => {
+    e.key === "Escape" && (e.stopPropagation(), e.preventDefault());
+  }, v = H(() => {
+    c && r.current.play(), u && r.current.muted(!0);
+  }, [c, u]);
+  return a(() => {
+    const e = () => {
+      const w = p, $ = f, x = `<video-js id="${n}" data-video-id="${t}" data-account="${w}" data-player="${$}" data-embed="${y}" controls></video-js>`;
+      s.current.innerHTML = x, r.current !== null && r.current.dispose();
+      const j = document.getElementById("video-js-script");
+      j && j.remove();
+      const o = document.createElement("script");
+      o.src = `https://players.brightcove.net/${w}/${$}_default/index.min.js`, o.id = "video-js-script", document.body.appendChild(o), o.onload = () => {
+        r.current = window.bc(n), r.current.on("loadedmetadata", v), document.querySelector(`#${n}`).focus();
+      };
+    }, k = setInterval(() => {
+      s.current !== null && (clearInterval(k), e());
+    }, 100);
+  }, [t, n, v, p, f, y]), a(() => {
+    i && r.current !== null && r.current.pause();
+  }, [i]), a(() => {
+    m.current !== t && (m.current = t);
+  }, [t]), a(() => {
+    var e;
+    d && ((e = r.current) == null || e.pause());
+  }, [d]), t != null && t !== "" ? /* @__PURE__ */ g(
+    "div",
+    {
+      id: "video-player-wrapper",
+      className: "video-player__wrapper",
+      onKeyDown: K,
+      onKeyUp: P,
+      ref: s
+    },
+    t
+  ) : null;
+}
+export {
+  z as BCVideoPlayer,
+  z as default
+};

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

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

package/dist/components/BCVideoPlayer/index.js

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

package/dist/components/BasicGridModule/BasicGridModule.d.ts

@@ -0,0 +1,24 @@
+export function BasicGridModule({ children, gap, itemsPerRow, classname, title, infoPanel, itemComponent, infoPanelComponent, items, customClicksHandler, noAnimation, }: {
+    children: any;
+    gap?: string | undefined;
+    itemsPerRow?: number | undefined;
+    classname?: string | undefined;
+    title?: string | undefined;
+    infoPanel: any;
+    itemComponent?: {
+        layout: string;
+        props: {
+            fullCardClickable: boolean;
+        };
+    } | undefined;
+    infoPanelComponent?: {
+        layout: string;
+        backButtonLabel: string;
+        resourceList: never[];
+        classname: string;
+    } | undefined;
+    items?: never[] | undefined;
+    customClicksHandler?: null | undefined;
+    noAnimation?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default BasicGridModule;

package/dist/components/BasicGridModule/BasicGridModule.js

@@ -0,0 +1,88 @@
+import { jsxs as g, Fragment as P, jsx as u } from "react/jsx-runtime";
+import { useState as a, useRef as p, useCallback as S, useEffect as y, createElement as j } from "react";
+import { EqualSizeGrid as F } from "../EqualSizeGrid/EqualSizeGrid.js";
+import { InfoPanel as G } from "../InfoPanel/InfoPanel.js";
+import { classes as _ } from "../../utils/helpers.js";
+import { blockLayoutsMap as q } from "../../settings.js";
+import '../../assets/BasicGridModule.css';function T({
+  children: z,
+  gap: b = "1.5rem",
+  itemsPerRow: k = 4,
+  classname: L = "",
+  title: d = "",
+  infoPanel: A,
+  itemComponent: o = {
+    layout: "ImageCard",
+    props: {
+      fullCardClickable: !1
+    }
+  },
+  infoPanelComponent: n = {
+    layout: "",
+    backButtonLabel: "Return to List",
+    resourceList: [],
+    classname: ""
+  },
+  items: E = [],
+  customClicksHandler: I = null,
+  noAnimation: x = !1
+}) {
+  const [r, f] = a(!1), [C, R] = a({}), [m, B] = a(null), [v, c] = a("entering"), [M, N] = a(x ? null : !0), l = p("entering"), e = p(null), i = S(() => {
+    e.current.children[0].addEventListener("animationstart", () => {
+      console.log("animation started"), e.current.children[0].addEventListener("animationend", i, { once: !0 });
+    }), console.log("stateRef.current", l.current), console.log("infoPanelOpen", r), l.current === "exiting" ? (c("entering"), l.current = "entering", f(!0)) : c("idle");
+  }, []), O = (t) => {
+    t.type === "info-panel" && (R(n.resourceList.find((s) => Number.parseInt(s.id, 10) === Number.parseInt(t.resourceId, 10))), N(!1), l.current = "exiting", c("exiting"));
+  };
+  return y(() => {
+    B(q.get(o.layout));
+  }, [o.layout]), y(() => {
+    var t, s, h;
+    !r && e.current !== null && ((t = e.current) != null && t.children, e.current.children.length && ((s = e.current.children[0]) == null || s.removeEventListener("animationend", i, { once: !0 }), (h = e.current.children[0]) == null || h.addEventListener("animationend", i, { once: !0 })));
+  }, [r, i]), /* @__PURE__ */ g(P, { children: [
+    !r && /* @__PURE__ */ g("basic-grid-module", { "data-state": v, "first-entry": M, ref: e, children: [
+      d !== "" && /* @__PURE__ */ u("h2", { className: _(["basic-grid-module__header", "h4"]), children: d }),
+      m !== null && /* @__PURE__ */ u(
+        F,
+        {
+          gap: b,
+          itemsPerRow: k,
+          classname: L,
+          children: E.map(
+            (t) => /* @__PURE__ */ j(
+              m,
+              {
+                ...t,
+                ...o.props,
+                relatedResourceId: t.id,
+                handleClicks: I ?? O,
+                key: `grid-item-${Math.round(Math.random() * 1e7)}`
+              }
+            )
+          )
+        }
+      )
+    ] }),
+    r && n.layout && /* @__PURE__ */ u(
+      G,
+      {
+        className: "grid-info-panel",
+        onBackClicked: () => {
+          f(!1);
+        },
+        backButtonLabel: n.backButtonLabel,
+        layoutComponent: {
+          layout: n.layout,
+          props: {
+            ...C
+          }
+        },
+        classname: n.classname
+      }
+    )
+  ] });
+}
+export {
+  T as BasicGridModule,
+  T as default
+};

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

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

package/dist/components/BasicGridModule/index.js

@@ -0,0 +1,5 @@
+import { BasicGridModule as e, BasicGridModule as i } from "./BasicGridModule.js";
+export {
+  e as BasicGridModule,
+  i as default
+};

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,19 @@
+export function Button({ type, label, href, varient, size, classname, customColors, onClick, ...attributes }: {
+    [x: string]: any;
+    type?: string | undefined;
+    label?: string | undefined;
+    href?: string | undefined;
+    varient?: string | undefined;
+    size?: string | undefined;
+    classname?: string | undefined;
+    customColors?: {
+        bgColor: string;
+        bgHoverColor: string;
+        color: string;
+        hoverColor: string;
+        borderColor: string;
+        borderHoverColor: string;
+    } | undefined;
+    onClick?: (() => void) | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/components/Button/Button.js

@@ -0,0 +1,76 @@
+import { jsx as t, Fragment as p } from "react/jsx-runtime";
+import "react";
+import { classes as i } from "../../utils/helpers.js";
+import '../../assets/Button.css';const H = "_btn_14dnz_1", o = {
+  btn: H,
+  "btn--small": "_btn--small_14dnz_26",
+  "btn--large": "_btn--large_14dnz_33",
+  "btn--primary": "_btn--primary_14dnz_40",
+  "btn--action": "_btn--action_14dnz_49",
+  "btn--info": "_btn--info_14dnz_58",
+  "btn--danger": "_btn--danger_14dnz_67"
+};
+function z({
+  type: h = "button",
+  label: e = "",
+  href: l = "",
+  varient: n = "primary",
+  size: b = "",
+  classname: d = "",
+  customColors: r = {
+    bgColor: "",
+    bgHoverColor: "",
+    color: "",
+    hoverColor: "",
+    borderColor: "",
+    borderHoverColor: ""
+  },
+  onClick: c = () => {
+  },
+  ..._
+}) {
+  const a = n === "" ? "" : `btn--${n}`, g = b === "" ? "" : `btn--${b}`, v = r.bgColor !== "" ? {
+    "--button-bg-color": r.bgColor,
+    "--button-hover-bg-color": r.bgHoverColor === "" ? r.bgColor : r.bgHoverColor,
+    "--button-color": r.color,
+    "--button-hover-color": r.hoverColor === "" ? r.color : r.hoverColor,
+    "--button-border-color": r.borderColor === "" ? r.bgColor : r.borderColor,
+    "--button-hover-border-color": r.borderHoverColor === "" && r.borderColor === "" ? r.bgColor : r.borderHoverColor
+  } : null;
+  return /* @__PURE__ */ t(p, { children: l === "" ? /* @__PURE__ */ t(
+    "button",
+    {
+      type: h,
+      onClick: c,
+      className: i([
+        d,
+        o.btn,
+        "btn",
+        n === "" ? "" : o[a],
+        b === "" ? "" : o[g]
+      ]),
+      style: v,
+      ..._,
+      children: e
+    }
+  ) : /* @__PURE__ */ t(
+    "a",
+    {
+      href: l,
+      className: i([
+        d,
+        o.btn,
+        "btn",
+        n === "" ? "" : o[a],
+        b === "" ? "" : o[g]
+      ]),
+      style: v,
+      ..._,
+      children: e
+    }
+  ) });
+}
+export {
+  z as Button,
+  z as default
+};

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

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

package/dist/components/Button/index.js

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

package/dist/components/ButtonAnchor/ButtonAnchor.d.ts

@@ -0,0 +1,6 @@
+export function ButtonAnchor({ label, onClick, classname }: {
+    label?: string | undefined;
+    onClick?: (() => void) | undefined;
+    classname?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ButtonAnchor;

package/dist/components/ButtonAnchor/ButtonAnchor.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+function a({ label: t = "", onClick: o = () => {
+}, classname: n = "" }) {
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      className: n,
+      type: "button",
+      onClick: o,
+      children: t
+    }
+  );
+}
+export {
+  a as ButtonAnchor,
+  a as default
+};

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

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

package/dist/components/ButtonAnchor/index.js

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

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,25 @@
+export function Carousel({ id, slides, options }: {
+    id: any;
+    slides: any;
+    options?: {
+        paginationType: string;
+        showControls: boolean;
+        controlArrowSize: number;
+        controlButtonsOffset: number;
+        showScrollbar: boolean;
+        startIndex: number;
+        variableHeight: boolean;
+        title: string;
+        autoplay: boolean;
+        autoplayDelay: number;
+        showPagination: boolean;
+        gutterSize: number;
+        slideAspectRatio: string;
+        slideGap: number;
+        cellsPerSlide: number;
+        cellAspectRatio: string;
+        cellsPosition: string;
+        wrapAround: boolean;
+    } | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default Carousel;