yomitan-core 0.1.0

package/dist/structured-content-generator-CLnybumI.js

@@ -0,0 +1,276 @@
+import { getLanguageFromText } from "./text-utilities-B7PIythe.js";
+
+//#region src/render/structured-content-generator.ts
+/**
+* Generates DOM elements from structured content definitions found in
+* dictionary glossary entries. Handles images, links, tables, styled
+* elements, and other structured content types.
+*/
+var StructuredContentGenerator = class {
+	_contentManager;
+	_document;
+	/**
+	* Creates a new StructuredContentGenerator.
+	* @param contentManager - The content manager for loading media resources.
+	* @param doc - The Document object to use for creating DOM elements.
+	*/
+	constructor(contentManager, doc) {
+		this._contentManager = contentManager;
+		this._document = doc;
+	}
+	/**
+	* Appends structured content to an existing node, adding the 'structured-content' class.
+	* @param node - The container element to append content to.
+	* @param content - The structured content to render.
+	* @param dictionary - The dictionary name for resolving media references.
+	*/
+	appendStructuredContent(node, content, dictionary) {
+		node.classList.add("structured-content");
+		this._appendStructuredContent(node, content, dictionary, null);
+	}
+	/**
+	* Creates a new span element containing the rendered structured content.
+	* @param content - The structured content to render.
+	* @param dictionary - The dictionary name for resolving media references.
+	* @returns A span element with class 'structured-content'.
+	*/
+	createStructuredContent(content, dictionary) {
+		const node = this._createElement("span", "structured-content");
+		this._appendStructuredContent(node, content, dictionary, null);
+		return node;
+	}
+	/**
+	* Creates an image element for a definition, wrapped in an anchor tag.
+	* @param data - The image data from the dictionary.
+	* @param dictionary - The dictionary name for resolving the image path.
+	* @returns An anchor element containing the image.
+	*/
+	createDefinitionImage(data, dictionary) {
+		const { path, width = 100, height = 100, preferredWidth, preferredHeight, title, pixelated, imageRendering, appearance, background, collapsed, collapsible } = data;
+		const verticalAlign = "verticalAlign" in data ? data.verticalAlign : void 0;
+		const border = "border" in data ? data.border : void 0;
+		const borderRadius = "borderRadius" in data ? data.borderRadius : void 0;
+		const sizeUnits = "sizeUnits" in data ? data.sizeUnits : void 0;
+		const hasPreferredWidth = typeof preferredWidth === "number";
+		const hasPreferredHeight = typeof preferredHeight === "number";
+		const invAspectRatio = hasPreferredWidth && hasPreferredHeight ? preferredHeight / preferredWidth : height / width;
+		const usedWidth = hasPreferredWidth ? preferredWidth : hasPreferredHeight ? preferredHeight / invAspectRatio : width;
+		const node = this._createElement("a", "gloss-image-link");
+		node.target = "_blank";
+		node.rel = "noreferrer noopener";
+		const imageContainer = this._createElement("span", "gloss-image-container");
+		node.appendChild(imageContainer);
+		const aspectRatioSizer = this._createElement("span", "gloss-image-sizer");
+		imageContainer.appendChild(aspectRatioSizer);
+		const imageBackground = this._createElement("span", "gloss-image-background");
+		imageContainer.appendChild(imageBackground);
+		const overlay = this._createElement("span", "gloss-image-container-overlay");
+		imageContainer.appendChild(overlay);
+		const linkText = this._createElement("span", "gloss-image-link-text");
+		linkText.textContent = "Image";
+		node.appendChild(linkText);
+		node.dataset.path = path;
+		node.dataset.dictionary = dictionary;
+		node.dataset.imageLoadState = "not-loaded";
+		node.dataset.hasAspectRatio = "true";
+		node.dataset.imageRendering = typeof imageRendering === "string" ? imageRendering : pixelated ? "pixelated" : "auto";
+		node.dataset.appearance = typeof appearance === "string" ? appearance : "auto";
+		node.dataset.background = typeof background === "boolean" ? `${background}` : "true";
+		node.dataset.collapsed = typeof collapsed === "boolean" ? `${collapsed}` : "false";
+		node.dataset.collapsible = typeof collapsible === "boolean" ? `${collapsible}` : "true";
+		if (typeof verticalAlign === "string") node.dataset.verticalAlign = verticalAlign;
+		if (typeof sizeUnits === "string" && (hasPreferredWidth || hasPreferredHeight)) node.dataset.sizeUnits = sizeUnits;
+		aspectRatioSizer.style.paddingTop = `${invAspectRatio * 100}%`;
+		if (typeof border === "string") imageContainer.style.border = border;
+		if (typeof borderRadius === "string") imageContainer.style.borderRadius = borderRadius;
+		imageContainer.style.width = `${usedWidth}em`;
+		if (typeof title === "string") imageContainer.title = title;
+		const image = this._createElement("img", "gloss-image");
+		if (sizeUnits === "em" && (hasPreferredWidth || hasPreferredHeight)) {
+			image.style.width = `${usedWidth}em`;
+			image.style.height = `${usedWidth * invAspectRatio}em`;
+		}
+		image.width = usedWidth;
+		image.height = usedWidth * invAspectRatio;
+		image.style.width = "100%";
+		image.style.height = "100%";
+		imageContainer.appendChild(image);
+		const url = this._contentManager.loadMedia(path, dictionary, "image");
+		if (url) this._setImageData(node, image, imageBackground, url, false);
+		return node;
+	}
+	_appendStructuredContent(container, content, dictionary, language) {
+		if (typeof content === "string") {
+			if (content.length > 0) {
+				container.appendChild(this._createTextNode(content));
+				if (language === null) {
+					const language2 = getLanguageFromText(content, language);
+					if (language2 !== null) container.lang = language2;
+				}
+			}
+			return;
+		}
+		if (!(typeof content === "object" && content !== null)) return;
+		if (Array.isArray(content)) {
+			for (const item of content) this._appendStructuredContent(container, item, dictionary, language);
+			return;
+		}
+		const node = this._createStructuredContentGenericElement(content, dictionary, language);
+		if (node !== null) container.appendChild(node);
+	}
+	_createElement(tagName, className) {
+		const node = this._document.createElement(tagName);
+		node.className = className;
+		return node;
+	}
+	_createTextNode(data) {
+		return this._document.createTextNode(data);
+	}
+	_setElementDataset(element, data) {
+		for (let [key, value] of Object.entries(data)) {
+			if (key.length > 0) key = `${key[0].toUpperCase()}${key.substring(1)}`;
+			key = `sc${key}`;
+			try {
+				element.dataset[key] = value;
+			} catch (_e) {}
+		}
+	}
+	_setImageData(node, image, imageBackground, url, unloaded) {
+		if (url !== null) {
+			image.src = url;
+			node.href = url;
+			node.dataset.imageLoadState = "loaded";
+			imageBackground.style.setProperty("--image", `url("${url}")`);
+		} else {
+			image.removeAttribute("src");
+			node.removeAttribute("href");
+			node.dataset.imageLoadState = unloaded ? "unloaded" : "load-error";
+			imageBackground.style.removeProperty("--image");
+		}
+	}
+	_createStructuredContentGenericElement(content, dictionary, language) {
+		const { tag } = content;
+		switch (tag) {
+			case "br": return this._createStructuredContentElement(tag, content, dictionary, language, "simple", false, false);
+			case "ruby":
+			case "rt":
+			case "rp": return this._createStructuredContentElement(tag, content, dictionary, language, "simple", true, false);
+			case "table": return this._createStructuredContentTableElement(tag, content, dictionary, language);
+			case "thead":
+			case "tbody":
+			case "tfoot":
+			case "tr": return this._createStructuredContentElement(tag, content, dictionary, language, "table", true, false);
+			case "th":
+			case "td": return this._createStructuredContentElement(tag, content, dictionary, language, "table-cell", true, true);
+			case "div":
+			case "span":
+			case "ol":
+			case "ul":
+			case "li":
+			case "details":
+			case "summary": return this._createStructuredContentElement(tag, content, dictionary, language, "simple", true, true);
+			case "img": return this.createDefinitionImage(content, dictionary);
+			case "a": return this._createLinkElement(content, dictionary, language);
+		}
+		return null;
+	}
+	_createStructuredContentTableElement(tag, content, dictionary, language) {
+		const container = this._createElement("div", "gloss-sc-table-container");
+		const table = this._createStructuredContentElement(tag, content, dictionary, language, "table", true, false);
+		container.appendChild(table);
+		return container;
+	}
+	_createStructuredContentElement(tag, content, dictionary, language, type, hasChildren, hasStyle) {
+		const node = this._createElement(tag, `gloss-sc-${tag}`);
+		const { data, lang } = content;
+		if (typeof data === "object" && data !== null) this._setElementDataset(node, data);
+		if (typeof lang === "string") {
+			node.lang = lang;
+			language = lang;
+		}
+		switch (type) {
+			case "table-cell":
+				{
+					const cell = node;
+					const { colSpan, rowSpan } = content;
+					if (typeof colSpan === "number") cell.colSpan = colSpan;
+					if (typeof rowSpan === "number") cell.rowSpan = rowSpan;
+				}
+				break;
+		}
+		if (hasStyle) {
+			const { style, title, open } = content;
+			if (typeof style === "object" && style !== null) this._setStructuredContentElementStyle(node, style);
+			if (typeof title === "string") node.title = title;
+			if (typeof open === "boolean" && open) node.setAttribute("open", "");
+		}
+		if (hasChildren) this._appendStructuredContent(node, content.content, dictionary, language);
+		return node;
+	}
+	_setStructuredContentElementStyle(node, contentStyle) {
+		const { style } = node;
+		const { fontStyle, fontWeight, fontSize, color, background, backgroundColor, textDecorationLine, textDecorationStyle, textDecorationColor, borderColor, borderStyle, borderRadius, borderWidth, clipPath, verticalAlign, textAlign, textEmphasis, textShadow, margin, marginTop, marginLeft, marginRight, marginBottom, padding, paddingTop, paddingLeft, paddingRight, paddingBottom, wordBreak, whiteSpace, cursor, listStyleType } = contentStyle;
+		if (typeof fontStyle === "string") style.fontStyle = fontStyle;
+		if (typeof fontWeight === "string") style.fontWeight = fontWeight;
+		if (typeof fontSize === "string") style.fontSize = fontSize;
+		if (typeof color === "string") style.color = color;
+		if (typeof background === "string") style.background = background;
+		if (typeof backgroundColor === "string") style.backgroundColor = backgroundColor;
+		if (typeof verticalAlign === "string") style.verticalAlign = verticalAlign;
+		if (typeof textAlign === "string") style.textAlign = textAlign;
+		if (typeof textEmphasis === "string") style.textEmphasis = textEmphasis;
+		if (typeof textShadow === "string") style.textShadow = textShadow;
+		if (typeof textDecorationLine === "string") style.textDecoration = textDecorationLine;
+		else if (Array.isArray(textDecorationLine)) style.textDecoration = textDecorationLine.join(" ");
+		if (typeof textDecorationStyle === "string") style.textDecorationStyle = textDecorationStyle;
+		if (typeof textDecorationColor === "string") style.textDecorationColor = textDecorationColor;
+		if (typeof borderColor === "string") style.borderColor = borderColor;
+		if (typeof borderStyle === "string") style.borderStyle = borderStyle;
+		if (typeof borderRadius === "string") style.borderRadius = borderRadius;
+		if (typeof borderWidth === "string") style.borderWidth = borderWidth;
+		if (typeof clipPath === "string") style.clipPath = clipPath;
+		if (typeof margin === "string") style.margin = margin;
+		if (typeof marginTop === "number") style.marginTop = `${marginTop}em`;
+		if (typeof marginTop === "string") style.marginTop = marginTop;
+		if (typeof marginLeft === "number") style.marginLeft = `${marginLeft}em`;
+		if (typeof marginLeft === "string") style.marginLeft = marginLeft;
+		if (typeof marginRight === "number") style.marginRight = `${marginRight}em`;
+		if (typeof marginRight === "string") style.marginRight = marginRight;
+		if (typeof marginBottom === "number") style.marginBottom = `${marginBottom}em`;
+		if (typeof marginBottom === "string") style.marginBottom = marginBottom;
+		if (typeof padding === "string") style.padding = padding;
+		if (typeof paddingTop === "string") style.paddingTop = paddingTop;
+		if (typeof paddingLeft === "string") style.paddingLeft = paddingLeft;
+		if (typeof paddingRight === "string") style.paddingRight = paddingRight;
+		if (typeof paddingBottom === "string") style.paddingBottom = paddingBottom;
+		if (typeof wordBreak === "string") style.wordBreak = wordBreak;
+		if (typeof whiteSpace === "string") style.whiteSpace = whiteSpace;
+		if (typeof cursor === "string") style.cursor = cursor;
+		if (typeof listStyleType === "string") style.listStyleType = listStyleType;
+	}
+	_createLinkElement(content, dictionary, language) {
+		const { href } = content;
+		const internal = href.startsWith("?");
+		const node = this._createElement("a", "gloss-link");
+		node.dataset.external = `${!internal}`;
+		const text = this._createElement("span", "gloss-link-text");
+		node.appendChild(text);
+		const { lang } = content;
+		if (typeof lang === "string") {
+			node.lang = lang;
+			language = lang;
+		}
+		this._appendStructuredContent(text, content.content, dictionary, language);
+		if (!internal) {
+			const icon = this._createElement("span", "gloss-link-external-icon icon");
+			icon.dataset.icon = "external-link";
+			node.appendChild(icon);
+		}
+		this._contentManager.prepareLink(node, href, internal);
+		return node;
+	}
+};
+
+//#endregion
+export { StructuredContentGenerator };
+//# sourceMappingURL=structured-content-generator-CLnybumI.js.map

