scb-wc 0.1.94 → 0.1.96

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc",
-    "version":  "0.1.94",
+    "version":  "0.1.96",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -17,6 +17,7 @@
                         "scb-wc.bundle.js",
                         "scb-*.js",
                         "scb-*/**/*.js",
+                        "shared/**/*.js",
                         "mvc/**/*.js"
                     ],
     "peerDependencies":  {
@@ -37,6 +38,7 @@
                   "mvc/**/*",
                   "scb-*.js",
                   "scb-*/**/*.js",
+                  "shared/**/*.js",
                   "fonts/**/*",
                   "blazor/**/*",
                   "!**/*.map",
@@ -460,5 +462,5 @@
                                                         },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "500DE29D553D872275557B03BC378AB92BAA8656679FCEEE3357495B13EA6253"
+    "buildHash":  "34B51BC64222944BDAA3273655EC4A5F1BF6BFD3DAEE4BC6CFF1331962A9E0B7"
 }

package/shared/lazy-focus-ring.js

@@ -0,0 +1,17 @@
+//#region src/scb-components/shared/lazy-focus-ring.ts
+var e, t = () => {
+	customElements.get("md-focus-ring") || (e ??= import("@material/web/focus/md-focus-ring.js").then(() => void 0));
+}, n = (e) => {
+	let n = e.composedPath()[0];
+	n instanceof HTMLElement && n.matches(":focus-visible") && t();
+}, r = (e) => {
+	e.key === "Tab" && t();
+}, i = (...e) => {
+	let t = n, i = r;
+	for (let n of e) n.addEventListener("focusin", t), n.addEventListener("keydown", i);
+	return () => {
+		for (let n of e) n.removeEventListener("focusin", t), n.removeEventListener("keydown", i);
+	};
+};
+//#endregion
+export { i as addLazyFocusRingListeners, n as ensureFocusRingOnFocusVisible, r as ensureFocusRingOnTab, t as ensureFocusRingReady };

package/shared/lazy-ripple.js

@@ -0,0 +1,6 @@
+//#region src/scb-components/shared/lazy-ripple.ts
+var e, t = () => (e ??= import("@material/web/ripple/ripple.js").then(() => void 0), e), n = async (e, t, n, r = !1) => {
+	!e || !t || (e.control = t, t.matches(":hover") && (e.hovered = !0), n?.type === "pointerenter" ? e.handlePointerenter?.(n) : n?.type === "pointerdown" && await e.handlePointerdown?.(n), r && e.handleClick?.());
+};
+//#endregion
+export { t as ensureRippleReady, n as syncRippleToControl };

package/shared/scb-icon-svg.js

@@ -0,0 +1,36 @@
+import { nothing as e, svg as t } from "lit";
+//#region src/scb-components/shared/scb-icon-svg.ts
+var n = new Map([
+	["arrow_forward", "M12 4l-1.41 1.41L15.17 10H4v2h11.17l-4.58 4.59L12 18l8-8-8-8Z"],
+	["chevron_left", "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59Z"],
+	["chevron_right", "M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12l-4.58 4.59Z"],
+	["close", "M18.3 5.71 16.89 4.3 12 9.17 7.11 4.3 5.7 5.71 10.59 10.6 5.7 15.49 7.11 16.9 12 12.01l4.89 4.89 1.41-1.41-4.89-4.89 4.89-4.89Z"],
+	["menu", "M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z"],
+	["open_in_new", "M14 3h7v7h-2V6.41l-9.83 9.83-1.41-1.41L17.59 5H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z"],
+	["payments", "M3 6h18v12H3V6Zm2 2v8h14V8H5Zm7 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM7 9h2v2H7V9Zm8 4h2v2h-2v-2Z"],
+	["person_4", "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-8 8c0-3.31 3.58-6 8-6s8 2.69 8 6v1H4v-1Z"],
+	["price_change", "M12 2 3 6v6c0 5 3.84 9.74 9 10 5.16-.26 9-5 9-10V6l-9-4Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Zm-7 6.5V15h2v2.6a9.1 9.1 0 0 1-2-3.1Zm12-1.9V15h2a9.1 9.1 0 0 1-2 3.1Z"],
+	["search", "M9.5 3a6.5 6.5 0 0 1 5.17 10.44l5.45 5.44-1.42 1.42-5.44-5.45A6.5 6.5 0 1 1 9.5 3Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z"],
+	["trending_up", "M16 6h5v5h-2V9.41l-6.17 6.17-4-4L3.41 17 2 15.59l6.83-6.83 4 4L17.59 8H16V6Z"],
+	["volume_up", "M3 9v6h4l5 5V4L7 9H3Zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.06A4.5 4.5 0 0 0 16.5 12Zm-2.5-8.7v2.06A7 7 0 0 1 18 12a7 7 0 0 1-4 6.64v2.06A9 9 0 0 0 20 12a9 9 0 0 0-6-8.7Z"],
+	["work", "M10 4h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h4V6a2 2 0 0 1 2-2Zm0 4h4V6h-4v2Zm-6 2v8h16v-8H4Zm6 3h4v2h-4v-2Z"]
+]);
+function r(e) {
+	return n.has((e || "").trim());
+}
+function i(r, i = "material-icon", a) {
+	let o = (r || "").trim(), s = n.get(o);
+	return s ? t`
+    <svg
+      class=${`${i} scb-svg-icon`}
+      part=${a || e}
+      aria-hidden="true"
+      viewBox="0 0 24 24"
+      focusable="false"
+    >
+      <path d=${s}></path>
+    </svg>
+  ` : e;
+}
+//#endregion
+export { r as hasScbSvgIcon, i as renderScbIcon };