@mulmoclaude/core 4.4.1 → 4.5.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.13 | (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.13/LICENSE */
 function _arrayLikeToArray(r, a) {
@@ -2362,6 +2412,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