@wral/active-alerts 0.2.5 → 0.2.7

package/dist/define.mjs

@@ -1,4 +1,4 @@
-import { W as t } from "./wral-active-alerts-C_bQfb95.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;
@@ -759,6 +760,7 @@ class ot extends C {
 		}
 		@media (max-width: 720px) {
 			.wrapper { padding: .75rem .75rem 1.25rem; }
+			.alert-card { grid-template-columns: 1fr; }
 		}
 	`;
   async firstUpdated() {

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { W as r, n as s, s as l } from "./wral-active-alerts-C_bQfb95.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-C_bQfb95.js → wral-active-alerts-CUTa46c9.js}

@@ -6,13 +6,13 @@ const v = {
   if (!e) return null;
   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", n = e.image || e.imageUrl || e.image_url || x;
+  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: 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;
@@ -178,6 +179,7 @@ class _ extends g {
 		}
 		@media (max-width: 720px) {
 			.wrapper { padding: .75rem .75rem 1.25rem; }
+			.alert-card { grid-template-columns: 1fr; }
 		}
 	`;
   async firstUpdated() {
@@ -219,8 +221,8 @@ class _ extends g {
     this._refreshId && (globalThis.clearInterval(this._refreshId), this._refreshId = null);
   }
   render() {
-    const { items: t, loading: s, error: a } = this, l = (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}
@@ -233,9 +235,9 @@ class _ extends g {
 						<div class="label ${h}">
 							${$(r.caption)}
 						</div>
-						${o ? i`
+						${n ? i`
 							<span class="date">
-								${o}
+								${n}
 							</span>
 						` : ""}
 					</div>
@@ -244,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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wral/active-alerts",
-  "version": "0.2.5",
+  "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>",