package/dist/structured-content-generator-CLnybumI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structured-content-generator-CLnybumI.js","names":["contentManager: ContentManager","doc: Document","node: HTMLElement","content: StructuredContent.Content","dictionary: string","data: StructuredContent.ImageElement | DictionaryData.TermGlossaryImage","container: HTMLElement","content: StructuredContent.Content | undefined","language: string | null","tagName: string","className: string","data: string","element: HTMLElement","data: StructuredContent.Data","node: HTMLAnchorElement","image: HTMLImageElement","imageBackground: HTMLElement","url: string | null","unloaded: boolean","content: StructuredContent.Element","tag: string","content: StructuredContent.UnstyledElement","content:\n            | StructuredContent.StyledElement\n            | StructuredContent.UnstyledElement\n            | StructuredContent.TableElement\n            | StructuredContent.LineBreak","type: 'simple' | 'table' | 'table-cell'","hasChildren: boolean","hasStyle: boolean","contentStyle: StructuredContent.StructuredContentStyle","content: StructuredContent.LinkElement"],"sources":["../src/render/structured-content-generator.ts"],"sourcesContent":["/*\n * Copyright (C) 2023-2025  Yomitan Authors\n * Copyright (C) 2021-2022  Yomichan Authors\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program.  If not, see <https://www.gnu.org/licenses/>.\n */\n\nimport { getLanguageFromText } from '../language/text-utilities.js';\nimport type * as DictionaryData from '../types/dictionary-data.js';\nimport type * as StructuredContent from '../types/structured-content.js';\nimport type { ContentManager } from './content-manager.js';\n\n/**\n * Generates DOM elements from structured content definitions found in\n * dictionary glossary entries. Handles images, links, tables, styled\n * elements, and other structured content types.\n */\nexport class StructuredContentGenerator {\n    private _contentManager: ContentManager;\n    private _document: Document;\n\n    /**\n     * Creates a new StructuredContentGenerator.\n     * @param contentManager - The content manager for loading media resources.\n     * @param doc - The Document object to use for creating DOM elements.\n     */\n    constructor(contentManager: ContentManager, doc: Document) {\n        this._contentManager = contentManager;\n        this._document = doc;\n    }\n\n    /**\n     * Appends structured content to an existing node, adding the 'structured-content' class.\n     * @param node - The container element to append content to.\n     * @param content - The structured content to render.\n     * @param dictionary - The dictionary name for resolving media references.\n     */\n    appendStructuredContent(node: HTMLElement, content: StructuredContent.Content, dictionary: string): void {\n        node.classList.add('structured-content');\n        this._appendStructuredContent(node, content, dictionary, null);\n    }\n\n    /**\n     * Creates a new span element containing the rendered structured content.\n     * @param content - The structured content to render.\n     * @param dictionary - The dictionary name for resolving media references.\n     * @returns A span element with class 'structured-content'.\n     */\n    createStructuredContent(content: StructuredContent.Content, dictionary: string): HTMLElement {\n        const node = this._createElement('span', 'structured-content');\n        this._appendStructuredContent(node, content, dictionary, null);\n        return node;\n    }\n\n    /**\n     * Creates an image element for a definition, wrapped in an anchor tag.\n     * @param data - The image data from the dictionary.\n     * @param dictionary - The dictionary name for resolving the image path.\n     * @returns An anchor element containing the image.\n     */\n    createDefinitionImage(\n        data: StructuredContent.ImageElement | DictionaryData.TermGlossaryImage,\n        dictionary: string,\n    ): HTMLAnchorElement {\n        const {\n            path,\n            width = 100,\n            height = 100,\n            preferredWidth,\n            preferredHeight,\n            title,\n            pixelated,\n            imageRendering,\n            appearance,\n            background,\n            collapsed,\n            collapsible,\n        } = data;\n\n        const verticalAlign = 'verticalAlign' in data ? data.verticalAlign : undefined;\n        const border = 'border' in data ? data.border : undefined;\n        const borderRadius = 'borderRadius' in data ? data.borderRadius : undefined;\n        const sizeUnits = 'sizeUnits' in data ? data.sizeUnits : undefined;\n\n        const hasPreferredWidth = typeof preferredWidth === 'number';\n        const hasPreferredHeight = typeof preferredHeight === 'number';\n        const invAspectRatio =\n            hasPreferredWidth && hasPreferredHeight\n                ? (preferredHeight as number) / (preferredWidth as number)\n                : height / width;\n        const usedWidth = hasPreferredWidth\n            ? (preferredWidth as number)\n            : hasPreferredHeight\n              ? (preferredHeight as number) / invAspectRatio\n              : width;\n\n        const node = this._createElement('a', 'gloss-image-link') as HTMLAnchorElement;\n        node.target = '_blank';\n        node.rel = 'noreferrer noopener';\n\n        const imageContainer = this._createElement('span', 'gloss-image-container');\n        node.appendChild(imageContainer);\n\n        const aspectRatioSizer = this._createElement('span', 'gloss-image-sizer');\n        imageContainer.appendChild(aspectRatioSizer);\n\n        const imageBackground = this._createElement('span', 'gloss-image-background');\n        imageContainer.appendChild(imageBackground);\n\n        const overlay = this._createElement('span', 'gloss-image-container-overlay');\n        imageContainer.appendChild(overlay);\n\n        const linkText = this._createElement('span', 'gloss-image-link-text');\n        linkText.textContent = 'Image';\n        node.appendChild(linkText);\n\n        node.dataset.path = path;\n        node.dataset.dictionary = dictionary;\n        node.dataset.imageLoadState = 'not-loaded';\n        node.dataset.hasAspectRatio = 'true';\n        node.dataset.imageRendering =\n            typeof imageRendering === 'string' ? imageRendering : pixelated ? 'pixelated' : 'auto';\n        node.dataset.appearance = typeof appearance === 'string' ? appearance : 'auto';\n        node.dataset.background = typeof background === 'boolean' ? `${background}` : 'true';\n        node.dataset.collapsed = typeof collapsed === 'boolean' ? `${collapsed}` : 'false';\n        node.dataset.collapsible = typeof collapsible === 'boolean' ? `${collapsible}` : 'true';\n        if (typeof verticalAlign === 'string') {\n            node.dataset.verticalAlign = verticalAlign;\n        }\n        if (typeof sizeUnits === 'string' && (hasPreferredWidth || hasPreferredHeight)) {\n            node.dataset.sizeUnits = sizeUnits;\n        }\n\n        aspectRatioSizer.style.paddingTop = `${invAspectRatio * 100}%`;\n\n        if (typeof border === 'string') {\n            imageContainer.style.border = border;\n        }\n        if (typeof borderRadius === 'string') {\n            imageContainer.style.borderRadius = borderRadius;\n        }\n        imageContainer.style.width = `${usedWidth}em`;\n        if (typeof title === 'string') {\n            (imageContainer as HTMLElement).title = title;\n        }\n\n        // Load image via content manager\n        const image = this._createElement('img', 'gloss-image') as HTMLImageElement;\n        if (sizeUnits === 'em' && (hasPreferredWidth || hasPreferredHeight)) {\n            image.style.width = `${usedWidth}em`;\n            image.style.height = `${usedWidth * invAspectRatio}em`;\n        }\n        image.width = usedWidth;\n        image.height = usedWidth * invAspectRatio;\n\n        // Anki will not render images correctly without specifying to use 100% width and height\n        image.style.width = '100%';\n        image.style.height = '100%';\n\n        imageContainer.appendChild(image);\n\n        const url = this._contentManager.loadMedia(path, dictionary, 'image');\n        if (url) {\n            this._setImageData(node, image, imageBackground, url, false);\n        }\n\n        return node;\n    }\n\n    // Private\n\n    private _appendStructuredContent(\n        container: HTMLElement,\n        content: StructuredContent.Content | undefined,\n        dictionary: string,\n        language: string | null,\n    ): void {\n        if (typeof content === 'string') {\n            if (content.length > 0) {\n                container.appendChild(this._createTextNode(content));\n                if (language === null) {\n                    const language2 = getLanguageFromText(content, language);\n                    if (language2 !== null) {\n                        container.lang = language2;\n                    }\n                }\n            }\n            return;\n        }\n        if (!(typeof content === 'object' && content !== null)) {\n            return;\n        }\n        if (Array.isArray(content)) {\n            for (const item of content) {\n                this._appendStructuredContent(container, item, dictionary, language);\n            }\n            return;\n        }\n        const node = this._createStructuredContentGenericElement(content, dictionary, language);\n        if (node !== null) {\n            container.appendChild(node);\n        }\n    }\n\n    private _createElement(tagName: string, className: string): HTMLElement {\n        const node = this._document.createElement(tagName);\n        node.className = className;\n        return node;\n    }\n\n    private _createTextNode(data: string): Text {\n        return this._document.createTextNode(data);\n    }\n\n    private _setElementDataset(element: HTMLElement, data: StructuredContent.Data): void {\n        for (let [key, value] of Object.entries(data)) {\n            if (key.length > 0) {\n                key = `${key[0].toUpperCase()}${key.substring(1)}`;\n            }\n            key = `sc${key}`;\n            try {\n                element.dataset[key] = value;\n            } catch (_e) {\n                // DOMException if key is malformed\n            }\n        }\n    }\n\n    private _setImageData(\n        node: HTMLAnchorElement,\n        image: HTMLImageElement,\n        imageBackground: HTMLElement,\n        url: string | null,\n        unloaded: boolean,\n    ): void {\n        if (url !== null) {\n            image.src = url;\n            node.href = url;\n            node.dataset.imageLoadState = 'loaded';\n            imageBackground.style.setProperty('--image', `url(\"${url}\")`);\n        } else {\n            image.removeAttribute('src');\n            node.removeAttribute('href');\n            node.dataset.imageLoadState = unloaded ? 'unloaded' : 'load-error';\n            imageBackground.style.removeProperty('--image');\n        }\n    }\n\n    private _createStructuredContentGenericElement(\n        content: StructuredContent.Element,\n        dictionary: string,\n        language: string | null,\n    ): HTMLElement | null {\n        const { tag } = content;\n        switch (tag) {\n            case 'br':\n                return this._createStructuredContentElement(tag, content, dictionary, language, 'simple', false, false);\n            case 'ruby':\n            case 'rt':\n            case 'rp':\n                return this._createStructuredContentElement(tag, content, dictionary, language, 'simple', true, false);\n            case 'table':\n                return this._createStructuredContentTableElement(\n                    tag,\n                    content as StructuredContent.UnstyledElement,\n                    dictionary,\n                    language,\n                );\n            case 'thead':\n            case 'tbody':\n            case 'tfoot':\n            case 'tr':\n                return this._createStructuredContentElement(tag, content, dictionary, language, 'table', true, false);\n            case 'th':\n            case 'td':\n                return this._createStructuredContentElement(\n                    tag,\n                    content,\n                    dictionary,\n                    language,\n                    'table-cell',\n                    true,\n                    true,\n                );\n            case 'div':\n            case 'span':\n            case 'ol':\n            case 'ul':\n            case 'li':\n            case 'details':\n            case 'summary':\n                return this._createStructuredContentElement(tag, content, dictionary, language, 'simple', true, true);\n            case 'img':\n                return this.createDefinitionImage(content as StructuredContent.ImageElement, dictionary);\n            case 'a':\n                return this._createLinkElement(content as StructuredContent.LinkElement, dictionary, language);\n        }\n        return null;\n    }\n\n    private _createStructuredContentTableElement(\n        tag: string,\n        content: StructuredContent.UnstyledElement,\n        dictionary: string,\n        language: string | null,\n    ): HTMLElement {\n        const container = this._createElement('div', 'gloss-sc-table-container');\n        const table = this._createStructuredContentElement(tag, content, dictionary, language, 'table', true, false);\n        container.appendChild(table);\n        return container;\n    }\n\n    private _createStructuredContentElement(\n        tag: string,\n        content:\n            | StructuredContent.StyledElement\n            | StructuredContent.UnstyledElement\n            | StructuredContent.TableElement\n            | StructuredContent.LineBreak,\n        dictionary: string,\n        language: string | null,\n        type: 'simple' | 'table' | 'table-cell',\n        hasChildren: boolean,\n        hasStyle: boolean,\n    ): HTMLElement {\n        const node = this._createElement(tag, `gloss-sc-${tag}`);\n        const { data, lang } = content;\n        if (typeof data === 'object' && data !== null) {\n            this._setElementDataset(node, data);\n        }\n        if (typeof lang === 'string') {\n            node.lang = lang;\n            language = lang;\n        }\n        switch (type) {\n            case 'table-cell':\n                {\n                    const cell = node as HTMLTableCellElement;\n                    const { colSpan, rowSpan } = content as StructuredContent.TableElement;\n                    if (typeof colSpan === 'number') {\n                        cell.colSpan = colSpan;\n                    }\n                    if (typeof rowSpan === 'number') {\n                        cell.rowSpan = rowSpan;\n                    }\n                }\n                break;\n        }\n        if (hasStyle) {\n            const { style, title, open } = content as StructuredContent.StyledElement;\n            if (typeof style === 'object' && style !== null) {\n                this._setStructuredContentElementStyle(node, style);\n            }\n            if (typeof title === 'string') {\n                node.title = title;\n            }\n            if (typeof open === 'boolean' && open) {\n                node.setAttribute('open', '');\n            }\n        }\n        if (hasChildren) {\n            this._appendStructuredContent(\n                node,\n                (content as StructuredContent.StyledElement).content,\n                dictionary,\n                language,\n            );\n        }\n        return node;\n    }\n\n    private _setStructuredContentElementStyle(\n        node: HTMLElement,\n        contentStyle: StructuredContent.StructuredContentStyle,\n    ): void {\n        const { style } = node;\n        const {\n            fontStyle,\n            fontWeight,\n            fontSize,\n            color,\n            background,\n            backgroundColor,\n            textDecorationLine,\n            textDecorationStyle,\n            textDecorationColor,\n            borderColor,\n            borderStyle,\n            borderRadius,\n            borderWidth,\n            clipPath,\n            verticalAlign,\n            textAlign,\n            textEmphasis,\n            textShadow,\n            margin,\n            marginTop,\n            marginLeft,\n            marginRight,\n            marginBottom,\n            padding,\n            paddingTop,\n            paddingLeft,\n            paddingRight,\n            paddingBottom,\n            wordBreak,\n            whiteSpace,\n            cursor,\n            listStyleType,\n        } = contentStyle;\n        if (typeof fontStyle === 'string') {\n            style.fontStyle = fontStyle;\n        }\n        if (typeof fontWeight === 'string') {\n            style.fontWeight = fontWeight;\n        }\n        if (typeof fontSize === 'string') {\n            style.fontSize = fontSize;\n        }\n        if (typeof color === 'string') {\n            style.color = color;\n        }\n        if (typeof background === 'string') {\n            style.background = background;\n        }\n        if (typeof backgroundColor === 'string') {\n            style.backgroundColor = backgroundColor;\n        }\n        if (typeof verticalAlign === 'string') {\n            style.verticalAlign = verticalAlign;\n        }\n        if (typeof textAlign === 'string') {\n            style.textAlign = textAlign;\n        }\n        if (typeof textEmphasis === 'string') {\n            (style as unknown as Record<string, string>).textEmphasis = textEmphasis;\n        }\n        if (typeof textShadow === 'string') {\n            style.textShadow = textShadow;\n        }\n        if (typeof textDecorationLine === 'string') {\n            style.textDecoration = textDecorationLine;\n        } else if (Array.isArray(textDecorationLine)) {\n            style.textDecoration = textDecorationLine.join(' ');\n        }\n        if (typeof textDecorationStyle === 'string') {\n            (style as unknown as Record<string, string>).textDecorationStyle = textDecorationStyle;\n        }\n        if (typeof textDecorationColor === 'string') {\n            (style as unknown as Record<string, string>).textDecorationColor = textDecorationColor;\n        }\n        if (typeof borderColor === 'string') {\n            style.borderColor = borderColor;\n        }\n        if (typeof borderStyle === 'string') {\n            style.borderStyle = borderStyle;\n        }\n        if (typeof borderRadius === 'string') {\n            style.borderRadius = borderRadius;\n        }\n        if (typeof borderWidth === 'string') {\n            style.borderWidth = borderWidth;\n        }\n        if (typeof clipPath === 'string') {\n            (style as unknown as Record<string, string>).clipPath = clipPath;\n        }\n        if (typeof margin === 'string') {\n            style.margin = margin;\n        }\n        if (typeof marginTop === 'number') {\n            style.marginTop = `${marginTop}em`;\n        }\n        if (typeof marginTop === 'string') {\n            style.marginTop = marginTop;\n        }\n        if (typeof marginLeft === 'number') {\n            style.marginLeft = `${marginLeft}em`;\n        }\n        if (typeof marginLeft === 'string') {\n            style.marginLeft = marginLeft;\n        }\n        if (typeof marginRight === 'number') {\n            style.marginRight = `${marginRight}em`;\n        }\n        if (typeof marginRight === 'string') {\n            style.marginRight = marginRight;\n        }\n        if (typeof marginBottom === 'number') {\n            style.marginBottom = `${marginBottom}em`;\n        }\n        if (typeof marginBottom === 'string') {\n            style.marginBottom = marginBottom;\n        }\n        if (typeof padding === 'string') {\n            style.padding = padding;\n        }\n        if (typeof paddingTop === 'string') {\n            style.paddingTop = paddingTop;\n        }\n        if (typeof paddingLeft === 'string') {\n            style.paddingLeft = paddingLeft;\n        }\n        if (typeof paddingRight === 'string') {\n            style.paddingRight = paddingRight;\n        }\n        if (typeof paddingBottom === 'string') {\n            style.paddingBottom = paddingBottom;\n        }\n        if (typeof wordBreak === 'string') {\n            (style as unknown as Record<string, string>).wordBreak = wordBreak;\n        }\n        if (typeof whiteSpace === 'string') {\n            style.whiteSpace = whiteSpace;\n        }\n        if (typeof cursor === 'string') {\n            style.cursor = cursor;\n        }\n        if (typeof listStyleType === 'string') {\n            style.listStyleType = listStyleType;\n        }\n    }\n\n    private _createLinkElement(\n        content: StructuredContent.LinkElement,\n        dictionary: string,\n        language: string | null,\n    ): HTMLAnchorElement {\n        const { href } = content;\n        const internal = href.startsWith('?');\n\n        const node = this._createElement('a', 'gloss-link') as HTMLAnchorElement;\n        node.dataset.external = `${!internal}`;\n\n        const text = this._createElement('span', 'gloss-link-text');\n        node.appendChild(text);\n\n        const { lang } = content;\n        if (typeof lang === 'string') {\n            node.lang = lang;\n            language = lang;\n        }\n\n        this._appendStructuredContent(text, content.content, dictionary, language);\n\n        if (!internal) {\n            const icon = this._createElement('span', 'gloss-link-external-icon icon');\n            icon.dataset.icon = 'external-link';\n            node.appendChild(icon);\n        }\n\n        this._contentManager.prepareLink(node, href, internal);\n        return node;\n    }\n}\n"],"mappings":"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"}

package/dist/structured-content-generator-DrwkB0-k.cjs

@@ -0,0 +1,282 @@
+"use strict";
+const require_text_utilities = require('./text-utilities-Del2Ivkg.cjs');
+
+//#region src/render/structured-content-generator.ts
+/**
+* Generates DOM elements from structured content definitions found in
+* dictionary glossary entries. Handles images, links, tables, styled
+* elements, and other structured content types.
+*/
+var StructuredContentGenerator = class {
+	_contentManager;
+	_document;
+	/**
+	* Creates a new StructuredContentGenerator.
+	* @param contentManager - The content manager for loading media resources.
+	* @param doc - The Document object to use for creating DOM elements.
+	*/
+	constructor(contentManager, doc) {
+		this._contentManager = contentManager;
+		this._document = doc;
+	}
+	/**
+	* Appends structured content to an existing node, adding the 'structured-content' class.
+	* @param node - The container element to append content to.
+	* @param content - The structured content to render.
+	* @param dictionary - The dictionary name for resolving media references.
+	*/
+	appendStructuredContent(node, content, dictionary) {
+		node.classList.add("structured-content");
+		this._appendStructuredContent(node, content, dictionary, null);
+	}
+	/**
+	* Creates a new span element containing the rendered structured content.
+	* @param content - The structured content to render.
+	* @param dictionary - The dictionary name for resolving media references.
+	* @returns A span element with class 'structured-content'.
+	*/
+	createStructuredContent(content, dictionary) {
+		const node = this._createElement("span", "structured-content");
+		this._appendStructuredContent(node, content, dictionary, null);
+		return node;
+	}
+	/**
+	* Creates an image element for a definition, wrapped in an anchor tag.
+	* @param data - The image data from the dictionary.
+	* @param dictionary - The dictionary name for resolving the image path.
+	* @returns An anchor element containing the image.
+	*/
+	createDefinitionImage(data, dictionary) {
+		const { path, width = 100, height = 100, preferredWidth, preferredHeight, title, pixelated, imageRendering, appearance, background, collapsed, collapsible } = data;
+		const verticalAlign = "verticalAlign" in data ? data.verticalAlign : void 0;
+		const border = "border" in data ? data.border : void 0;
+		const borderRadius = "borderRadius" in data ? data.borderRadius : void 0;
+		const sizeUnits = "sizeUnits" in data ? data.sizeUnits : void 0;
+		const hasPreferredWidth = typeof preferredWidth === "number";
+		const hasPreferredHeight = typeof preferredHeight === "number";
+		const invAspectRatio = hasPreferredWidth && hasPreferredHeight ? preferredHeight / preferredWidth : height / width;
+		const usedWidth = hasPreferredWidth ? preferredWidth : hasPreferredHeight ? preferredHeight / invAspectRatio : width;
+		const node = this._createElement("a", "gloss-image-link");
+		node.target = "_blank";
+		node.rel = "noreferrer noopener";
+		const imageContainer = this._createElement("span", "gloss-image-container");
+		node.appendChild(imageContainer);
+		const aspectRatioSizer = this._createElement("span", "gloss-image-sizer");
+		imageContainer.appendChild(aspectRatioSizer);
+		const imageBackground = this._createElement("span", "gloss-image-background");
+		imageContainer.appendChild(imageBackground);
+		const overlay = this._createElement("span", "gloss-image-container-overlay");
+		imageContainer.appendChild(overlay);
+		const linkText = this._createElement("span", "gloss-image-link-text");
+		linkText.textContent = "Image";
+		node.appendChild(linkText);
+		node.dataset.path = path;
+		node.dataset.dictionary = dictionary;
+		node.dataset.imageLoadState = "not-loaded";
+		node.dataset.hasAspectRatio = "true";
+		node.dataset.imageRendering = typeof imageRendering === "string" ? imageRendering : pixelated ? "pixelated" : "auto";
+		node.dataset.appearance = typeof appearance === "string" ? appearance : "auto";
+		node.dataset.background = typeof background === "boolean" ? `${background}` : "true";
+		node.dataset.collapsed = typeof collapsed === "boolean" ? `${collapsed}` : "false";
+		node.dataset.collapsible = typeof collapsible === "boolean" ? `${collapsible}` : "true";
+		if (typeof verticalAlign === "string") node.dataset.verticalAlign = verticalAlign;
+		if (typeof sizeUnits === "string" && (hasPreferredWidth || hasPreferredHeight)) node.dataset.sizeUnits = sizeUnits;
+		aspectRatioSizer.style.paddingTop = `${invAspectRatio * 100}%`;
+		if (typeof border === "string") imageContainer.style.border = border;
+		if (typeof borderRadius === "string") imageContainer.style.borderRadius = borderRadius;
+		imageContainer.style.width = `${usedWidth}em`;
+		if (typeof title === "string") imageContainer.title = title;
+		const image = this._createElement("img", "gloss-image");
+		if (sizeUnits === "em" && (hasPreferredWidth || hasPreferredHeight)) {
+			image.style.width = `${usedWidth}em`;
+			image.style.height = `${usedWidth * invAspectRatio}em`;
+		}
+		image.width = usedWidth;
+		image.height = usedWidth * invAspectRatio;
+		image.style.width = "100%";
+		image.style.height = "100%";
+		imageContainer.appendChild(image);
+		const url = this._contentManager.loadMedia(path, dictionary, "image");
+		if (url) this._setImageData(node, image, imageBackground, url, false);
+		return node;
+	}
+	_appendStructuredContent(container, content, dictionary, language) {
+		if (typeof content === "string") {
+			if (content.length > 0) {
+				container.appendChild(this._createTextNode(content));
+				if (language === null) {
+					const language2 = require_text_utilities.getLanguageFromText(content, language);
+					if (language2 !== null) container.lang = language2;
+				}
+			}
+			return;
+		}
+		if (!(typeof content === "object" && content !== null)) return;
+		if (Array.isArray(content)) {
+			for (const item of content) this._appendStructuredContent(container, item, dictionary, language);
+			return;
+		}
+		const node = this._createStructuredContentGenericElement(content, dictionary, language);
+		if (node !== null) container.appendChild(node);
+	}
+	_createElement(tagName, className) {
+		const node = this._document.createElement(tagName);
+		node.className = className;
+		return node;
+	}
+	_createTextNode(data) {
+		return this._document.createTextNode(data);
+	}
+	_setElementDataset(element, data) {
+		for (let [key, value] of Object.entries(data)) {
+			if (key.length > 0) key = `${key[0].toUpperCase()}${key.substring(1)}`;
+			key = `sc${key}`;
+			try {
+				element.dataset[key] = value;
+			} catch (_e) {}
+		}
+	}
+	_setImageData(node, image, imageBackground, url, unloaded) {
+		if (url !== null) {
+			image.src = url;
+			node.href = url;
+			node.dataset.imageLoadState = "loaded";
+			imageBackground.style.setProperty("--image", `url("${url}")`);
+		} else {
+			image.removeAttribute("src");
+			node.removeAttribute("href");
+			node.dataset.imageLoadState = unloaded ? "unloaded" : "load-error";
+			imageBackground.style.removeProperty("--image");
+		}
+	}
+	_createStructuredContentGenericElement(content, dictionary, language) {
+		const { tag } = content;
+		switch (tag) {
+			case "br": return this._createStructuredContentElement(tag, content, dictionary, language, "simple", false, false);
+			case "ruby":
+			case "rt":
+			case "rp": return this._createStructuredContentElement(tag, content, dictionary, language, "simple", true, false);
+			case "table": return this._createStructuredContentTableElement(tag, content, dictionary, language);
+			case "thead":
+			case "tbody":
+			case "tfoot":
+			case "tr": return this._createStructuredContentElement(tag, content, dictionary, language, "table", true, false);
+			case "th":
+			case "td": return this._createStructuredContentElement(tag, content, dictionary, language, "table-cell", true, true);
+			case "div":
+			case "span":
+			case "ol":
+			case "ul":
+			case "li":
+			case "details":
+			case "summary": return this._createStructuredContentElement(tag, content, dictionary, language, "simple", true, true);
+			case "img": return this.createDefinitionImage(content, dictionary);
+			case "a": return this._createLinkElement(content, dictionary, language);
+		}
+		return null;
+	}
+	_createStructuredContentTableElement(tag, content, dictionary, language) {
+		const container = this._createElement("div", "gloss-sc-table-container");
+		const table = this._createStructuredContentElement(tag, content, dictionary, language, "table", true, false);
+		container.appendChild(table);
+		return container;
+	}
+	_createStructuredContentElement(tag, content, dictionary, language, type, hasChildren, hasStyle) {
+		const node = this._createElement(tag, `gloss-sc-${tag}`);
+		const { data, lang } = content;
+		if (typeof data === "object" && data !== null) this._setElementDataset(node, data);
+		if (typeof lang === "string") {
+			node.lang = lang;
+			language = lang;
+		}
+		switch (type) {
+			case "table-cell":
+				{
+					const cell = node;
+					const { colSpan, rowSpan } = content;
+					if (typeof colSpan === "number") cell.colSpan = colSpan;
+					if (typeof rowSpan === "number") cell.rowSpan = rowSpan;
+				}
+				break;
+		}
+		if (hasStyle) {
+			const { style, title, open } = content;
+			if (typeof style === "object" && style !== null) this._setStructuredContentElementStyle(node, style);
+			if (typeof title === "string") node.title = title;
+			if (typeof open === "boolean" && open) node.setAttribute("open", "");
+		}
+		if (hasChildren) this._appendStructuredContent(node, content.content, dictionary, language);
+		return node;
+	}
+	_setStructuredContentElementStyle(node, contentStyle) {
+		const { style } = node;
+		const { fontStyle, fontWeight, fontSize, color, background, backgroundColor, textDecorationLine, textDecorationStyle, textDecorationColor, borderColor, borderStyle, borderRadius, borderWidth, clipPath, verticalAlign, textAlign, textEmphasis, textShadow, margin, marginTop, marginLeft, marginRight, marginBottom, padding, paddingTop, paddingLeft, paddingRight, paddingBottom, wordBreak, whiteSpace, cursor, listStyleType } = contentStyle;
+		if (typeof fontStyle === "string") style.fontStyle = fontStyle;
+		if (typeof fontWeight === "string") style.fontWeight = fontWeight;
+		if (typeof fontSize === "string") style.fontSize = fontSize;
+		if (typeof color === "string") style.color = color;
+		if (typeof background === "string") style.background = background;
+		if (typeof backgroundColor === "string") style.backgroundColor = backgroundColor;
+		if (typeof verticalAlign === "string") style.verticalAlign = verticalAlign;
+		if (typeof textAlign === "string") style.textAlign = textAlign;
+		if (typeof textEmphasis === "string") style.textEmphasis = textEmphasis;
+		if (typeof textShadow === "string") style.textShadow = textShadow;
+		if (typeof textDecorationLine === "string") style.textDecoration = textDecorationLine;
+		else if (Array.isArray(textDecorationLine)) style.textDecoration = textDecorationLine.join(" ");
+		if (typeof textDecorationStyle === "string") style.textDecorationStyle = textDecorationStyle;
+		if (typeof textDecorationColor === "string") style.textDecorationColor = textDecorationColor;
+		if (typeof borderColor === "string") style.borderColor = borderColor;
+		if (typeof borderStyle === "string") style.borderStyle = borderStyle;
+		if (typeof borderRadius === "string") style.borderRadius = borderRadius;
+		if (typeof borderWidth === "string") style.borderWidth = borderWidth;
+		if (typeof clipPath === "string") style.clipPath = clipPath;
+		if (typeof margin === "string") style.margin = margin;
+		if (typeof marginTop === "number") style.marginTop = `${marginTop}em`;
+		if (typeof marginTop === "string") style.marginTop = marginTop;
+		if (typeof marginLeft === "number") style.marginLeft = `${marginLeft}em`;
+		if (typeof marginLeft === "string") style.marginLeft = marginLeft;
+		if (typeof marginRight === "number") style.marginRight = `${marginRight}em`;
+		if (typeof marginRight === "string") style.marginRight = marginRight;
+		if (typeof marginBottom === "number") style.marginBottom = `${marginBottom}em`;
+		if (typeof marginBottom === "string") style.marginBottom = marginBottom;
+		if (typeof padding === "string") style.padding = padding;
+		if (typeof paddingTop === "string") style.paddingTop = paddingTop;
+		if (typeof paddingLeft === "string") style.paddingLeft = paddingLeft;
+		if (typeof paddingRight === "string") style.paddingRight = paddingRight;
+		if (typeof paddingBottom === "string") style.paddingBottom = paddingBottom;
+		if (typeof wordBreak === "string") style.wordBreak = wordBreak;
+		if (typeof whiteSpace === "string") style.whiteSpace = whiteSpace;
+		if (typeof cursor === "string") style.cursor = cursor;
+		if (typeof listStyleType === "string") style.listStyleType = listStyleType;
+	}
+	_createLinkElement(content, dictionary, language) {
+		const { href } = content;
+		const internal = href.startsWith("?");
+		const node = this._createElement("a", "gloss-link");
+		node.dataset.external = `${!internal}`;
+		const text = this._createElement("span", "gloss-link-text");
+		node.appendChild(text);
+		const { lang } = content;
+		if (typeof lang === "string") {
+			node.lang = lang;
+			language = lang;
+		}
+		this._appendStructuredContent(text, content.content, dictionary, language);
+		if (!internal) {
+			const icon = this._createElement("span", "gloss-link-external-icon icon");
+			icon.dataset.icon = "external-link";
+			node.appendChild(icon);
+		}
+		this._contentManager.prepareLink(node, href, internal);
+		return node;
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'StructuredContentGenerator', {
+  enumerable: true,
+  get: function () {
+    return StructuredContentGenerator;
+  }
+});
+//# sourceMappingURL=structured-content-generator-DrwkB0-k.cjs.map