@wral/active-alerts 0.2.6 → 0.2.7

package/dist/define.mjs

@@ -1,4 +1,4 @@
-import { W as t } from "./wral-active-alerts-BrdwAfki.js";
+import { W as t } from "./wral-active-alerts-CUTa46c9.js";
 function i() {
   const e = globalThis?.customElements;
   e && (e.get("wral-active-alerts") || e.define("wral-active-alerts", t));

package/dist/define.standalone.js

@@ -262,14 +262,14 @@ b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[x("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = globalThis, I = D.trustedTypes, J = I ? I.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, st = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, it = "?" + m, _t = `<${it}>`, A = document, P = () => A.createComment(""), U = (i) => i === null || typeof i != "object" && typeof i != "function", B = Array.isArray, yt = (i) => B(i) || typeof i?.[Symbol.iterator] == "function", R = `[ 	
+const D = globalThis, I = D.trustedTypes, J = I ? I.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, st = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, it = "?" + m, _t = `<${it}>`, v = document, P = () => v.createComment(""), U = (i) => i === null || typeof i != "object" && typeof i != "function", B = Array.isArray, yt = (i) => B(i) || typeof i?.[Symbol.iterator] == "function", R = `[ 	
 \f\r]`, w = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Z = /-->/g, G = />/g, g = RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Q = /'/g, X = /"/g, rt = /^(?:script|style|textarea|title)$/i, At = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), $ = At(1), E = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), Y = /* @__PURE__ */ new WeakMap(), y = A.createTreeWalker(A, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Q = /'/g, X = /"/g, rt = /^(?:script|style|textarea|title)$/i, vt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), $ = vt(1), E = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), Y = /* @__PURE__ */ new WeakMap(), y = v.createTreeWalker(v, 129);
 function nt(i, t) {
   if (!B(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return J !== void 0 ? J.createHTML(t) : t;
 }
-const vt = (i, t) => {
+const At = (i, t) => {
   const e = i.length - 1, s = [];
   let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = w;
   for (let d = 0; d < e; d++) {
@@ -286,7 +286,7 @@ class T {
     let r;
     this.parts = [];
     let n = 0, o = 0;
-    const d = t.length - 1, a = this.parts, [c, l] = vt(t, e);
+    const d = t.length - 1, a = this.parts, [c, l] = At(t, e);
     if (this.el = T.createElement(c, s), y.currentNode = this.el.content, e === 2 || e === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
@@ -314,7 +314,7 @@ class T {
     }
   }
   static createElement(t, e) {
-    const s = A.createElement("template");
+    const s = v.createElement("template");
     return s.innerHTML = t, s;
   }
 }
@@ -335,7 +335,7 @@ class bt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ?? A).importNode(e, !0);
+    const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ?? v).importNode(e, !0);
     y.currentNode = r;
     let n = y.nextNode(), o = 0, d = 0, a = s[0];
     for (; a !== void 0; ) {
@@ -345,7 +345,7 @@ class bt {
       }
       o !== a?.index && (n = y.nextNode(), o++);
     }
-    return y.currentNode = A, r;
+    return y.currentNode = v, r;
   }
   p(t) {
     let e = 0;
@@ -380,7 +380,7 @@ class O {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== p && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(A.createTextNode(t)), this._$AH = t;
+    this._$AH !== p && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(v.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = T.createElement(nt(s.h, s.h[0]), this.options)), s);
@@ -523,7 +523,7 @@ const _ = (i, ...t) => (...e) => i(...t, ...e);
 function Tt(i) {
   return {
     // Underlying mechanism to use the REST URLs directly.
-    api: _(v, i),
+    api: _(A, i),
     listActiveAlerts: _(Ot, i),
     getActiveAlert: _(Nt, i),
     listAlerts: _(Ht, i),
@@ -534,30 +534,30 @@ function Tt(i) {
 }
 function Ot(i) {
   const t = Object.assign({}, i, { apiKey: void 0 });
-  return v(t, "/v1/active/alerts");
+  return A(t, "/v1/active/alerts");
 }
 function Nt(i, t) {
   const e = Object.assign({}, i, { apiKey: void 0 });
-  return v(e, `/v1/active/alerts/${t}`);
+  return A(e, `/v1/active/alerts/${t}`);
 }
 function Ht(i) {
-  return v(i, "/v1/alerts");
+  return A(i, "/v1/alerts");
 }
 function It(i, t) {
-  return v(i, `/v1/alerts/${t}`);
+  return A(i, `/v1/alerts/${t}`);
 }
 function kt(i, t) {
-  return v(i, "/v1/alerts", {
+  return A(i, "/v1/alerts", {
     method: "POST",
     body: t
   });
 }
 function Mt(i, t) {
-  return v(i, `/v1/alerts/${t}`, {
+  return A(i, `/v1/alerts/${t}`, {
     method: "DELETE"
   });
 }
-async function v(i, t, e) {
+async function A(i, t, e) {
   const s = i.baseUrl.endsWith("/") ? i.baseUrl : `${i.baseUrl}/`, r = t.startsWith("/") ? t.substring(1) : t, n = new URL(r, s), o = {
     "Content-Type": "application/json"
   };
@@ -689,13 +689,14 @@ class ot extends C {
 			overflow: hidden;
 			background: #f3f3f3;
 			border: 1px solid #ececec;
-			aspect-ratio: 4 / 3;
+			aspect-ratio: 16 / 9;
 		}
 		.thumb img {
 			display: block;
 			width: 100%;
 			height: 100%;
 			object-fit: cover;
+			border-radius: var(--radius-sm, 0.3125rem);
 		}
 		.alert-body {
 			display: flex;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { W as r, n as s, s as l } from "./wral-active-alerts-BrdwAfki.js";
+import { W as r, n as s, s as l } from "./wral-active-alerts-CUTa46c9.js";
 export {
   r as WralActiveAlerts,
   s as normalizeAlert,

package/dist/{wral-active-alerts-BrdwAfki.js → wral-active-alerts-CUTa46c9.js}

@@ -4,15 +4,15 @@ const v = {
   lg: 1366
 }, y = "https://api.wral.com/alerts/v1/active/alerts", x = "https://assets.wral.com/a1cc0e86-adab-48e9-bd80-703cd2c56aff?w=1200&h=630", $ = (e) => String(e || "Alert").replace(/[^\p{L}\p{N}]/gu, " ").replace(/\s+/g, " ").trim() || "Alert", I = (e) => {
   if (!e) return null;
-  const t = e.link || e.url || e.href || "", l = e.title || e.headline || "";
-  if (!l) return null;
-  const a = String(e.topic || "").trim(), s = a.toLowerCase(), r = e.caption || a || "Alert", n = e.image || e.imageUrl || e.image_url || x;
+  const t = e.link || e.url || e.href || "", s = e.title || e.headline || "";
+  if (!s) return null;
+  const a = String(e.topic || "").trim(), l = a.toLowerCase(), r = e.caption || a || "Alert", o = e.image || e.imageUrl || e.image_url || x;
   return {
     url: t,
-    title: l,
-    topic: s || a,
+    title: s,
+    topic: l || a,
     caption: r,
-    image: n,
+    image: o,
     body: e.body || e.summary || "",
     effectiveFrom: e.effectiveFrom || e.effective_from || ""
   };
@@ -108,13 +108,14 @@ class _ extends g {
 			overflow: hidden;
 			background: #f3f3f3;
 			border: 1px solid #ececec;
-			aspect-ratio: 4 / 3;
+			aspect-ratio: 16 / 9;
 		}
 		.thumb img {
 			display: block;
 			width: 100%;
 			height: 100%;
 			object-fit: cover;
+			border-radius: var(--radius-sm, 0.3125rem);
 		}
 		.alert-body {
 			display: flex;
@@ -220,8 +221,8 @@ class _ extends g {
     this._refreshId && (globalThis.clearInterval(this._refreshId), this._refreshId = null);
   }
   render() {
-    const { items: t, loading: l, error: a } = this, s = (r, n) => {
-      const o = A(r.effectiveFrom), h = String(r.topic || "").trim().toLowerCase(), c = r.title || r.body, d = String(r.title || "").trim(), m = String(r.body || "").trim(), f = d && m && d !== m ? r.body : "", p = i`
+    const { items: t, loading: s, error: a } = this, l = (r, o) => {
+      const n = A(r.effectiveFrom), h = String(r.topic || "").trim().toLowerCase(), c = r.title || r.body, d = String(r.title || "").trim(), m = String(r.body || "").trim(), f = d && m && d !== m ? r.body : "", p = i`
 				<div class="thumb">
 					<img
 						src=${r.image}
@@ -234,9 +235,9 @@ class _ extends g {
 						<div class="label ${h}">
 							${$(r.caption)}
 						</div>
-						${o ? i`
+						${n ? i`
 							<span class="date">
-								${o}
+								${n}
 							</span>
 						` : ""}
 					</div>
@@ -245,7 +246,7 @@ class _ extends g {
 				</div>
 			`;
       return i`
-				<li class="alert" data-index=${n} aria-label="Site Alert">
+				<li class="alert" data-index=${o} aria-label="Site Alert">
 					${r.url ? i`
 						<a class="alert-card" href=${r.url} aria-label=${c}>
 							${p}
@@ -261,17 +262,17 @@ class _ extends g {
     return i`
 			<div class="wrapper" role="region" aria-live="polite">
 				<div class="heading">
-					${l ? i`<span class="pill">Loading…</span>` : ""}
+					${s ? i`<span class="pill">Loading…</span>` : ""}
 				</div>
 
 				${a ? i`<div class="status error">${a}</div>` : ""}
-				${!a && !l && !t.length ? i`
+				${!a && !s && !t.length ? i`
 					<div class="empty">No active alerts right now.</div>
 				` : ""}
 
 				${t.length ? i`
 					<ul class="list">
-						${t.map(s)}
+						${t.map(l)}
 					</ul>
 				` : ""}
 			</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wral/active-alerts",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "description": "Lit web component for rendering the current set of active WRAL alerts.",
   "author": "Dominick Jones <djones@wral.com>",