@vidact/runtime 0.2.0-beta.0 → 0.2.0-beta.5

package/dist/dom/properties.js

@@ -1,333 +1,310 @@
-import { validateRawHtmlRelatedProp } from '../raw-html.js';
-import { MATHML_NAMESPACE, SVG_NAMESPACE, XLINK_NAMESPACE, XML_NAMESPACE, XMLNS_NAMESPACE, } from './namespaces.js';
-const DEV = typeof __VIDACT_DEV__ === 'undefined' || __VIDACT_DEV__;
-const UNSAFE_HTML = typeof __VIDACT_UNSAFE_HTML__ === 'undefined' || __VIDACT_UNSAFE_HTML__;
-const booleanAttributes = new Set([
-    'allowFullScreen',
-    'async',
-    'autoFocus',
-    'autoPlay',
-    'controls',
-    'default',
-    'defer',
-    'disabled',
-    'disablePictureInPicture',
-    'disableRemotePlayback',
-    'formNoValidate',
-    'hidden',
-    'inert',
-    'itemScope',
-    'loop',
-    'noModule',
-    'noValidate',
-    'open',
-    'playsInline',
-    'readOnly',
-    'required',
-    'reversed',
+import { validateRawHtmlRelatedProp } from "../raw-html.js";
+import { XLINK_NAMESPACE, XMLNS_NAMESPACE, XML_NAMESPACE } from "./namespaces.js";
+//#region src/dom/properties.ts
+const DEV = typeof __VIDACT_DEV__ === "undefined" || __VIDACT_DEV__;
+const UNSAFE_HTML = typeof __VIDACT_UNSAFE_HTML__ === "undefined" || __VIDACT_UNSAFE_HTML__;
+const booleanAttributes = /* @__PURE__ */ new Set([
+	"allowFullScreen",
+	"async",
+	"autoFocus",
+	"autoPlay",
+	"controls",
+	"default",
+	"defer",
+	"disabled",
+	"disablePictureInPicture",
+	"disableRemotePlayback",
+	"formNoValidate",
+	"hidden",
+	"inert",
+	"itemScope",
+	"loop",
+	"noModule",
+	"noValidate",
+	"open",
+	"playsInline",
+	"readOnly",
+	"required",
+	"reversed"
 ]);
-const booleanishStringAttributes = new Set(['contentEditable', 'draggable', 'spellCheck']);
-const overloadedBooleanAttributes = new Set(['capture', 'download']);
-const mathBooleanishStringAttributes = new Set([
-    'accent',
-    'accentunder',
-    'displaystyle',
-    'fence',
-    'largeop',
-    'movablelimits',
-    'separator',
-    'stretchy',
-    'symmetric',
+const booleanishStringAttributes = /* @__PURE__ */ new Set([
+	"contentEditable",
+	"draggable",
+	"spellCheck"
 ]);
-const svgBooleanishStringAttributes = new Set(['focusable', 'preserveAlpha']);
-const kebabCaseSvgAttributes = new Set([
-    'accentHeight',
-    'alignmentBaseline',
-    'arabicForm',
-    'baselineShift',
-    'capHeight',
-    'clipPath',
-    'clipRule',
-    'colorInterpolation',
-    'colorInterpolationFilters',
-    'colorProfile',
-    'colorRendering',
-    'dominantBaseline',
-    'enableBackground',
-    'fillOpacity',
-    'fillRule',
-    'floodColor',
-    'floodOpacity',
-    'fontFamily',
-    'fontSize',
-    'fontSizeAdjust',
-    'fontStretch',
-    'fontStyle',
-    'fontVariant',
-    'fontWeight',
-    'glyphName',
-    'glyphOrientationHorizontal',
-    'glyphOrientationVertical',
-    'horizAdvX',
-    'horizOriginX',
-    'imageRendering',
-    'letterSpacing',
-    'lightingColor',
-    'markerEnd',
-    'markerMid',
-    'markerStart',
-    'overlinePosition',
-    'overlineThickness',
-    'paintOrder',
-    'pointerEvents',
-    'renderingIntent',
-    'shapeRendering',
-    'stopColor',
-    'stopOpacity',
-    'strikethroughPosition',
-    'strikethroughThickness',
-    'strokeDasharray',
-    'strokeDashoffset',
-    'strokeLinecap',
-    'strokeLinejoin',
-    'strokeMiterlimit',
-    'strokeOpacity',
-    'strokeWidth',
-    'textAnchor',
-    'textDecoration',
-    'textRendering',
-    'transformOrigin',
-    'underlinePosition',
-    'underlineThickness',
-    'unicodeBidi',
-    'unicodeRange',
-    'unitsPerEm',
-    'vAlphabetic',
-    'vHanging',
-    'vIdeographic',
-    'vMathematical',
-    'vectorEffect',
-    'vertAdvY',
-    'vertOriginX',
-    'vertOriginY',
-    'wordSpacing',
-    'writingMode',
-    'xHeight',
+const overloadedBooleanAttributes = /* @__PURE__ */ new Set(["capture", "download"]);
+const mathBooleanishStringAttributes = /* @__PURE__ */ new Set([
+	"accent",
+	"accentunder",
+	"displaystyle",
+	"fence",
+	"largeop",
+	"movablelimits",
+	"separator",
+	"stretchy",
+	"symmetric"
+]);
+const svgBooleanishStringAttributes = /* @__PURE__ */ new Set(["focusable", "preserveAlpha"]);
+const kebabCaseSvgAttributes = /* @__PURE__ */ new Set([
+	"accentHeight",
+	"alignmentBaseline",
+	"arabicForm",
+	"baselineShift",
+	"capHeight",
+	"clipPath",
+	"clipRule",
+	"colorInterpolation",
+	"colorInterpolationFilters",
+	"colorProfile",
+	"colorRendering",
+	"dominantBaseline",
+	"enableBackground",
+	"fillOpacity",
+	"fillRule",
+	"floodColor",
+	"floodOpacity",
+	"fontFamily",
+	"fontSize",
+	"fontSizeAdjust",
+	"fontStretch",
+	"fontStyle",
+	"fontVariant",
+	"fontWeight",
+	"glyphName",
+	"glyphOrientationHorizontal",
+	"glyphOrientationVertical",
+	"horizAdvX",
+	"horizOriginX",
+	"imageRendering",
+	"letterSpacing",
+	"lightingColor",
+	"markerEnd",
+	"markerMid",
+	"markerStart",
+	"overlinePosition",
+	"overlineThickness",
+	"paintOrder",
+	"pointerEvents",
+	"renderingIntent",
+	"shapeRendering",
+	"stopColor",
+	"stopOpacity",
+	"strikethroughPosition",
+	"strikethroughThickness",
+	"strokeDasharray",
+	"strokeDashoffset",
+	"strokeLinecap",
+	"strokeLinejoin",
+	"strokeMiterlimit",
+	"strokeOpacity",
+	"strokeWidth",
+	"textAnchor",
+	"textDecoration",
+	"textRendering",
+	"transformOrigin",
+	"underlinePosition",
+	"underlineThickness",
+	"unicodeBidi",
+	"unicodeRange",
+	"unitsPerEm",
+	"vAlphabetic",
+	"vHanging",
+	"vIdeographic",
+	"vMathematical",
+	"vectorEffect",
+	"vertAdvY",
+	"vertOriginX",
+	"vertOriginY",
+	"wordSpacing",
+	"writingMode",
+	"xHeight"
 ]);
 let formCapability;
 let styleCapability;
-const NOOP = () => { };
+const NOOP = () => {};
 /** @internal */
-export function installFormDomCapability(capability) {
-    formCapability = capability;
+function installFormDomCapability(capability) {
+	formCapability = capability;
 }
 /** @internal */
-export function installStyleDomCapability(capability) {
-    styleCapability = capability;
+function installStyleDomCapability(capability) {
+	styleCapability = capability;
 }
 /** @internal */
-export function ensureControlledFormRestoration(element) {
-    return formCapability?.ensureControlledRestoration(element) ?? NOOP;
+function ensureControlledFormRestoration(element) {
+	return formCapability?.ensureControlledRestoration(element) ?? NOOP;
 }
 /** @internal */
-export function isControlledFormProp(element, name) {
-    return formCapability?.isControlledProp(element, name) ?? false;
+function isControlledFormProp(element, name) {
+	return formCapability?.isControlledProp(element, name) ?? false;
 }
 /** @internal */
-export function isReactFormChangeEvent(element, eventName) {
-    return formCapability?.isReactChangeEvent(element, eventName) ?? false;
+function isReactFormChangeEvent(element, eventName) {
+	return formCapability?.isReactChangeEvent(element, eventName) ?? false;
 }
 /** @internal */
-export function restoreControlledFormState(element) {
-    formCapability?.restoreControlledState(element);
+function restoreControlledFormState(element) {
+	formCapability?.restoreControlledState(element);
 }
-export let applyDomProp = applyBaseDomProp;
-export function installDomPropHandler(handler) {
-    const fallback = applyDomProp;
-    applyDomProp = (element, name, value) => {
-        if (!handler(element, name, value))
-            fallback(element, name, value);
-    };
+let applyDomProp = applyBaseDomProp;
+function installDomPropHandler(handler) {
+	const fallback = applyDomProp;
+	applyDomProp = (element, name, value) => {
+		if (!handler(element, name, value)) fallback(element, name, value);
+	};
 }
 /** @internal Specialized capabilities may own a prop while reusing the base policy. */
-export function applyBaseDomProp(element, name, value) {
-    if (typeof value === 'symbol') {
-        throw new TypeError(DEV ? `DOM prop ${name} cannot receive a symbol value` : 'V105');
-    }
-    if (name === 'dangerouslySetInnerHTML') {
-        throw new Error(DEV ? 'dangerouslySetInnerHTML must be handled as an owned opaque subtree' : 'V401');
-    }
-    if (name === 'style') {
-        if (styleCapability === undefined) {
-            throw new Error(DEV ? 'style prop requires the DOM style capability' : 'V503');
-        }
-        styleCapability(element, value);
-        return;
-    }
-    if (formCapability?.applyProp(element, name, value))
-        return;
-    if (name.startsWith('data-') || name.startsWith('aria-')) {
-        applyStringAttribute(element, name, value);
-        return;
-    }
-    if (element.namespaceURI === SVG_NAMESPACE || element.namespaceURI === MATHML_NAMESPACE) {
-        applyNamespacedAttribute(element, name, value);
-        return;
-    }
-    const attribute = htmlAttributeName(name);
-    if (value === null || value === undefined) {
-        element.removeAttribute(attribute);
-        if (isCustomElement(element) && name in element)
-            Reflect.set(element, name, null);
-        validateRawHtmlProp(element, name);
-        return;
-    }
-    if (booleanishStringAttributes.has(name)) {
-        element.setAttribute(attribute, String(value));
-        return;
-    }
-    if (overloadedBooleanAttributes.has(name)) {
-        if (value === false)
-            element.removeAttribute(attribute);
-        else
-            element.setAttribute(attribute, value === true ? '' : String(value));
-        return;
-    }
-    if (booleanAttributes.has(name)) {
-        if (name in element) {
-            const next = Boolean(value);
-            if (!Object.is(Reflect.get(element, name), next))
-                Reflect.set(element, name, next);
-        }
-        else if (value)
-            element.setAttribute(attribute, '');
-        else
-            element.removeAttribute(attribute);
-        return;
-    }
-    if (typeof value === 'boolean') {
-        element.removeAttribute(attribute);
-        return;
-    }
-    const serialized = String(value);
-    if (element.getAttribute(attribute) === serialized) {
-        validateRawHtmlProp(element, name);
-        return;
-    }
-    if (name in element) {
-        const current = Reflect.get(element, name);
-        if (!isCustomElement(element) &&
-            (Object.is(current, value) || String(current) === serialized)) {
-            validateRawHtmlProp(element, name);
-            return;
-        }
-        if (Reflect.set(element, name, value)) {
-            validateRawHtmlProp(element, name);
-            return;
-        }
-    }
-    if (element.getAttribute(attribute) !== serialized) {
-        element.setAttribute(attribute, serialized);
-    }
-    validateRawHtmlProp(element, name);
+function applyBaseDomProp(element, name, value) {
+	if (typeof value === "symbol") throw new TypeError(DEV ? `DOM prop ${name} cannot receive a symbol value` : "V105");
+	if (name === "dangerouslySetInnerHTML") throw new Error(DEV ? "dangerouslySetInnerHTML must be handled as an owned opaque subtree" : "V401");
+	if (name === "style") {
+		if (styleCapability === void 0) throw new Error(DEV ? "style prop requires the DOM style capability" : "V503");
+		styleCapability(element, value);
+		return;
+	}
+	if (formCapability?.applyProp(element, name, value)) return;
+	if (name.startsWith("data-") || name.startsWith("aria-")) {
+		applyStringAttribute(element, name, value);
+		return;
+	}
+	if (element.namespaceURI === "http://www.w3.org/2000/svg" || element.namespaceURI === "http://www.w3.org/1998/Math/MathML") {
+		applyNamespacedAttribute(element, name, value);
+		return;
+	}
+	const attribute = htmlAttributeName(name);
+	if (value === null || value === void 0) {
+		element.removeAttribute(attribute);
+		if (isCustomElement(element) && name in element) Reflect.set(element, name, null);
+		validateRawHtmlProp(element, name);
+		return;
+	}
+	if (booleanishStringAttributes.has(name)) {
+		element.setAttribute(attribute, String(value));
+		return;
+	}
+	if (overloadedBooleanAttributes.has(name)) {
+		if (value === false) element.removeAttribute(attribute);
+		else element.setAttribute(attribute, value === true ? "" : String(value));
+		return;
+	}
+	if (booleanAttributes.has(name)) {
+		if (name in element) {
+			const next = Boolean(value);
+			if (!Object.is(Reflect.get(element, name), next)) Reflect.set(element, name, next);
+		} else if (value) element.setAttribute(attribute, "");
+		else element.removeAttribute(attribute);
+		return;
+	}
+	if (typeof value === "boolean") {
+		element.removeAttribute(attribute);
+		return;
+	}
+	const serialized = String(value);
+	if (element.getAttribute(attribute) === serialized) {
+		validateRawHtmlProp(element, name);
+		return;
+	}
+	if (name in element) {
+		const current = Reflect.get(element, name);
+		if (!isCustomElement(element) && (Object.is(current, value) || String(current) === serialized)) {
+			validateRawHtmlProp(element, name);
+			return;
+		}
+		if (Reflect.set(element, name, value)) {
+			validateRawHtmlProp(element, name);
+			return;
+		}
+	}
+	if (element.getAttribute(attribute) !== serialized) element.setAttribute(attribute, serialized);
+	validateRawHtmlProp(element, name);
 }
 function applyStringAttribute(element, name, value) {
-    if (value === null || value === undefined)
-        element.removeAttribute(name);
-    else {
-        if (typeof value === 'symbol') {
-            throw new TypeError(`cannot apply a Symbol value to DOM attribute ${name}`);
-        }
-        let serialized;
-        try {
-            serialized = String(value);
-        }
-        catch (cause) {
-            const detail = Array.isArray(value)
-                ? value.map((item) => (typeof item === 'symbol' ? String(item) : typeof item)).join(',')
-                : typeof value;
-            throw new TypeError(`cannot serialize DOM attribute ${name} from ${detail}`, { cause });
-        }
-        if (element.getAttribute(name) !== serialized)
-            element.setAttribute(name, serialized);
-    }
+	if (value === null || value === void 0) element.removeAttribute(name);
+	else {
+		if (typeof value === "symbol") throw new TypeError(`cannot apply a Symbol value to DOM attribute ${name}`);
+		let serialized;
+		try {
+			serialized = String(value);
+		} catch (cause) {
+			const detail = Array.isArray(value) ? value.map((item) => typeof item === "symbol" ? String(item) : typeof item).join(",") : typeof value;
+			throw new TypeError(`cannot serialize DOM attribute ${name} from ${detail}`, { cause });
+		}
+		if (element.getAttribute(name) !== serialized) element.setAttribute(name, serialized);
+	}
 }
 function applyNamespacedAttribute(element, name, value) {
-    const descriptor = namespacedAttribute(name);
-    if (value === null || value === undefined) {
-        if (descriptor.namespace === null)
-            element.removeAttribute(descriptor.qualifiedName);
-        else
-            element.removeAttributeNS(descriptor.namespace, descriptor.localName);
-        return;
-    }
-    if ((element.namespaceURI === MATHML_NAMESPACE && mathBooleanishStringAttributes.has(name)) ||
-        (element.namespaceURI === SVG_NAMESPACE && svgBooleanishStringAttributes.has(name))) {
-        element.setAttribute(descriptor.qualifiedName, String(value));
-        return;
-    }
-    if (value === false) {
-        if (descriptor.namespace === null)
-            element.removeAttribute(descriptor.qualifiedName);
-        else
-            element.removeAttributeNS(descriptor.namespace, descriptor.localName);
-        return;
-    }
-    const serialized = value === true ? '' : String(value);
-    if (descriptor.namespace === null)
-        element.setAttribute(descriptor.qualifiedName, serialized);
-    else
-        element.setAttributeNS(descriptor.namespace, descriptor.qualifiedName, serialized);
+	const descriptor = namespacedAttribute(name);
+	if (value === null || value === void 0) {
+		if (descriptor.namespace === null) element.removeAttribute(descriptor.qualifiedName);
+		else element.removeAttributeNS(descriptor.namespace, descriptor.localName);
+		return;
+	}
+	if (element.namespaceURI === "http://www.w3.org/1998/Math/MathML" && mathBooleanishStringAttributes.has(name) || element.namespaceURI === "http://www.w3.org/2000/svg" && svgBooleanishStringAttributes.has(name)) {
+		element.setAttribute(descriptor.qualifiedName, String(value));
+		return;
+	}
+	if (value === false) {
+		if (descriptor.namespace === null) element.removeAttribute(descriptor.qualifiedName);
+		else element.removeAttributeNS(descriptor.namespace, descriptor.localName);
+		return;
+	}
+	const serialized = value === true ? "" : String(value);
+	if (descriptor.namespace === null) element.setAttribute(descriptor.qualifiedName, serialized);
+	else element.setAttributeNS(descriptor.namespace, descriptor.qualifiedName, serialized);
 }
 function namespacedAttribute(name) {
-    if (name.startsWith('xlink') && name.length > 5) {
-        const localName = lowerInitial(name.slice(5));
-        return { namespace: XLINK_NAMESPACE, qualifiedName: `xlink:${localName}`, localName };
-    }
-    if (name === 'xmlnsXlink') {
-        return {
-            namespace: XMLNS_NAMESPACE,
-            qualifiedName: 'xmlns:xlink',
-            localName: 'xlink',
-        };
-    }
-    if (name.startsWith('xml') && name.length > 3) {
-        const localName = lowerInitial(name.slice(3));
-        return { namespace: XML_NAMESPACE, qualifiedName: `xml:${localName}`, localName };
-    }
-    const qualifiedName = svgAttributeName(name);
-    return { namespace: null, qualifiedName, localName: qualifiedName };
+	if (name.startsWith("xlink") && name.length > 5) {
+		const localName = lowerInitial(name.slice(5));
+		return {
+			namespace: XLINK_NAMESPACE,
+			qualifiedName: `xlink:${localName}`,
+			localName
+		};
+	}
+	if (name === "xmlnsXlink") return {
+		namespace: XMLNS_NAMESPACE,
+		qualifiedName: "xmlns:xlink",
+		localName: "xlink"
+	};
+	if (name.startsWith("xml") && name.length > 3) {
+		const localName = lowerInitial(name.slice(3));
+		return {
+			namespace: XML_NAMESPACE,
+			qualifiedName: `xml:${localName}`,
+			localName
+		};
+	}
+	const qualifiedName = svgAttributeName(name);
+	return {
+		namespace: null,
+		qualifiedName,
+		localName: qualifiedName
+	};
 }
 function svgAttributeName(name) {
-    if (name === 'className')
-        return 'class';
-    if (name === 'crossOrigin')
-        return 'crossorigin';
-    if (name === 'tabIndex')
-        return 'tabindex';
-    if (!kebabCaseSvgAttributes.has(name))
-        return name;
-    return name.replace(/[A-Z]/g, (character) => `-${character.toLowerCase()}`);
+	if (name === "className") return "class";
+	if (name === "crossOrigin") return "crossorigin";
+	if (name === "tabIndex") return "tabindex";
+	if (!kebabCaseSvgAttributes.has(name)) return name;
+	return name.replace(/[A-Z]/g, (character) => `-${character.toLowerCase()}`);
 }
 function htmlAttributeName(name) {
-    if (name === 'className')
-        return 'class';
-    if (name === 'htmlFor')
-        return 'for';
-    if (name === 'acceptCharset')
-        return 'accept-charset';
-    if (name === 'httpEquiv')
-        return 'http-equiv';
-    return name;
+	if (name === "className") return "class";
+	if (name === "htmlFor") return "for";
+	if (name === "acceptCharset") return "accept-charset";
+	if (name === "httpEquiv") return "http-equiv";
+	return name;
 }
 function isCustomElement(element) {
-    return element instanceof HTMLElement && element.localName.includes('-');
+	return element instanceof HTMLElement && element.localName.includes("-");
 }
 function validateRawHtmlProp(element, name) {
-    if (UNSAFE_HTML && element instanceof HTMLElement)
-        validateRawHtmlRelatedProp(element, name);
+	if (UNSAFE_HTML && element instanceof HTMLElement) validateRawHtmlRelatedProp(element, name);
 }
 function lowerInitial(value) {
-    return `${value.charAt(0).toLowerCase()}${value.slice(1)}`;
+	return `${value.charAt(0).toLowerCase()}${value.slice(1)}`;
 }
+//#endregion
+export { applyBaseDomProp, applyDomProp, ensureControlledFormRestoration, installDomPropHandler, installFormDomCapability, installStyleDomCapability, isControlledFormProp, isReactFormChangeEvent, restoreControlledFormState };
+
 //# sourceMappingURL=properties.js.map