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

package/dist/{Form.module-Cd8qH2rj.mjs → Form.module-CarfWK5T.mjs}

@@ -1,5 +1,5 @@
 import d, { forwardRef as w } from "react";
-import { P as _ } from "./index-DC2JJV3a.mjs";
+import { P as _ } from "./index-D3kkcgee.mjs";
 import './assets/Form.css';function f() {
   return f = Object.assign || function(t) {
     for (var n = 1; n < arguments.length; n++) {

package/dist/ResultsTable.module-wcNUQEKe.mjs

@@ -0,0 +1,14 @@
+import './assets/ResultsTable.css';const _ = {
+  "results-table": "_results-table_8gs3t_1",
+  "results-table__row": "_results-table__row_8gs3t_4",
+  "results-table__item": "_results-table__item_8gs3t_9",
+  "results-table__header": "_results-table__header_8gs3t_9",
+  "results-table__mobile-label": "_results-table__mobile-label_8gs3t_24",
+  "results-table__no-results": "_results-table__no-results_8gs3t_34",
+  "results-table--compact": "_results-table--compact_8gs3t_40",
+  "results-table__header-row": "_results-table__header-row_8gs3t_52",
+  "fade-in__wrapper": "_fade-in__wrapper_8gs3t_115"
+};
+export {
+  _ as s
+};

package/dist/_commonjsHelpers-DaMA6jEr.mjs

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

package/dist/assets/ResultsTable.css

@@ -1 +1 @@
-._results-table_1lqhp_1{margin-bottom:2.5em}._results-table__row_1lqhp_4{display:flex;justify-content:space-evenly;margin:0}._results-table__item_1lqhp_9,._results-table__header_1lqhp_9{display:grid;flex:1 1 20%;align-items:center;padding:.6em 1.4em;border-right:1px solid}._results-table__title-row_1lqhp_16{display:flex;justify-content:space-between;margin:0 0 1.4em auto}._results-table__title_1lqhp_16{padding-left:1.6em}._results-table__mobile-label_1lqhp_24{display:none}._results-table__header_1lqhp_9{font-weight:700;text-transform:uppercase}._results-table__item_1lqhp_9:last-child,._results-table__header_1lqhp_9:last-child{border-right:none}._results-table__no-results_1lqhp_34{padding:1em 0;text-align:center}._results-table--compact_1lqhp_40 ._results-table__item_1lqhp_9{display:flex;align-items:flex-end;padding:.4em .8em .4em 0;border-right:none}._results-table--compact_1lqhp_40 ._results-table__mobile-label_1lqhp_24{display:inline-block;flex:0 0 4em}._results-table--compact_1lqhp_40 ._results-table__header-row_1lqhp_50{display:none}._results-table--compact_1lqhp_40 ._results-table__row_1lqhp_4{flex-direction:column;justify-content:flex-start;padding:.7em 0;border-top:1px dotted}._results-table--compact_1lqhp_40 ._results-table__row_1lqhp_4:first-of-type,._results-table--compact_1lqhp_40 ._results-table__row_1lqhp_4:nth-of-type(2){padding-top:0;border-top:none}._results-table--compact_1lqhp_40 ._results-table__title_1lqhp_16{padding-left:.8em;font-size:1.2em}._results-table--compact_1lqhp_40 ._results-table__title-row_1lqhp_16{margin-bottom:0}._results-table--compact_1lqhp_40 ._results-table__hide-on-mobile_1lqhp_70{display:none}@media screen and (max-width:768px){._results-table__item_1lqhp_9{display:flex;padding:.4em .8em;border-right:none}._results-table__mobile-label_1lqhp_24{display:inline-block;flex:0 0 4.5em;font-weight:700}._results-table__header-row_1lqhp_50{display:none}._results-table__row_1lqhp_4{flex-direction:column;justify-content:flex-start;padding:.7em 0;border-bottom:1px dotted}._results-table__row_1lqhp_4:last-of-type{padding:1.5em 0;border-bottom:none}._results-table__row_1lqhp_4:nth-of-type(2){padding-top:0}._results-table__title_1lqhp_16{padding-left:.8em;font-size:1.2em}._results-table__title-row_1lqhp_16{margin-bottom:0}._results-table__hide-on-mobile_1lqhp_70{display:none}}@media(prefers-reduced-motion:no-preference){._fade-in__wrapper_1lqhp_113{animation-name:_page-fade-in_1lqhp_1;animation-duration:625ms;animation-fill-mode:backwards}}@keyframes _page-fade-in_1lqhp_1{0%{opacity:0}to{opacity:1}}
+._results-table_8gs3t_1{margin-bottom:2.5em}._results-table__row_8gs3t_4{display:flex;justify-content:space-evenly;margin:0}._results-table__item_8gs3t_9,._results-table__header_8gs3t_9{display:grid;flex:1 1 20%;align-items:center;padding:.6em 1.4em;border-right:1px solid}._results-table__title-row_8gs3t_16{display:flex;justify-content:space-between;margin:0 0 1.4em auto}._results-table__title_8gs3t_16{padding-left:1.6em}._results-table__mobile-label_8gs3t_24{display:none}._results-table__header_8gs3t_9{font-weight:700;text-transform:uppercase}._results-table__item_8gs3t_9:last-child,._results-table__header_8gs3t_9:last-child{border-right:none}._results-table__no-results_8gs3t_34{padding:1em 0;text-align:center}._results-table--compact_8gs3t_40 ._results-table__item_8gs3t_9{display:flex;gap:.6em;align-items:flex-end;padding:.4em .8em .4em 0;border-right:none}._results-table--compact_8gs3t_40 ._results-table__mobile-label_8gs3t_24{display:inline-block;flex:0 0 4em;font-weight:700}._results-table--compact_8gs3t_40 ._results-table__header-row_8gs3t_52{display:none}._results-table--compact_8gs3t_40 ._results-table__row_8gs3t_4{flex-direction:column;justify-content:flex-start;padding:.7em 0;border-top:1px dotted}._results-table--compact_8gs3t_40 ._results-table__row_8gs3t_4:first-of-type,._results-table--compact_8gs3t_40 ._results-table__row_8gs3t_4:nth-of-type(2){padding-top:0;border-top:none}._results-table--compact_8gs3t_40 ._results-table__title_8gs3t_16{padding-left:.8em;font-size:1.2em}._results-table--compact_8gs3t_40 ._results-table__title-row_8gs3t_16{margin-bottom:0}._results-table--compact_8gs3t_40 ._results-table__hide-on-mobile_8gs3t_72{display:none}@media screen and (max-width:768px){._results-table__item_8gs3t_9{display:flex;padding:.4em .8em;border-right:none}._results-table__mobile-label_8gs3t_24{display:inline-block;flex:0 0 4.5em;font-weight:700}._results-table__header-row_8gs3t_52{display:none}._results-table__row_8gs3t_4{flex-direction:column;justify-content:flex-start;padding:.7em 0;border-bottom:1px dotted}._results-table__row_8gs3t_4:last-of-type{padding:1.5em 0;border-bottom:none}._results-table__row_8gs3t_4:nth-of-type(2){padding-top:0}._results-table__title_8gs3t_16{padding-left:.8em;font-size:1.2em}._results-table__title-row_8gs3t_16{margin-bottom:0}._results-table__hide-on-mobile_8gs3t_72{display:none}}@media(prefers-reduced-motion:no-preference){._fade-in__wrapper_8gs3t_115{animation-name:_page-fade-in_8gs3t_1;animation-duration:625ms;animation-fill-mode:backwards}}@keyframes _page-fade-in_8gs3t_1{0%{opacity:0}to{opacity:1}}

package/dist/assets/ScheduleLayout.css

@@ -1 +1 @@
-.schedule-content-constrainer{min-height:100vh;min-height:100dvh}sticky-content-wrapper{display:block;position:sticky;z-index:10;top:-1px}sticky-content-wrapper[data-pinned-state=pinned]{background-image:radial-gradient(ellipse at top left,var(--theme-color-200) 0,var(--theme-color-200) 50%,var(--theme-color-100) 90%)}.date-navigation__list:before{content:"";width:0;height:0;border-style:solid;border-width:0 14px 14px;border-color:transparent transparent var(--mono-color-100) transparent;position:absolute;bottom:-1px;transform:translate(calc(var(--pointer-position) - 100%));transition:transform .325s ease-in-out}@media screen and (max-width:80rem){.schedule-content-constrainer{padding-top:.01rem}}@media screen and (max-width:60rem){.schedule-date-nav-constrainer{width:calc(100% - 1.8rem);padding-block-start:.5rem}.schedule-page .header-divider{display:none}sticky-content-wrapper{top:5rem}}
+schedule-layout{display:block}.schedule-content-constrainer{min-height:100vh;min-height:100dvh}sticky-content-wrapper{display:block;position:sticky;z-index:10;top:-1px}sticky-content-wrapper[data-pinned-state=pinned]{background-image:radial-gradient(ellipse at top left,var(--theme-color-200) 0,var(--theme-color-200) 50%,var(--theme-color-100) 90%)}.date-navigation__list:before{content:"";width:0;height:0;border-style:solid;border-width:0 14px 14px;border-color:transparent transparent var(--mono-color-100) transparent;position:absolute;bottom:-1px;transform:translate(calc(var(--pointer-position) - 100%));transition:transform .325s ease-in-out}@media screen and (max-width:80rem){.schedule-content-constrainer{padding-top:.01rem}}@media screen and (max-width:60rem){.schedule-date-nav-constrainer{width:calc(100% - 1.8rem);padding-block-start:.5rem}.schedule-page .header-divider{display:none}sticky-content-wrapper{top:5rem}}

package/dist/{chevron-left-DRvpaLmK.mjs → chevron-left-D0UjbrKw.mjs}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index-DC2JJV3a.mjs";
+import { P as a } from "./index-D3kkcgee.mjs";
 function f() {
   return f = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/{chevron-right-C8yCnmfx.mjs → chevron-right-0ZF3LruR.mjs}

@@ -1,5 +1,5 @@
 import s, { forwardRef as c } from "react";
-import { P as a } from "./index-DC2JJV3a.mjs";
+import { P as a } from "./index-D3kkcgee.mjs";
 function l() {
   return l = Object.assign || function(t) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/ActionButton/ActionButton.test.js

@@ -0,0 +1,209 @@
+import { jsx as n } from "react/jsx-runtime";
+import { v as b, d as r, b as m, a as p, i as s, r as a, g as o, s as l, c as d, w as h } from "../../react.esm-DLSrfVwM.mjs";
+import { u } from "../../index-BUN4jQ3m.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { ActionButton as c } from "./ActionButton.js";
+b.mock("../../utils/events", async () => ({
+  ...await b.importActual("../../utils/events"),
+  publish: b.fn()
+}));
+r("ActionButton", () => {
+  m(() => {
+    b.clearAllMocks();
+  }), p(() => {
+    b.clearAllMocks();
+  }), r("Basic Rendering", () => {
+    s("should render with label text", () => {
+      a(/* @__PURE__ */ n(c, { label: "Click Me" })), o(l.getByRole("button", { name: /click me/i })).toBeInTheDocument();
+    }), s("should render with default button type", () => {
+      a(/* @__PURE__ */ n(c, { label: "Submit" }));
+      const t = l.getByRole("button");
+      o(t).toHaveAttribute("type", "button");
+    }), s("should render with custom button type", () => {
+      a(/* @__PURE__ */ n(c, { label: "Submit", type: "submit" }));
+      const t = l.getByRole("button");
+      o(t).toHaveAttribute("type", "submit");
+    }), s("should apply custom className", () => {
+      a(/* @__PURE__ */ n(c, { classname: "custom-class", label: "Test" }));
+      const t = l.getByRole("button");
+      o(t).toHaveClass("custom-class");
+    }), s("should apply variant class when provided", () => {
+      const { container: t } = a(/* @__PURE__ */ n(c, { label: "Test", varient: "primary" })), e = t.querySelector(".action-btn--primary");
+      o(e).toBeInTheDocument();
+    }), s("should apply size class when provided", () => {
+      const { container: t } = a(/* @__PURE__ */ n(c, { label: "Test", size: "large" })), e = t.querySelector(".action-btn--large");
+      o(e).toBeInTheDocument();
+    });
+  }), r("Click Handling", () => {
+    s("should call onClick handler when clicked", async () => {
+      const t = u.setup(), e = b.fn();
+      a(/* @__PURE__ */ n(c, { label: "Click Me", onClick: e }));
+      const i = l.getByRole("button");
+      await t.click(i), o(e).toHaveBeenCalledTimes(1);
+    }), s("should publish event when clicked", async () => {
+      const { publish: t } = await import("../../utils/events.js"), e = u.setup();
+      a(/* @__PURE__ */ n(c, { label: "Click Me" }));
+      const i = l.getByRole("button");
+      await e.click(i), o(t).toHaveBeenCalledWith("scripps:actionbtn:clicked");
+    }), s("should change to waiting state when clicked", async () => {
+      const t = u.setup();
+      a(/* @__PURE__ */ n(c, { label: "Click Me" }));
+      const e = l.getByRole("button");
+      o(l.getByText("Click Me")).toBeInTheDocument(), await t.click(e), o(l.queryByText("Click Me")).not.toBeInTheDocument();
+      const i = e.querySelector(".dots-pulse");
+      o(i).toBeInTheDocument();
+    }), s("should not call onClick when disabled", async () => {
+      const t = u.setup(), e = b.fn();
+      a(/* @__PURE__ */ n(c, { disabled: !0, label: "Click Me", onClick: e }));
+      const i = l.getByRole("button");
+      await t.click(i), o(e).not.toHaveBeenCalled();
+    });
+  }), r("Disabled State", () => {
+    s("should be disabled when disabled prop is true", () => {
+      a(/* @__PURE__ */ n(c, { disabled: !0, label: "Test" }));
+      const t = l.getByRole("button");
+      o(t).toBeDisabled();
+    }), s("should be disabled when in waiting state", async () => {
+      const t = u.setup();
+      a(/* @__PURE__ */ n(c, { label: "Test" }));
+      const e = l.getByRole("button");
+      o(e).not.toBeDisabled(), await t.click(e), o(e).toBeDisabled();
+    }), s("should remain disabled if already disabled and clicked", async () => {
+      const t = u.setup();
+      a(/* @__PURE__ */ n(c, { disabled: !0, label: "Test" }));
+      const e = l.getByRole("button");
+      o(e).toBeDisabled(), await t.click(e), o(e).toBeDisabled(), o(l.getByText("Test")).toBeInTheDocument();
+    });
+  }), r("Custom Colors", () => {
+    s("should apply custom background color", () => {
+      a(/* @__PURE__ */ n(c, { customColors: {
+        bgColor: "#ff0000",
+        bgHoverColor: "#cc0000",
+        color: "#ffffff",
+        hoverColor: "#eeeeee",
+        borderColor: "#ff0000",
+        borderHoverColor: "#cc0000"
+      }, label: "Test" }));
+      const e = l.getByRole("button");
+      o(e).toHaveStyle({ "--button-bg-color": "#ff0000" }), o(e).toHaveStyle({ "--button-color": "#ffffff" });
+    }), s("should use default hover colors when not provided", () => {
+      a(/* @__PURE__ */ n(c, { customColors: {
+        bgColor: "#ff0000",
+        bgHoverColor: "",
+        color: "#ffffff",
+        hoverColor: "",
+        borderColor: "",
+        borderHoverColor: ""
+      }, label: "Test" }));
+      const e = l.getByRole("button");
+      o(e).toHaveStyle({ "--button-hover-bg-color": "#ff0000" }), o(e).toHaveStyle({ "--button-hover-color": "#ffffff" });
+    }), s("should not apply custom styles when bgColor is empty", () => {
+      const t = {
+        bgColor: "",
+        bgHoverColor: "",
+        color: "",
+        hoverColor: "",
+        borderColor: "",
+        borderHoverColor: ""
+      }, { container: e } = a(/* @__PURE__ */ n(c, { customColors: t, label: "Test" }));
+      console.warn(e.innerHTML);
+      const i = l.getByRole("button");
+      o(i.getAttribute("style")).toBeFalsy();
+    });
+  }), r("Event Subscription", () => {
+    s("should return to idle state when action completed event is triggered", async () => {
+      const t = u.setup();
+      a(/* @__PURE__ */ n(c, { label: "Test Button" }));
+      const e = l.getByRole("button");
+      await t.click(e), o(l.queryByText("Test Button")).not.toBeInTheDocument(), o(e).toBeDisabled(), await d(async () => {
+        const i = new CustomEvent("scripps:action:completed");
+        document.dispatchEvent(i);
+      }), await h(() => {
+        o(l.getByText("Test Button")).toBeInTheDocument(), o(e).not.toBeDisabled();
+      });
+    }), s("should handle multiple action cycles", async () => {
+      const t = u.setup();
+      a(/* @__PURE__ */ n(c, { label: "Test Button" }));
+      const e = l.getByRole("button");
+      await t.click(e), o(e).toBeDisabled(), await d(async () => {
+        const i = new CustomEvent("scripps:action:completed");
+        document.dispatchEvent(i);
+      }), await h(() => {
+        o(e).not.toBeDisabled();
+      }), await t.click(e), o(e).toBeDisabled(), await d(async () => {
+        const i = new CustomEvent("scripps:action:completed");
+        document.dispatchEvent(i);
+      }), await h(() => {
+        o(e).not.toBeDisabled(), o(l.getByText("Test Button")).toBeInTheDocument();
+      });
+    });
+  }), r("Additional Attributes", () => {
+    s("should pass through additional attributes", () => {
+      a(
+        /* @__PURE__ */ n(
+          c,
+          {
+            "aria-label": "Custom aria label",
+            "data-testid": "custom-button",
+            label: "Test"
+          }
+        )
+      );
+      const t = l.getByRole("button");
+      o(t).toHaveAttribute("data-testid", "custom-button"), o(t).toHaveAttribute("aria-label", "Custom aria label");
+    }), s("should handle multiple custom attributes", () => {
+      a(
+        /* @__PURE__ */ n(
+          c,
+          {
+            "aria-describedby": "description",
+            "data-tracking": "track-click",
+            id: "my-button",
+            label: "Test"
+          }
+        )
+      );
+      const t = l.getByRole("button");
+      o(t).toHaveAttribute("id", "my-button"), o(t).toHaveAttribute("data-tracking", "track-click"), o(t).toHaveAttribute("aria-describedby", "description");
+    });
+  }), r("Loading State Display", () => {
+    s("should display label in idle state", () => {
+      a(/* @__PURE__ */ n(c, { label: "Submit Form" })), o(l.getByText("Submit Form")).toBeInTheDocument();
+    }), s("should display loading dots in waiting state", async () => {
+      const t = u.setup(), { container: e } = a(/* @__PURE__ */ n(c, { label: "Submit Form" }));
+      await t.click(l.getByRole("button"));
+      const i = e.querySelector(".dots-pulse");
+      o(i).toBeInTheDocument();
+      const y = i == null ? void 0 : i.querySelectorAll("span");
+      o(y).toHaveLength(3);
+    }), s("should hide label when in waiting state", async () => {
+      const t = u.setup();
+      a(/* @__PURE__ */ n(c, { label: "Submit Form" })), o(l.getByText("Submit Form")).toBeInTheDocument(), await t.click(l.getByRole("button")), o(l.queryByText("Submit Form")).not.toBeInTheDocument();
+    });
+  }), r("Edge Cases", () => {
+    s("should handle click with no onClick handler provided", async () => {
+      const t = u.setup();
+      a(/* @__PURE__ */ n(c, { label: "Test" }));
+      const e = l.getByRole("button");
+      await o(t.click(e)).resolves.not.toThrow();
+    }), s("should handle empty variant and size strings", () => {
+      a(/* @__PURE__ */ n(c, { label: "Test", size: "", varient: "" }));
+      const t = l.getByRole("button");
+      o(t).toBeInTheDocument();
+    }), s("should handle multiple rapid clicks", async () => {
+      const t = u.setup(), e = b.fn();
+      a(/* @__PURE__ */ n(c, { label: "Test", onClick: e }));
+      const i = l.getByRole("button");
+      await t.click(i), o(e).toHaveBeenCalledTimes(1), await t.click(i), o(e).toHaveBeenCalledTimes(1);
+    });
+  }), r("Accessibility", () => {
+    s("should be keyboard accessible", async () => {
+      const t = u.setup(), e = b.fn();
+      a(/* @__PURE__ */ n(c, { label: "Test", onClick: e }));
+      const i = l.getByRole("button");
+      i.focus(), o(i).toHaveFocus(), await t.keyboard("{Enter}"), o(e).toHaveBeenCalled();
+    }), s("should have button role", () => {
+      a(/* @__PURE__ */ n(c, { label: "Test" })), o(l.getByRole("button")).toBeInTheDocument();
+    });
+  });
+});

package/dist/components/AdBlock/AdBlock.test.js

@@ -0,0 +1,286 @@
+var f = Object.defineProperty;
+var v = (o, n, e) => n in o ? f(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
+var m = (o, n, e) => v(o, typeof n != "symbol" ? n + "" : n, e);
+import { jsx as r } from "react/jsx-runtime";
+import { v as d, d as u, b as I, a as x, i, r as s, g as t, s as l, c as y } from "../../react.esm-DLSrfVwM.mjs";
+import { u as T } from "../../index-BUN4jQ3m.mjs";
+import { AdBlock as c } from "./AdBlock.js";
+const B = d.fn();
+u("AdBlock", () => {
+  const o = {
+    url: "https://example.com/image.jpg",
+    altText: "Test Ad Image",
+    mobile: "https://example.com/mobile-image.jpg",
+    text: "Sponsored Content"
+  }, n = {
+    campaign: "summer-sale",
+    source: "website",
+    medium: "banner",
+    content: "homepage",
+    header: "Amazing Product",
+    description: "Get the best deals on our amazing product!",
+    linkText: "Shop Now",
+    href: "https://example.com/shop"
+  };
+  I(() => {
+    window.open = B, global.IntersectionObserver = class {
+      constructor(a) {
+        m(this, "root", null);
+        m(this, "rootMargin", "0px");
+        m(this, "thresholds", [0]);
+        m(this, "observe", d.fn());
+        m(this, "unobserve", d.fn());
+        m(this, "disconnect", d.fn());
+        m(this, "takeRecords", d.fn(() => []));
+        this.callback = a;
+      }
+      // Helper to trigger callback
+      triggerIntersection(a) {
+        this.callback(
+          [{ isIntersecting: a, target: document.createElement("div") }],
+          this
+        );
+      }
+    };
+  }), x(() => {
+    d.clearAllMocks();
+  }), u("Basic Rendering", () => {
+    i("should render with default theme", () => {
+      const { container: e } = s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      t(e.querySelector("ad-block")).toBeInTheDocument();
+    }), i("should render ad header", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), t(l.getByText("Amazing Product")).toBeInTheDocument();
+    }), i("should render ad description", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), t(l.getByText("Get the best deals on our amazing product!")).toBeInTheDocument();
+    }), i("should render link text", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), t(l.getByText("Shop Now")).toBeInTheDocument();
+    }), i("should render image with correct alt text", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), t(l.getByAltText("Test Ad Image")).toBeInTheDocument();
+    }), i("should render sponsored content text", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), t(l.getByText("Sponsored Content")).toBeInTheDocument();
+    });
+  }), u("Theme Variants", () => {
+    i("should render with default theme when no theme specified", () => {
+      const { container: e } = s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      t(e.querySelector("ad-block")).toBeInTheDocument();
+    }), i("should render with round2 theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "round2" })), t(l.getByText("Amazing Product")).toBeInTheDocument();
+    }), i("should render with tablotv theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "tablotv" })), t(l.getByText("Amazing Product")).toBeInTheDocument();
+      const e = l.getAllByAltText("Test Ad Image");
+      t(e.length).toBeGreaterThan(0);
+    }), i("should render with imageonly theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "imageonly" })), t(l.getByText("Sponsored Content")).toBeInTheDocument();
+    }), i("should use mobile image for tablotv theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "tablotv" }));
+      const e = l.getAllByAltText("Test Ad Image").find(
+        (a) => a.getAttribute("src") === o.mobile
+      );
+      t(e).toBeInTheDocument();
+    }), i("should not render header and description for imageonly theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "imageonly" })), t(l.queryByText("Amazing Product")).not.toBeInTheDocument(), t(l.queryByText("Get the best deals on our amazing product!")).not.toBeInTheDocument();
+    });
+  }), u("UTM Parameters", () => {
+    i("should construct link with UTM parameters", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      const e = l.getByText("Shop Now").closest("a");
+      t(e == null ? void 0 : e.href).toContain("utm_campaign=summer-sale"), t(e == null ? void 0 : e.href).toContain("utm_source=website"), t(e == null ? void 0 : e.href).toContain("utm_medium=banner"), t(e == null ? void 0 : e.href).toContain("utm_content=homepage");
+    }), i("should construct link without UTM parameters when campaign is empty", () => {
+      const e = { ...n, campaign: "" };
+      s(/* @__PURE__ */ r(c, { ad: e, image: o }));
+      const a = l.getByText("Shop Now").closest("a");
+      t(a == null ? void 0 : a.href).toBe("https://example.com/shop"), t(a == null ? void 0 : a.href).not.toContain("utm_campaign");
+    }), i("should have correct href structure", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      const e = l.getByText("Shop Now").closest("a");
+      t(e == null ? void 0 : e.href).toBe(
+        "https://example.com/shop?utm_campaign=summer-sale&utm_source=website&utm_medium=banner&utm_content=homepage"
+      );
+    });
+  }), u("Link Attributes", () => {
+    i('should have target="_blank" on links', () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), l.getAllByRole("link").forEach((a) => {
+        t(a).toHaveAttribute("target", "_blank");
+      });
+    }), i('should have rel="noreferrer" on links', () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), l.getAllByRole("link").forEach((a) => {
+        t(a).toHaveAttribute("rel", "noreferrer");
+      });
+    });
+  }), u("Click Handling", () => {
+    i("should open link in new tab when ad block is clicked", async () => {
+      const e = T.setup(), { container: a } = s(/* @__PURE__ */ r(c, { ad: n, image: o })), h = a.querySelector("ad-block");
+      h && (await e.click(h), t(B).toHaveBeenCalled());
+    }), i("should prevent default and open link when CTA is clicked directly", async () => {
+      T.setup(), s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      const e = l.getByText("Shop Now"), a = d.fn(), { container: h } = s(/* @__PURE__ */ r(c, { ad: n, image: o })), g = h.querySelector("ad-block");
+      if (g) {
+        const p = new MouseEvent("click", { bubbles: !0 });
+        Object.defineProperty(p, "target", { value: e, enumerable: !0 }), Object.defineProperty(p, "preventDefault", { value: a, enumerable: !0 }), g.dispatchEvent(p);
+      }
+    }), i("should open correct URL when clicked", async () => {
+      const e = T.setup(), { container: a } = s(/* @__PURE__ */ r(c, { ad: n, image: o })), h = a.querySelector("ad-block");
+      h && (await e.click(h), t(B).toHaveBeenCalled());
+    });
+  }), u("IntersectionObserver", () => {
+    i("should create IntersectionObserver for default theme", () => {
+      const e = d.fn();
+      global.IntersectionObserver = class {
+        constructor() {
+          m(this, "observe", e);
+          m(this, "unobserve", d.fn());
+          m(this, "disconnect", d.fn());
+        }
+      }, s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "default" })), t(e).toHaveBeenCalled();
+    }), i("should not create IntersectionObserver for imageonly theme", () => {
+      const e = d.fn();
+      global.IntersectionObserver = class {
+        constructor() {
+          m(this, "observe", e);
+          m(this, "unobserve", d.fn());
+          m(this, "disconnect", d.fn());
+        }
+      }, s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "imageonly" })), t(e).not.toHaveBeenCalled();
+    }), i("should disconnect observer on unmount", () => {
+      const e = d.fn();
+      global.IntersectionObserver = class {
+        constructor() {
+          m(this, "observe", d.fn());
+          m(this, "unobserve", d.fn());
+          m(this, "disconnect", e);
+        }
+      };
+      const { unmount: a } = s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      a(), t(e).toHaveBeenCalled();
+    });
+  }), u("Animation Triggers", () => {
+    i("should add animation classes when element intersects", async () => {
+      let e, a;
+      const h = d.fn();
+      global.IntersectionObserver = class {
+        constructor(b) {
+          m(this, "observe", d.fn((b) => {
+            a = b;
+          }));
+          m(this, "unobserve", h);
+          m(this, "disconnect", d.fn());
+          e = b;
+        }
+      };
+      const { container: g } = s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "default" }));
+      await y(async () => {
+        e && e(
+          [{ isIntersecting: !0, target: a }],
+          { unobserve: h }
+        );
+      }), t(g).toBeInTheDocument(), t(h).toHaveBeenCalled();
+    }), i("should not trigger animations when not intersecting", async () => {
+      let e;
+      global.IntersectionObserver = class {
+        constructor(g) {
+          m(this, "observe", d.fn());
+          m(this, "unobserve", d.fn());
+          m(this, "disconnect", d.fn());
+          e = g;
+        }
+      };
+      const { container: a } = s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      await y(async () => {
+        e && e(
+          [{ isIntersecting: !1, target: document.createElement("div") }],
+          {}
+        );
+      }), t(a).toBeInTheDocument();
+    });
+  }), u("Image Rendering", () => {
+    i("should render image with correct src", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      const e = l.getByAltText("Test Ad Image");
+      t(e).toHaveAttribute("src", o.url);
+    }), i("should render multiple images for tablotv theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "tablotv" }));
+      const e = l.getAllByAltText("Test Ad Image");
+      t(e.length).toBe(2);
+    }), i("should wrap images in links", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      const a = l.getByAltText("Test Ad Image").closest("a");
+      t(a).toBeInTheDocument(), t(a == null ? void 0 : a.href).toContain("example.com/shop");
+    });
+  }), u("Accessibility", () => {
+    i("should have screen reader text for imageonly theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "imageonly" }));
+      const e = l.getByText("Sponsored Content");
+      t(e).toHaveClass("sr-only");
+    }), i("should have proper alt text on images", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      const e = l.getByAltText("Test Ad Image");
+      t(e).toHaveAttribute("alt", "Test Ad Image");
+    }), i("should have links that are keyboard accessible", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o })), l.getAllByRole("link").forEach((a) => {
+        t(a).toBeInTheDocument();
+      });
+    });
+  }), u("Edge Cases", () => {
+    i("should handle missing optional image properties", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: {
+        url: "https://example.com/image.jpg",
+        altText: "Test",
+        text: "Sponsored"
+      } })), t(l.getByAltText("Test")).toBeInTheDocument();
+    }), i("should handle empty strings in ad properties", () => {
+      s(/* @__PURE__ */ r(c, { ad: {
+        campaign: "",
+        source: "",
+        medium: "",
+        content: "",
+        header: "Header",
+        description: "Description",
+        linkText: "Link",
+        href: "https://example.com"
+      }, image: o })), t(l.getByText("Header")).toBeInTheDocument();
+    }), i("should handle long ad descriptions", () => {
+      const e = {
+        ...n,
+        description: "A".repeat(500)
+      };
+      s(/* @__PURE__ */ r(c, { ad: e, image: o })), t(l.getByText("A".repeat(500))).toBeInTheDocument();
+    }), i("should handle special characters in text", () => {
+      const e = {
+        ...n,
+        header: 'Special & "Quoted" <Text>',
+        description: "It's amazing!"
+      };
+      s(/* @__PURE__ */ r(c, { ad: e, image: o })), t(l.getByText('Special & "Quoted" <Text>')).toBeInTheDocument(), t(l.getByText("It's amazing!")).toBeInTheDocument();
+    }), i("should render correctly with all themes", () => {
+      [
+        "default",
+        "round2",
+        "tablotv",
+        "imageonly"
+      ].forEach((a) => {
+        const { unmount: h } = s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: a })), g = l.getAllByText("Sponsored Content");
+        t(g.length).toBeGreaterThan(0), t(g[0]).toBeInTheDocument(), h();
+      });
+    });
+  }), u("Custom Elements", () => {
+    i("should render ad-block custom element", () => {
+      const { container: e } = s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      t(e.querySelector("ad-block")).toBeInTheDocument();
+    }), i("should render ad-image custom elements", () => {
+      const { container: e } = s(/* @__PURE__ */ r(c, { ad: n, image: o }));
+      t(e.querySelector("ad-image")).toBeInTheDocument();
+    }), i("should render multiple ad-image elements for tablotv theme", () => {
+      const { container: e } = s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "tablotv" })), a = e.querySelectorAll("ad-image");
+      t(a.length).toBe(2);
+    });
+  }), u("Theme-Specific Layouts", () => {
+    i("should render background-container for tablotv theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "tablotv" })), t(l.getByText("Shop Now")).toBeInTheDocument();
+    }), i("should render cta-container__link for imageonly theme", () => {
+      const { container: e } = s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "imageonly" })), a = e.querySelector("a");
+      t(a).toBeInTheDocument(), t(a == null ? void 0 : a.href).toContain("example.com/shop");
+    }), i("should have correct structure for default theme", () => {
+      s(/* @__PURE__ */ r(c, { ad: n, image: o, theme: "default" })), t(l.getByText("Amazing Product")).toBeInTheDocument(), t(l.getByText("Get the best deals on our amazing product!")).toBeInTheDocument(), t(l.getByText("Shop Now")).toBeInTheDocument();
+    });
+  });
+});