@wral/active-alerts 0.2.1 → 0.2.2

package/dist/define.mjs

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

package/dist/define.standalone.js

@@ -45,10 +45,10 @@ const at = (i) => new tt(typeof i == "string" ? i : i + "", void 0, j), lt = (i,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ct, defineProperty: dt, getOwnPropertyDescriptor: pt, getOwnPropertyNames: ut, getOwnPropertySymbols: ft, getPrototypeOf: $t } = Object, I = globalThis, F = I.trustedTypes, mt = F ? F.emptyScript : "", gt = I.reactiveElementPolyfillSupport, x = (i, t) => i, z = { toAttribute(i, t) {
+const { is: ct, defineProperty: dt, getOwnPropertyDescriptor: pt, getOwnPropertyNames: ut, getOwnPropertySymbols: ft, getPrototypeOf: mt } = Object, I = globalThis, F = I.trustedTypes, $t = F ? F.emptyScript : "", gt = I.reactiveElementPolyfillSupport, x = (i, t) => i, z = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
-      i = i ? mt : null;
+      i = i ? $t : null;
       break;
     case Object:
     case Array:
@@ -104,7 +104,7 @@ let b = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(x("elementProperties"))) return;
-    const t = $t(this);
+    const t = mt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
@@ -262,9 +262,9 @@ b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[x("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = globalThis, H = D.trustedTypes, J = H ? H.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, H = D.trustedTypes, J = H ? H.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, st = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, it = "?" + $, _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 = `[ 	
 \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 }), u = 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, At = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), f = At(1), E = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), Y = /* @__PURE__ */ new WeakMap(), y = A.createTreeWalker(A, 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;
@@ -274,10 +274,10 @@ const vt = (i, t) => {
   let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = w;
   for (let c = 0; c < e; c++) {
     const a = i[c];
-    let d, l, h = -1, f = 0;
-    for (; f < a.length && (o.lastIndex = f, l = o.exec(a), l !== null); ) f = o.lastIndex, o === w ? l[1] === "!--" ? o = Z : l[1] !== void 0 ? o = G : l[2] !== void 0 ? (rt.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = g) : l[3] !== void 0 && (o = g) : o === g ? l[0] === ">" ? (o = r ?? w, h = -1) : l[1] === void 0 ? h = -2 : (h = o.lastIndex - l[2].length, d = l[1], o = l[3] === void 0 ? g : l[3] === '"' ? X : Q) : o === X || o === Q ? o = g : o === Z || o === G ? o = w : (o = g, r = void 0);
-    const $ = o === g && i[c + 1].startsWith("/>") ? " " : "";
-    n += o === w ? a + _t : h >= 0 ? (s.push(d), a.slice(0, h) + st + a.slice(h) + m + $) : a + m + (h === -2 ? c : $);
+    let d, l, h = -1, u = 0;
+    for (; u < a.length && (o.lastIndex = u, l = o.exec(a), l !== null); ) u = o.lastIndex, o === w ? l[1] === "!--" ? o = Z : l[1] !== void 0 ? o = G : l[2] !== void 0 ? (rt.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = g) : l[3] !== void 0 && (o = g) : o === g ? l[0] === ">" ? (o = r ?? w, h = -1) : l[1] === void 0 ? h = -2 : (h = o.lastIndex - l[2].length, d = l[1], o = l[3] === void 0 ? g : l[3] === '"' ? X : Q) : o === X || o === Q ? o = g : o === Z || o === G ? o = w : (o = g, r = void 0);
+    const m = o === g && i[c + 1].startsWith("/>") ? " " : "";
+    n += o === w ? a + _t : h >= 0 ? (s.push(d), a.slice(0, h) + st + a.slice(h) + $ + m) : a + $ + (h === -2 ? c : m);
   }
   return [nt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
@@ -294,21 +294,21 @@ class T {
     for (; (r = y.nextNode()) !== null && a.length < c; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(st)) {
-          const f = l[o++], $ = r.getAttribute(h).split(m), N = /([.?@])?(.*)/.exec(f);
-          a.push({ type: 1, index: n, name: N[2], strings: $, ctor: N[1] === "." ? Et : N[1] === "?" ? St : N[1] === "@" ? wt : M }), r.removeAttribute(h);
-        } else h.startsWith(m) && (a.push({ type: 6, index: n }), r.removeAttribute(h));
+          const u = l[o++], m = r.getAttribute(h).split($), N = /([.?@])?(.*)/.exec(u);
+          a.push({ type: 1, index: n, name: N[2], strings: m, ctor: N[1] === "." ? Et : N[1] === "?" ? St : N[1] === "@" ? wt : M }), r.removeAttribute(h);
+        } else h.startsWith($) && (a.push({ type: 6, index: n }), r.removeAttribute(h));
         if (rt.test(r.tagName)) {
-          const h = r.textContent.split(m), f = h.length - 1;
-          if (f > 0) {
+          const h = r.textContent.split($), u = h.length - 1;
+          if (u > 0) {
             r.textContent = H ? H.emptyScript : "";
-            for (let $ = 0; $ < f; $++) r.append(h[$], P()), y.nextNode(), a.push({ type: 2, index: ++n });
-            r.append(h[f], P());
+            for (let m = 0; m < u; m++) r.append(h[m], P()), y.nextNode(), a.push({ type: 2, index: ++n });
+            r.append(h[u], P());
           }
         }
       } else if (r.nodeType === 8) if (r.data === it) a.push({ type: 2, index: n });
       else {
         let h = -1;
-        for (; (h = r.data.indexOf(m, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += m.length - 1;
+        for (; (h = r.data.indexOf($, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += $.length - 1;
       }
       n++;
     }
@@ -807,7 +807,7 @@ class ot extends C {
   render() {
     const { items: t, loading: e, error: s } = this, r = (n, o) => {
       const c = Bt(n.effectiveFrom), a = String(n.topic || "").trim().toLowerCase();
-      return u`
+      return f`
 				<li class="alert" data-index=${o} aria-label="Site Alert">
 					<div class="thumb">
 						<img
@@ -821,35 +821,34 @@ class ot extends C {
 								<div class="label ${a}">
 									${jt(n.caption)}
 								</div>
-								${c ? u`
+								${c ? f`
 									<span class="date">
 										${c}
 									</span>
 								` : ""}
 							</div>
-							${n.url ? u`
-								<a class="title" href=${n.url}>${n.title}</a>
-							` : u`
-								<div class="title no-link">${n.title}</div>
+							${n.url ? f`
+								<a class="title" href=${n.url}>${n.body || n.title}</a>
+							` : f`
+								<div class="title no-link">${n.body || n.title}</div>
 							`}
-							${n.body ? u`<p class="body">${n.body}</p>` : ""}
 						</div>
 					</li>
 			`;
     };
-    return u`
+    return f`
 			<div class="wrapper" role="region" aria-live="polite">
 				<div class="heading">
 					<span>Active Alerts</span>
-					${e ? u`<span class="pill">Loading…</span>` : ""}
+					${e ? f`<span class="pill">Loading…</span>` : ""}
 				</div>
 
-				${s ? u`<div class="status error">${s}</div>` : ""}
-				${!s && !e && !t.length ? u`
+				${s ? f`<div class="status error">${s}</div>` : ""}
+				${!s && !e && !t.length ? f`
 					<div class="empty">No active alerts right now.</div>
 				` : ""}
 
-				${t.length ? u`
+				${t.length ? f`
 					<ul class="list">
 						${t.map(r)}
 					</ul>

package/dist/index.mjs

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

package/dist/{wral-active-alerts-Dd9mTg2z.js → wral-active-alerts-Cm01hLhV.js}

@@ -247,11 +247,10 @@ class y extends d {
 								` : ""}
 							</div>
 							${r.url ? i`
-								<a class="title" href=${r.url}>${r.title}</a>
+								<a class="title" href=${r.url}>${r.body || r.title}</a>
 							` : i`
-								<div class="title no-link">${r.title}</div>
+								<div class="title no-link">${r.body || r.title}</div>
 							`}
-							${r.body ? i`<p class="body">${r.body}</p>` : ""}
 						</div>
 					</li>
 			`;

package/package.json

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