@mulmoclaude/core 4.4.2 → 4.6.0

package/dist/plugin-vue/index.d.ts

@@ -3,4 +3,5 @@ export { nextFileVersion, type FileChangePayload } from './fileWatch.ts';
 export { useMarkdownDoc } from './useMarkdownDoc.ts';
 export { formatScalarField, buildMarkdownDocView, type MarkdownDocField, type MarkdownDocView } from './markdownDoc.ts';
 export { useClipboardCopy, type UseClipboardCopyHandle } from './useClipboardCopy.ts';
+export { IconGlyph, type IconGlyphProps } from './IconGlyph.ts';
 export { sanitizeMarkdownHtml, _resetSanitizeForTests } from './sanitizeMarkdownHtml.ts';

package/dist/plugin-vue/index.js

@@ -1,5 +1,6 @@
+import { n as resolveIconGlyph } from "../iconGlyph-D8JeNg7R.js";
 import { parseFrontmatter } from "@mulmoclaude/markdown-utils/markdown/frontmatter";
-import { computed, onUnmounted, ref, watch } from "vue";
+import { computed, h, onUnmounted, ref, watch } from "vue";
 import { useRuntime } from "gui-chat-protocol/vue";
 //#region src/plugin-vue/fileWatch.ts
 function fileWatchChannel(filePath) {
@@ -86,6 +87,55 @@ function useClipboardCopy(resetMs = DEFAULT_RESET_MS) {
 	};
 }
 //#endregion
+//#region src/plugin-vue/IconGlyph.ts
+var DEFAULT_SIZE_CLASS = "text-base";
+var DEFAULT_FONT_CLASS = "material-symbols-outlined";
+var SYMBOL_CONTAINMENT = {
+	display: "inline-block",
+	width: "1em",
+	overflow: "hidden"
+};
+var GLYPH_CONTAINMENT = {
+	display: "inline-block",
+	maxWidth: "1.25em",
+	overflow: "hidden",
+	lineHeight: "1"
+};
+/** Both branches carry the same semantics, and the icon-font one needs them
+*  MORE: its text content is the ligature NAME, so an unlabelled span makes a
+*  screen reader announce "podcasts" / "rss_feed" as content. 48 icon spans
+*  across this repo already mark themselves `aria-hidden`; these are the same
+*  kind of span. */
+function labellingFor(ariaLabel) {
+	return ariaLabel ? {
+		role: "img",
+		"aria-label": ariaLabel
+	} : { "aria-hidden": "true" };
+}
+var IconGlyph = (props) => {
+	const sizeClass = props.sizeClass ?? DEFAULT_SIZE_CLASS;
+	const glyph = resolveIconGlyph(props.icon, props.fallback ?? "dataset");
+	const labelling = labellingFor(props.ariaLabel);
+	if (glyph.kind === "symbol") return h("span", {
+		class: [props.fontClass ?? DEFAULT_FONT_CLASS, sizeClass],
+		style: SYMBOL_CONTAINMENT,
+		...labelling
+	}, glyph.name);
+	return h("span", {
+		class: sizeClass,
+		style: GLYPH_CONTAINMENT,
+		...labelling
+	}, glyph.text);
+};
+IconGlyph.displayName = "IconGlyph";
+IconGlyph.props = {
+	icon: String,
+	fallback: String,
+	sizeClass: String,
+	ariaLabel: String,
+	fontClass: String
+};
+//#endregion
 //#region ../../node_modules/dompurify/dist/purify.es.mjs
 /*! @license DOMPurify 3.4.14 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.14/LICENSE */
 function _arrayLikeToArray(r, a) {
@@ -246,9 +296,11 @@ function clone(object) {
 		var _ref3 = _slicedToArray(_ref2, 2);
 		const property = _ref3[0];
 		const value = _ref3[1];
-		if (objectHasOwnProperty(object, property)) if (arrayIsArray(value)) newObject[property] = cleanArray(value);
-		else if (value && typeof value === "object" && value.constructor === Object) newObject[property] = clone(value);
-		else newObject[property] = value;
+		if (objectHasOwnProperty(object, property)) {
+			if (arrayIsArray(value)) newObject[property] = cleanArray(value);
+			else if (value && typeof value === "object" && value.constructor === Object) newObject[property] = clone(value);
+			else newObject[property] = value;
+		}
 	}
 	return newObject;
 }
@@ -1631,12 +1683,14 @@ function createDOMPurify() {
 				element.removeAttribute(name);
 			} catch (_) {}
 		}
-		if (name === "is") if (RETURN_DOM || RETURN_DOM_FRAGMENT) try {
-			_forceRemove(element);
-		} catch (_) {}
-		else try {
-			element.setAttribute(name, "");
-		} catch (_) {}
+		if (name === "is") {
+			if (RETURN_DOM || RETURN_DOM_FRAGMENT) try {
+				_forceRemove(element);
+			} catch (_) {}
+			else try {
+				element.setAttribute(name, "");
+			} catch (_) {}
+		}
 	};
 	/**
 	* _stripDisallowedAttributes
@@ -2497,6 +2551,6 @@ function _resetSanitizeForTests() {
 	hookInstalled = false;
 }
 //#endregion
-export { _resetSanitizeForTests, buildMarkdownDocView, formatScalarField, nextFileVersion, sanitizeMarkdownHtml, useClipboardCopy, useFileVersion, useFileWatch, useMarkdownDoc };
+export { IconGlyph, _resetSanitizeForTests, buildMarkdownDocView, formatScalarField, nextFileVersion, sanitizeMarkdownHtml, useClipboardCopy, useFileVersion, useFileWatch, useMarkdownDoc };
 
 //# sourceMappingURL=index.js.map