@scrippsproduct/networks-ui-library 2.0.4-dev.0 → 2.0.5-aplha.1

package/dist/Carousel.module-Nwf_zL9b.mjs

@@ -0,0 +1,14 @@
+import './assets/Carousel.css';const _ = "_carousel_1wd2f_2", o = "_carousel__scroller_1wd2f_12", s = {
+  carousel: _,
+  carousel__scroller: o,
+  "carousel-controls": "_carousel-controls_1wd2f_39",
+  "carousel-controls__previous": "_carousel-controls__previous_1wd2f_43",
+  "carousel-controls__next": "_carousel-controls__next_1wd2f_50",
+  "carousel-controls__btn": "_carousel-controls__btn_1wd2f_57",
+  "carousel-nav": "_carousel-nav_1wd2f_84",
+  "carousel-nav__list": "_carousel-nav__list_1wd2f_88",
+  "carousel-nav__item": "_carousel-nav__item_1wd2f_97"
+};
+export {
+  s as c
+};

package/dist/assets/Carousel.css

@@ -1 +1 @@
-._carousel_2eeiv_2{--_carousel-scrollbar-gutter: 1.75rem;--_carousel-pagination-size: 1rem;--_slide-gap: 1.5rem;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:[carousel-scroller] 1fr [carousel-pagination]}._carousel__scroller_2eeiv_12{scroll-behavior:smooth;scrollbar-width:none;scroll-padding-inline:var(--_carousel-gutters);scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-x:contain;display:flex;box-sizing:border-box;margin:0;padding-inline:var(--_carousel-gutters);list-style:none;transition:opacity .3s ease}._carousel__scroller_2eeiv_12::-webkit-scrollbar{display:auto}._carousel__scroller_2eeiv_12[data-scrollbar=true]{scrollbar-width:auto;overflow-x:scroll}._carousel__scroller_2eeiv_12:not([data-scrollbar=true])::-webkit-scrollbar{display:none}._carousel-controls_2eeiv_39{display:contents}._carousel-controls__previous_2eeiv_43{inset-inline-start:var(--_control-btns-offset-x)}._carousel-controls__previous_2eeiv_43 svg{transform:translate(-2px)}._carousel-controls__next_2eeiv_50{inset-inline-end:var(--_control-btns-offset-x)}._carousel-controls__next_2eeiv_50 svg{transform:translate(2px)}._carousel-controls__btn_2eeiv_57{cursor:pointer;position:absolute;z-index:1;top:50%;transform:translateY(var(--_controls-transform));overflow:hidden;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:50%;color:#000;background-color:#fff6;transition:opacity .325s ease-out}._carousel-controls__btn_2eeiv_57>i>svg{display:block;max-inline-size:100%;block-size:auto;stroke:currentcolor}._carousel-controls__btn_2eeiv_57[disabled]{cursor:not-allowed;opacity:0;transition-delay:0s}._carousel-nav_2eeiv_84{margin-top:0}._carousel-nav__list_2eeiv_88{display:flex;gap:1rem;align-items:flex-start;justify-content:center;padding:0;list-style:none}._carousel-nav__item_2eeiv_97{flex-basis:1rem;min-width:1rem;max-width:1rem;height:1rem;border:1px solid rgba(65,65,65,.1);border-radius:50%;background-color:transparent}._carousel-nav__item_2eeiv_97[data-current=true]{background-color:#8080801a}
+._carousel_1wd2f_2{--_carousel-scrollbar-gutter: 1.75rem;--_carousel-pagination-size: 1rem;--_slide-gap: 1.5rem;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:[carousel-scroller] 1fr [carousel-pagination]}._carousel__scroller_1wd2f_12{scroll-behavior:smooth;scrollbar-width:none;scroll-padding-inline:var(--_carousel-gutters);scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-x:contain;display:flex;box-sizing:border-box;margin:0;padding-inline:var(--_carousel-gutters);list-style:none;transition:opacity .3s ease}._carousel__scroller_1wd2f_12::-webkit-scrollbar{display:auto}._carousel__scroller_1wd2f_12[data-scrollbar=true]{scrollbar-width:auto;overflow-x:scroll}._carousel__scroller_1wd2f_12:not([data-scrollbar=true])::-webkit-scrollbar{display:none}._carousel-controls_1wd2f_39{display:contents}._carousel-controls__previous_1wd2f_43{inset-inline-start:var(--_control-btns-offset-x)}._carousel-controls__previous_1wd2f_43 svg{transform:translate(-2px)}._carousel-controls__next_1wd2f_50{inset-inline-end:var(--_control-btns-offset-x)}._carousel-controls__next_1wd2f_50 svg{transform:translate(2px)}._carousel-controls__btn_1wd2f_57{cursor:pointer;position:absolute;z-index:1;top:50%;transform:translateY(var(--_controls-transform));overflow:hidden;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:50%;color:#000;background-color:#fff6;transition:opacity .325s ease-out}._carousel-controls__btn_1wd2f_57>i>svg{display:block;max-inline-size:100%;block-size:auto;stroke:currentcolor}._carousel-controls__btn_1wd2f_57[disabled]{cursor:not-allowed;opacity:0;transition-delay:0s}._carousel-nav_1wd2f_84{margin-top:0}._carousel-nav__list_1wd2f_88{display:flex;gap:1rem;align-items:flex-start;justify-content:center;padding:0;list-style:none}._carousel-nav__item_1wd2f_97{flex-basis:1rem;min-width:1rem;max-width:1rem;height:1rem;border:1px solid rgba(65,65,65,.1);border-radius:50%;background-color:transparent}._carousel-nav__item_1wd2f_97[data-current]{background-color:#8080801a}

package/dist/assets/FindUs.css

@@ -1 +1 @@
-._grid-wrapper_136bp_1{display:grid;grid-template-columns:1fr 1fr;padding-top:1.5em;border-top:1px solid}._findus__column_136bp_8{border-right:1px solid}@media screen and (max-width:850px){._grid-wrapper_136bp_1{grid-template-columns:1fr}}@media screen and (max-width:600px){._grid-wrapper_136bp_1{display:block}._findus__column_136bp_8{border-right:none}}.rescan-instructions{padding-right:2em}.find-us--compact channel-search__wrapper{padding-top:0}.find-us--compact promotion-block{display:none}.find-us--compact .channel-search{display:block;margin-bottom:.5em;padding-bottom:.5em}.find-us--compact .channel-search__label,.find-us--compact .channel-search__submit-btn{display:block;margin-bottom:1em}.find-us--compact .channel-search__inputs{margin-bottom:1em}.findus__grid-wrapper--full-width{grid-template-columns:1fr}@media screen and (max-width:850px){.findus__grid-wrapper--full-width .devices-platforms{padding-top:0}}@media screen and (max-width:600px){.findus__grid-wrapper--full-width .devices-platforms{padding-top:2em}}@media screen and (max-width:600px){.findus__grid-wrapper--full-width{padding-top:.5em;border-top:none}}@media screen and (max-width:850px){.findus__column{padding-bottom:1.5em;border-right:none;border-bottom:1px solid #777}}@media screen and (max-width:600px){.rescan-instructions{margin-top:1em;padding-right:1em}.findus__column{border-bottom:none}}
+._grid-wrapper_jx1qh_1{display:grid;grid-template-columns:1fr 1fr;padding-top:1.5em;border-top:1px solid}._findus__column_jx1qh_8{border-right:1px solid}@media screen and (max-width:850px){._grid-wrapper_jx1qh_1{grid-template-columns:1fr}}@media screen and (max-width:600px){._findus__column_jx1qh_8{border-right:none}}.rescan-instructions{padding-right:2em}.find-us--compact channel-search__wrapper{padding-top:0}.find-us--compact promotion-block{display:none}.find-us--compact .channel-search{display:block;margin-bottom:.5em;padding-bottom:.5em}.find-us--compact .channel-search__label,.find-us--compact .channel-search__submit-btn{display:block;margin-bottom:1em}.find-us--compact .channel-search__inputs{margin-bottom:1em}.findus__grid-wrapper--full-width{grid-template-columns:1fr}@media screen and (max-width:850px){.findus__grid-wrapper--full-width .devices-platforms{padding-top:0}}@media screen and (max-width:600px){.findus__grid-wrapper--full-width .devices-platforms{padding-top:2em}}@media screen and (max-width:600px){.findus__grid-wrapper--full-width{padding-top:.5em;border-top:none}}@media screen and (max-width:850px){.findus__column{padding-bottom:1.5em;border-right:none;border-bottom:1px solid #777}}@media screen and (max-width:600px){.rescan-instructions{margin-top:1em;padding-right:1em}.findus__column{border-bottom:none}}

package/dist/assets/LogoListItem.css

@@ -1 +1 @@
-._icon-list-item_19qvn_1{position:relative;width:100%;border:1px solid;list-style:none;transition:transform .225s ease-in-out}._icon-list-item_19qvn_1:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:0;box-shadow:2px 2px 4px #0006;transition:opacity .225s ease-in-out}._icon-list-item__link_19qvn_18,._icon-list-item__img-wrapper_19qvn_19{display:flex;justify-content:center;padding:min(10%,1.25em)}._icon-list-item__link_19qvn_18>img,._icon-list-item__img-wrapper_19qvn_19>img{aspect-ratio:2.5/1;width:100%;object-fit:contain}._icon-list-item_19qvn_1:hover:has(._icon-list-item__link_19qvn_18),._icon-list-item_19qvn_1:has(._icon-list-item__link_19qvn_18:focus){transform:scale(1.02)}._icon-list-item_19qvn_1:hover:has(._icon-list-item__link_19qvn_18):after,._icon-list-item_19qvn_1:has(._icon-list-item__link_19qvn_18:focus):after{opacity:1}@supports (-moz-appearance: none) and (not selector(A:has(B))){._icon-list-item_19qvn_1:hover{transform:scale(1.02)}._icon-list-item_19qvn_1:hover:after{opacity:1}}@media screen and (max-width:600px){._icon-list-item_19qvn_1{width:66%;margin:0 auto 1.5em}}@media screen and (max-width:400px){._icon-list-item_19qvn_1{width:75%;margin:0 auto 1.5em}}
+._icon-list-item_1j8qa_1{position:relative;width:100%;border:1px solid;list-style:none;transition:transform .225s ease-in-out}._icon-list-item_1j8qa_1:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:0;box-shadow:2px 2px 4px #0006;transition:opacity .225s ease-in-out}._icon-list-item__link_1j8qa_18,._icon-list-item__img-wrapper_1j8qa_19{display:flex;justify-content:center;padding:min(10%,1.25em)}._icon-list-item__link_1j8qa_18>img,._icon-list-item__img-wrapper_1j8qa_19>img{aspect-ratio:2.5/1;width:100%;object-fit:contain}._icon-list-item_1j8qa_1:hover:has(._icon-list-item__link_1j8qa_18),._icon-list-item_1j8qa_1:has(._icon-list-item__link_1j8qa_18:focus){transform:scale(1.02)}._icon-list-item_1j8qa_1:hover:has(._icon-list-item__link_1j8qa_18):after,._icon-list-item_1j8qa_1:has(._icon-list-item__link_1j8qa_18:focus):after{opacity:1}@supports (-moz-appearance: none) and (not selector(A:has(B))){._icon-list-item_1j8qa_1:hover{transform:scale(1.02)}._icon-list-item_1j8qa_1:hover:after{opacity:1}}@media screen and (max-width:600px){._icon-list-item_1j8qa_1{width:75%;margin:0 auto 1.5em}}

package/dist/components/AnchorTag/AnchorTag.js

@@ -1,13 +1,13 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { classes as s } from "../../utils/helpers.js";
-import '../../assets/AnchorTag.css';const o = {
+import '../../assets/AnchorTag.css';const i = {
   "anchor-tag": "_anchor-tag_zd0xb_1",
   "anchor-tag--image": "_anchor-tag--image_zd0xb_10"
 };
 function d({
   href: r = "",
-  classname: e = "",
-  label: t = "",
+  classname: o = "",
+  label: e = "",
   type: n = "internal-link",
   image: a = null,
   clickHandler: l = null
@@ -16,10 +16,10 @@ function d({
     "a",
     {
       className: s([
-        e,
-        o["anchor-tag"],
+        o,
+        i["anchor-tag"],
         "anchor-tag",
-        o["anchor-tag--image"],
+        i["anchor-tag--image"],
         "anchor-tag--image"
       ]),
       href: r,
@@ -30,19 +30,19 @@ function d({
       target: n === "internal-link" ? "_self" : "_blank",
       onClick: l && n === "internal-link" && r.includes("#") ? l : void 0,
       children: [
-        /* @__PURE__ */ i("img", { alt: t, src: a.url }),
-        /* @__PURE__ */ i("span", { className: "sr-only", children: t })
+        /* @__PURE__ */ t("img", { alt: "", src: a.url }),
+        /* @__PURE__ */ t("span", { className: "sr-only", children: e })
       ]
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ t(
     "a",
     {
-      className: s([e, o["anchor-tag"], "anchor-tag"]),
+      className: s([o, i["anchor-tag"], "anchor-tag"]),
       href: r,
       rel: n === "external-link" ? "noreferrer" : void 0,
       target: n === "internal-link" ? "_self" : "_blank",
       onClick: l && n === "internal-link" && r.includes("#") ? l : void 0,
-      children: t
+      children: e
     }
   );
 }

package/dist/components/BCVideoPlayer/BCVideoPlayer.js

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

package/dist/components/Carousel/Carousel.js

@@ -4,7 +4,7 @@ import { chunkArray as ee, classes as g } from "../../utils/helpers.js";
 import re from "./CarouselUtils.class.js";
 import { CarouselSlide as te } from "../CarouselSlide/CarouselSlide.js";
 import { Loading as ne } from "../Loading/Loading.js";
-import { c as i } from "../../Carousel.module-BsPaZX5L.mjs";
+import { c as i } from "../../Carousel.module-Nwf_zL9b.mjs";
 import { C as le } from "../../chevron-left-D0UjbrKw.mjs";
 import { C as ce } from "../../chevron-right-0ZF3LruR.mjs";
 const A = window.matchMedia("(width <= 600px)"), P = window.matchMedia("(width <= 800px"), b = window.matchMedia("(width <= 1024px"), z = window.matchMedia("(width <= 1280px");
@@ -32,9 +32,9 @@ function me({
     wrapAround: !0
   }
 }) {
-  const f = a(`carousel-${E}`), x = a(null), c = a(null), R = a(null), p = a([...L]), T = a(null), w = a(null), r = a(null), e = a(I), o = a(I), $ = a("-50%"), [N, G] = m([]), [M, H] = m([]), [k, U] = m(0), [F, D] = m(!1);
+  const f = a(`carousel-${E}`), x = a(null), c = a(null), R = a(null), p = a([...L]), $ = a(null), w = a(null), r = a(null), e = a(I), o = a(I), N = a("-50%"), [T, G] = m([]), [M, H] = m([]), [k, U] = m(0), [F, D] = m(!1);
   B(() => {
-    const n = () => {
+    const t = () => {
       A.matches ? e.current = {
         ...o.current,
         showControls: !1,
@@ -69,16 +69,16 @@ function me({
         ...o.current
       };
     };
-    n();
-    const t = () => {
-      U((s) => s + 1), n();
+    t();
+    const n = () => {
+      U((s) => s + 1), t();
     };
-    return A.addEventListener("change", t), P.addEventListener("change", t), b.addEventListener("change", t), z.addEventListener("change", t), () => {
-      A.removeEventListener("change", t), P.removeEventListener("change", t), b.removeEventListener("change", t), z.removeEventListener("change", t);
+    return A.addEventListener("change", n), P.addEventListener("change", n), b.addEventListener("change", n), z.addEventListener("change", n), () => {
+      A.removeEventListener("change", n), P.removeEventListener("change", n), b.removeEventListener("change", n), z.removeEventListener("change", n);
     };
   }, []);
-  const O = u((n, t) => {
-    const s = ee(t, n);
+  const O = u((t, n) => {
+    const s = ee(n, t);
     H([...s]);
     let y = [];
     for (let h = 0; h <= s.length - 1; h++)
@@ -90,13 +90,13 @@ function me({
         ]
       };
     const _ = [...y], C = [...y], Q = _.slice(-1), X = _.slice(0);
-    return C.push(X[0]), C.unshift(Q[0]), e.current.wrapAround && n.length > t ? C : _;
+    return C.push(X[0]), C.unshift(Q[0]), e.current.wrapAround && t.length > n ? C : _;
   }, []), d = u(() => {
     e.current.autoplay && r.current && r.current.clearTimer();
-  }, []), W = u((n) => {
+  }, []), W = u((t) => {
     d();
-    const t = n.key;
-    t === "ArrowLeft" ? (n.preventDefault(), r.current && r.current.determineScrollAction(-1)) : t === "ArrowRight" && (n.preventDefault(), r.current && r.current.determineScrollAction(1));
+    const n = t.key;
+    n === "ArrowLeft" ? (t.preventDefault(), r.current && r.current.determineScrollAction(-1)) : n === "ArrowRight" && (t.preventDefault(), r.current && r.current.determineScrollAction(1));
   }, [d]), q = u(() => {
     d(), c.current !== null && c.current.addEventListener("scrollend", () => {
       r.current && r.current.handleScrollEnd();
@@ -106,18 +106,19 @@ function me({
       r.current && r.current.handleScrollEnd(), c.current && c.current.addEventListener("scroll", S, { once: !0 });
     }, { once: !0 });
   }, [d]), J = () => {
-    r.current && e.current.autoplay && r.current.clearTimer();
+    var t;
+    (t = r.current) == null || t.destroy();
   }, v = u(() => {
     //! make sure class is only instantiated once because of reacts
     //! "strict" mode double do hocus pocus
-    var n, t;
-    r.current !== null && k > 0 && ((t = (n = r.current).clearTimer) == null || t.call(n), r.current = null), D(!1), r.current = new re({
+    var t, n;
+    r.current !== null && k > 0 && ((n = (t = r.current).destroy) == null || n.call(t), r.current = null), D(!1), r.current = new re({
       carouselEl: x.current,
       scrollerEl: c.current,
       paginationEl: R.current,
       cells: p.current,
       navBtnEls: {
-        next: T.current,
+        next: $.current,
         previous: w.current
       },
       id: f.current,
@@ -135,24 +136,24 @@ function me({
   }, [k]), V = u(() => {
     c.current && c.current.addEventListener("scroll", S, { once: !0 });
   }, [S]), K = u(() => {
-    const n = O(p.current, e.current.cellsPerSlide ?? 1);
-    G(n);
-    const t = n.length;
+    const t = O(p.current, e.current.cellsPerSlide ?? 1);
+    G(t);
+    const n = t.length;
     if (p.current.length > (e.current.cellsPerSlide ?? 1)) {
       let s = setInterval(() => {
-        c.current !== null && c.current.children.length >= t && (w.current !== null && e.current.showControls || !e.current.showControls) && (clearInterval(s), V(), v());
+        c.current !== null && c.current.children.length >= n && (w.current !== null && e.current.showControls || !e.current.showControls) && (clearInterval(s), V(), v());
       }, 100);
     } else {
       let s = setInterval(() => {
-        c.current !== null && c.current.children.length >= t && (clearInterval(s), v());
+        c.current !== null && c.current.children.length >= n && (clearInterval(s), v());
       }, 100);
     }
   }, [O, V, v]);
   return B(() => {
     if (e.current !== null) {
       if (e.current.showControls) {
-        let n = 0;
-        e.current.showPagination && (n = n + 25), e.current.showScrollbar && (n = n + 6), $.current = `calc(-50% - ${n}px)`;
+        let t = 0;
+        e.current.showPagination && (t = t + 25), e.current.showScrollbar && (t = t + 6), N.current = `calc(-50% - ${t}px)`;
       }
       K();
     }
@@ -176,7 +177,7 @@ function me({
         "--_cells-position": e.current.cellsPosition,
         "--_control-btns-offset-x": `${e.current.controlButtonsOffset ?? 0}rem`,
         "--_slide-gap": `${e.current.slideGap ?? 0}rem`,
-        "--_controls-transform": $.current
+        "--_controls-transform": N.current
       },
       tabIndex: -1,
       onKeyDown: W,
@@ -211,15 +212,15 @@ function me({
                     children: /* @__PURE__ */ l(ne, {})
                   }
                 ),
-                children: N.length > 0 && N.map((n, t) => /* @__PURE__ */ l(
+                children: T.length > 0 && T.map((t, n) => /* @__PURE__ */ l(
                   te,
                   {
                     currentIndex: e.current.wrapAround ? 1 : 0,
-                    index: t,
-                    slide: { ...n, ariaLabel: n.ariaLabel || "" },
+                    index: n,
+                    slide: { ...t, ariaLabel: t.ariaLabel || "" },
                     variableHeight: e.current.variableHeight
                   },
-                  `carousel${E}-slide${t}`
+                  `carousel${E}-slide${n}`
                 ))
               }
             )
@@ -257,7 +258,7 @@ function me({
               "aria-controls": f.current,
               "aria-label": "Next Item",
               className: g([i["carousel-controls__btn"], i["carousel-controls__next"], "carousel-controls__next"]),
-              ref: T,
+              ref: $,
               title: "Next Item",
               type: "button",
               onClick: () => {
@@ -273,17 +274,17 @@ function me({
             }
           )
         ] }),
-        e.current.showPagination && M.length > 1 && /* @__PURE__ */ l("div", { className: [i["carousel-nav"], "carousel-nav"].join(" "), children: /* @__PURE__ */ l("ol", { className: i["carousel-nav__list"], ref: R, children: M.map((n, t) => /* @__PURE__ */ l(
+        e.current.showPagination && M.length > 1 && /* @__PURE__ */ l("div", { className: [i["carousel-nav"], "carousel-nav"].join(" "), children: /* @__PURE__ */ l("ol", { className: i["carousel-nav__list"], ref: R, children: M.map((t, n) => /* @__PURE__ */ l(
           "li",
           {
             className: g([i["carousel-nav__item"], "carousel-nav__item"]),
-            "data-current": t === 0 ? "true" : "false",
-            title: `Navigate to slide ${t + 1}`,
+            "data-current": n === 0 ? "" : void 0,
+            title: `Navigate to slide ${n + 1}`,
             onClick: () => {
-              r.current && r.current.navigateToIndex(t);
+              r.current && r.current.navigateToIndex(n);
             }
           },
-          `carousel${f}-nav-${t}`
+          `carousel${f}-nav-${n}`
         )) }) })
       ]
     }