lilact 0.14.2 → 0.15.1

package/src/accessories.jsx

@@ -29,14 +29,11 @@
 */
 
 
-import { useEffect, useLayoutEffect, useMemo, useRef, useState, useImperativeHandle } from "./hooks.jsx";
-import { Children, forwardRef } from "./misc.jsx";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState, useImperativeHandle, useCallback } from "./hooks.jsx";
+import { Children, forwardRef, isThenable } from "./misc.jsx";
 
-
-import {isThenable} from "./misc.jsx"
 import {setTimeout, clearTimeout} from "./timers.jsx"
 import {Component} from "./components.jsx"
-import {useCallback} from './hooks.jsx'
 import {emotion} from "./lilact.jsx"
 const {css,cx} = emotion;
 
@@ -167,7 +164,7 @@ export class Suspense extends Component
 
 /** @ignore */
 	static getDerivedStateFromError(error) {
-		if (Lilact.isThenable(error)) {
+		if (isThenable(error)) {
 			// signal to call componentDidCatch where we handle the thenable
 			return null;
 		}
@@ -177,7 +174,7 @@ export class Suspense extends Component
 
 /** @ignore */
 	componentDidCatch(error) {
-		if (!Lilact.isThenable(error)) return;
+		if (!isThenable(error)) return;
 
 		const promise = error;
 
@@ -191,10 +188,10 @@ export class Suspense extends Component
 			const delay = Math.max(0, this.props.minDelay);
 			// Ensure no leftover timers
 			if (this._delayTimer) {
-				Lilact.clearTimeout(this._delayTimer);
+				clearTimeout(this._delayTimer);
 				this._delayTimer = null;
 			}
-			this._delayTimer = Lilact.setTimeout(() => {
+			this._delayTimer = setTimeout(() => {
 				this._delayTimer = null;
 				this._fallbackShownAt = Date.now();
 				this.setState({ showingFallback: true });
@@ -211,11 +208,11 @@ export class Suspense extends Component
 /** @ignore */
 	_clearTimers() {
 		if (this._delayTimer) {
-			Lilact.clearTimeout(this._delayTimer);
+			clearTimeout(this._delayTimer);
 			this._delayTimer = null;
 		}
 		if (this._minShowTimer) {
-			Lilact.clearTimeout(this._minShowTimer);
+			clearTimeout(this._minShowTimer);
 			this._minShowTimer = null;
 		}
 	}
@@ -228,10 +225,10 @@ export class Suspense extends Component
 		if (this._pending.size === 1) {
 			const delay = Math.max(0, this.props.minDelay);
 			if (this._delayTimer) {
-				Lilact.clearTimeout(this._delayTimer);
+				clearTimeout(this._delayTimer);
 				this._delayTimer = null;
 			}
-			this._delayTimer = Lilact.setTimeout(() => {
+			this._delayTimer = setTimeout(() => {
 				this._delayTimer = null;
 				this._fallbackShownAt = Date.now();
 				this.setState({ showingFallback: true });
@@ -247,7 +244,7 @@ export class Suspense extends Component
 			if (this._pending.size === 0) {
 				// cancel delay if fallback hasn't shown yet
 				if (this._delayTimer) {
-					Lilact.clearTimeout(this._delayTimer);
+					clearTimeout(this._delayTimer);
 					this._delayTimer = null;
 					// fallback never shown; just ensure state is not showing
 					this.setState({ showingFallback: false });
@@ -262,10 +259,10 @@ export class Suspense extends Component
 					this.setState({ showingFallback: false });
 				} else {
 					if (this._minShowTimer) {
-						Lilact.clearTimeout(this._minShowTimer);
+						clearTimeout(this._minShowTimer);
 						this._minShowTimer = null;
 					}
-					this._minShowTimer = Lilact.setTimeout(() => {
+					this._minShowTimer = setTimeout(() => {
 						this._minShowTimer = null;
 						this.setState({ showingFallback: false });
 					}, remaining);
@@ -279,7 +276,7 @@ export class Suspense extends Component
 
 /** @ignore */
 	componentDidCatch(error, info) {
-		if (!Lilact.isThenable(error)) return;
+		if (!isThenable(error)) return;
 		this._attachPromise(error);
 	}
 

package/src/components.jsx

@@ -28,9 +28,12 @@
 
 */
 
-ʔ defineSymbols ( "LILACT", [ "CORE", "COMPONENT", "TEXT", "IS_ZOMBIE", "IDX", "CHILD_CLASS_ADDENDUM", "MEMOIZED"] ) ʔ
+import Lilact from './lilact.jsx';
 
-import {shallowEqual} from "./misc.jsx";
+import { CORE, COMPONENT, TEXT, IS_ZOMBIE, IDX, CHILD_CLASS_ADDENDUM, MEMOIZED } from "./symbols.jsx"
+import { shallowEqual, toBool, isClass } from "./misc.jsx";
+
+import PropTypes from 'prop-types';
 
 /* 
 ComponentCache is for internal use. It is the heart of the JSX runtime,
@@ -163,16 +166,16 @@ class ComponentCore
 		// }
 
 		/*if(do_rerender)*/ {
-ʔ if(DEBUG) {
+if(DEBUG) {
 
 			if(this.entity?.propTypes) {
-				Lilact.PropTypes.checkPropTypes(this.entity.propTypes, this.props, 'prop', this.entity.name);
+				PropTypes.checkPropTypes(this.entity.propTypes, this.props, 'prop', this.entity.name);
 			}
 			else if(this.component?.propTypes) {
-				Lilact.PropTypes.checkPropTypes(this.component.propTypes, this.props, 'prop', this.component.name);
+				PropTypes.checkPropTypes(this.component.propTypes, this.props, 'prop', this.component.name);
 			}
 
-ʔ }	
+}	
 			if(typeof(next_state)==='function') next_state = next_state(this.state);
 
 			if(this.component.constructor.defaultProps) {
@@ -405,7 +408,7 @@ class ComponentCore
 
 			if( !patch.hasOwnProperty(a) ) {
 
-				if( Lilact.events_set.has(al) ) {
+				if( events_set.has(al) ) {
 					this.event_detachers[al]();
 				}
 				else {
@@ -417,17 +420,17 @@ class ComponentCore
 		for(let a in patch) {
 			const al = a.toLowerCase();
 
-			if( Lilact.special_attributes.has(al) ) continue;
+			if( special_attributes.has(al) ) continue;
 
 			if( patch===this.props || !Lilact.defaultIsEqual(patch[a], this.props[a]) || force  ) {
 
-				if( Lilact.events_set.has(al) ) {
+				if( events_set.has(al) ) {
 					this.event_detachers ??= {};
 					this.event_detachers[al]?.();
 					this.event_detachers[al] = Lilact.addWrappedEventListener(this.element, al.substring(2), patch[a]);
 				}
-				else if( Lilact.capture_events_set.hasOwnProperty(al) ) {
-					const alc = Lilact.capture_events_set[al];
+				else if( capture_events_set.hasOwnProperty(al) ) {
+					const alc = capture_events_set[al];
 					this.event_detachers ??= {};
 					this.event_detachers[al]?.();
 					this.event_detachers[al] = 
@@ -439,7 +442,7 @@ class ComponentCore
 					}
 					else {
 						for(const x in patch[a]) {
-							if( Lilact.length_css_attributes_set.has(x) ) {
+							if( length_css_attributes_set.has(x) ) {
 								if(isFinite(patch[a][x])) {
 									patch[a][x]+='px';
 								}
@@ -448,11 +451,11 @@ class ComponentCore
 						Object.assign(this.element.style, patch[a]);
 					}
 				}
-				else if(Lilact.boolean_html_attributes_set.has(a)) { // not lower cased(al), as it is set as a js property
-					this.element[a] = Lilact.toBool(patch[a]);
+				else if(boolean_html_attributes_set.has(a)) { // not lower cased(al), as it is set as a js property
+					this.element[a] = toBool(patch[a]);
 				}
 				else if(a==='autoFocus') { // not lower cased(al), as it is set as a js property
-					this.element['autofocus'] = Lilact.toBool(patch[a]);
+					this.element['autofocus'] = toBool(patch[a]);
 				}
 				else if(a==='htmlFor') { // not lower cased(al), as it is set as a js property
 					this.element.setAttribute('for', patch[a]);
@@ -473,9 +476,9 @@ class ComponentCore
 			this.element.onsubmit = undefined;
 		}
 
-ʔ if(DEBUG) {
+if(DEBUG) {
 		//this.element.setAttribute('key', this.props.key);
-ʔ }		
+}		
 
 		this.updateElementClass(patch);
 	}
@@ -628,7 +631,7 @@ function constructFunc(core, parent) // returns {text} or component, and not com
 		}
 		else {
 
-			if( Lilact.isClass(core.entity) ) {
+			if( isClass(core.entity) ) {
 				if(core.entity?.defaultProps) {
 					core.props = { ...core.entity.defaultProps, ...core.props };
 				}
@@ -710,19 +713,18 @@ function prepareCore(parent, core)
 function doUpdates()
 {
 	requestAnimationFrame(()=>{
-		let layout_effects = Lilact.layout_effects;
-		let update_cbs = Lilact.update_cbs;
-		let update_set = Lilact.update_set;
+		let _layout_effects = Lilact.layout_effects;
+		let _update_cbs = Lilact.update_cbs;
+		let _update_set = Lilact.update_set;
 
 		Lilact.layout_effects = new Set;
 		Lilact.update_cbs = new Set;
 		Lilact.update_set = new Set;
 
-		for(const le of layout_effects) le();
-
-		for(const u of update_set)  u.apply();
-		for(const cb of update_cbs) cb();
+		for(const le of _layout_effects) le();
 
+		for(const u of _update_set)  u.apply();
+		for(const cb of _update_cbs) cb();
 	});
 }
 
@@ -882,7 +884,7 @@ export class Component
 	{
 		if(this[CORE].entity?.displayName) return this[CORE].entity?.displayName;
 		if(typeof(this[CORE].entity)==='string') return this[CORE].entity;
-		if( Lilact.isClass(this[CORE].entity) ) this[CORE].entity.constructor.name;
+		if( isClass(this[CORE].entity) ) this[CORE].entity.constructor.name;
 		if( typeof(this[CORE].entity)==='function' ) return this[CORE].entity.name;
 		return "Component";
 	}
@@ -1136,4 +1138,62 @@ export function render(component, element)
 }
 
 /** @ignore */
-export const createElement = createComponent;
+export const createElement = createComponent;
+
+/** @ignore */
+export let current_component = [];
+/** @ignore */
+
+export let update_set  = new Set;
+/** @ignore */
+export let update_cbs  = new Set;
+/** @ignore */
+export let roots  = new Set;
+/** @ignore */
+export let layout_effects = new Set;
+
+/** @ignore */
+export const special_attributes = new Set([
+		"classname", "ref", "action", "lilact_jsx_loc", "children", "key",
+		"defaultvalue", "defaultchecked"
+	]);
+
+/** @ignore */
+export const events_set = new Set([
+	"onafterprint","onbeforeprint","onbeforeunload","onerror","onhashchange","onload","onmessage",
+	"onoffline","ononline","onpagehide","onpageshow","onpopstate","onresize","onstorage","onunload",
+	"onblur","onchange","oncontextmenu","onfocus","oninput","oninvalid","onreset","onsearch","onselect",
+	"onsubmit",
+	"onkeydown","onkeypress","onkeyup",
+	"onclick","ondblclick","onmousedown","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel",
+	"onwheel",
+	"ondrag","ondragend","ondragenter","ondragleave","ondragover","ondragstart","ondrop","onscroll",
+	"oncopy","oncut","onpaste",
+	"onabort","oncanplay","oncanplaythrough","oncuechange","ondurationchange","onemptied","onended","onerror",
+	"onloadeddata","onloadedmetadata","onloadstart","onpause","onplay","onplaying","onprogress","onratechange",
+	"onseeked","onseeking","onstalled","onsuspend","ontimeupdate","onvolumechange","onwaiting",
+	"ontoggle",
+	"onpointerdown", "onpointerup", "onpointermove", "onpointercancel", "onpointerover", "onpointerout", 
+	"onpointerenter", "onpointerleave"
+]);
+
+/** @ignore */
+export const capture_events_set = {};
+for (const x of events_set) {
+  capture_events_set[x+"capture"] = x;
+}
+
+/** @ignore */
+export const length_css_attributes_set = new Set([
+	"width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","margin",
+	"marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom",
+	"paddingLeft","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth",
+	"outlineWidth","fontSize","lineHeight","letterSpacing","wordSpacing","textIndent","borderRadius",
+	"borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius",
+	"columnGap","rowGap","gap"
+]);
+
+/** @ignore */
+export const boolean_html_attributes_set = new 
+	Set(["disabled", "readOnly", "required", "checked", "multiple",
+			 "hidden","open","loop","muted","controls","playsInline","allowFullScreen"]);

package/src/errors.jsx

@@ -27,8 +27,11 @@
 	THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 */
+import Lilact from './lilact.jsx';
 
-
+import { required_scripts } from './run.jsx'
+import { pauseTimers } from './timers.jsx'
+import { css } from "@emotion/css";
 
 // Lilact API
 
@@ -160,7 +163,7 @@ export function traceError(error)
 		let mps;
 
 		if(loc.url) {
-			const rm = Lilact.required_scripts[obj.fileName];
+			const rm = required_scripts[obj.fileName];
 			mps = rm.mappings;
 			
 			const mloc = mapLocation(mps, obj.lineNumber-1, obj.columnNumber-1);
@@ -186,7 +189,7 @@ export function traceError(error)
 				obj.fileName = blk.path;
 				obj.label = blk.label;
 
-				mps = Lilact.required_scripts[blk.path].mappings;
+				mps = required_scripts[blk.path].mappings;
 
 				loc = mapLocation(mps, loc.line-1, loc.col-1);
 
@@ -227,12 +230,11 @@ export function traceError(error)
  */
 export function globalErrorHandler(error)
 {
-	Lilact.pauseTimers();
 	if(error.error) error = error.error;
 
-	error = Lilact.traceError(error);
+	error = traceError(error);
 
-	const cls = Lilact.emotion.css(`
+	const cls = css(`
 			background: linear-gradient(135deg, #fff2f2d4, #ffffffd4);
 			backdrop-filter: blur(10px);
 			border: 1px solid rgba(255,255,255,.25);
@@ -261,7 +263,7 @@ export function globalErrorHandler(error)
 		<b>${error.fileName?'At '+error.fileName:''}
 		${Number.isFinite(error.lineNumber)?": Line "+(error.lineNumber+1):""}</b><br><br>
 		<b>${error.name}</b>:&nbsp;<span>${error.message}</span><br><br>
-		${Lilact.required_scripts[error.fileName]?'<code><pre></pre><pre><red></red></pre><pre></pre></code>':''}
+		${required_scripts[error.fileName]?'<code><pre></pre><pre><red></red></pre><pre></pre></code>':''}
 		${error._error.componentStackLog?'<br>Component Stack:<br><code><pre>'+error._error.componentStackLog+'</pre></code>':''}
 		`;
 
@@ -270,8 +272,8 @@ export function globalErrorHandler(error)
 
 	const pres = el.querySelectorAll('pre');
 
-	if(Lilact.required_scripts[error.fileName]) {
-		const lines = Lilact.required_scripts[error.fileName].code.split("\n");
+	if(required_scripts[error.fileName]) {
+		const lines = required_scripts[error.fileName].code.split("\n");
 
 		if(lines?.[error.lineNumber-1])
 			pres[0].innerText = lines[error.lineNumber-1];

package/src/hooks.jsx

@@ -28,7 +28,10 @@
 
 */
 
-ʔ defineSymbols ( "LILACT", [ "CORE", "COMPONENT" ] ) ʔ
+import Lilact from './lilact.jsx';
+import { isEmpty, shallowEqual } from "./misc.jsx"
+
+import { CORE, COMPONENT } from "./symbols.jsx"
 
 
 /**
@@ -57,9 +60,9 @@ export function useHook()
  */
 export function useState(initialValue)
 {
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( Lilact.isEmpty(hk) ) {
+	if( isEmpty(hk) ) {
 		if(typeof(initialValue)==='function') hk.value = initialValue();
 		else hk.value = initialValue;
 		
@@ -88,10 +91,10 @@ export function useCallback(callback, deps=undefined)
 		throw new Error("Callback dependencies must be an array or omitted.");
 	}
 
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( !Lilact.isEmpty(hk) ) {
-		if(deps!==undefined && hk?.deps!==undefined && Lilact.shallowEqual(deps, hk.deps)) {
+	if( !isEmpty(hk) ) {
+		if(deps!==undefined && hk?.deps!==undefined && shallowEqual(deps, hk.deps)) {
 			return hk.callback;
 		}
 	}
@@ -154,9 +157,9 @@ export function useContext(context)
  */
 export function useId(prefix="N")
 {
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( Lilact.isEmpty(hk) ) {
+	if( isEmpty(hk) ) {
 		hk.id = prefix+Lilact.id_num++;
 	}
 
@@ -170,9 +173,9 @@ export function useId(prefix="N")
  */
 export function useTransition()
 {
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( Lilact.isEmpty(hk) ) {
+	if( isEmpty(hk) ) {
 		hk.count=0;
 
 		hk.func =
@@ -210,7 +213,7 @@ export function useTransition()
 export function useLocalStorage(key, initialValue)
 {
 
-	const hk = Lilact.useHook();
+	const hk = useHook();
 	let val;
 
 	try {
@@ -225,7 +228,7 @@ export function useLocalStorage(key, initialValue)
 		localStorage[key] = JSON.stringify(val);
 	}
 
-	if( Lilact.isEmpty(hk) ) {
+	if( isEmpty(hk) ) {
 		hk.value = val;
 		hk.set_func = function(core, hk, val) {
 
@@ -253,9 +256,9 @@ export function useLocalStorage(key, initialValue)
  */
 export function useRef(initialValue = null)
 {
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( Lilact.isEmpty(hk) ) {
+	if( isEmpty(hk) ) {
 		hk.current = initialValue;
 	}
 
@@ -275,10 +278,10 @@ export function useLayoutEffect(effect, deps=undefined)
 		throw new Error("Layout effect dependencies must be an array or omitted.");
 	}
 
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( !Lilact.isEmpty(hk) ) {
-		if(deps!==undefined && hk?.deps!==undefined && Lilact.shallowEqual(deps, hk.deps)) return;
+	if( !isEmpty(hk) ) {
+		if(deps!==undefined && hk?.deps!==undefined && shallowEqual(deps, hk.deps)) return;
 	}
 
 	if(hk?.cleanup) {
@@ -303,10 +306,10 @@ export function useEffect(effect, deps=undefined)
 		throw new Error("Effect dependencies must be an array or omitted.");
 	}
 
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( !Lilact.isEmpty(hk) ) {
-		if(deps!==undefined && hk?.deps!==undefined && Lilact.shallowEqual(deps, hk.deps)) return;
+	if( !isEmpty(hk) ) {
+		if(deps!==undefined && hk?.deps!==undefined && shallowEqual(deps, hk.deps)) return;
 	}
 
 	if(hk?.cleanup) {
@@ -331,10 +334,10 @@ export function useMemo(factory,deps=undefined)
 		throw new Error("Memo dependencies must be an array or omitted.");
 	}
 
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( !Lilact.isEmpty(hk) ) {
-		if(deps!==undefined && hk?.deps!==undefined && Lilact.shallowEqual(deps, hk.deps)) {
+	if( !isEmpty(hk) ) {
+		if(deps!==undefined && hk?.deps!==undefined && shallowEqual(deps, hk.deps)) {
 			return hk.value;
 		}
 	}
@@ -354,10 +357,10 @@ export function useMemo(factory,deps=undefined)
  */
 export function useActionState(action, initialState)
 {
-	const hk = Lilact.useHook();
-	const [is_pending, tran_start_func] = Lilact.useTransition();
+	const hk = useHook();
+	const [is_pending, tran_start_func] = useTransition();
 
-	if( Lilact.isEmpty(hk) ) {
+	if( isEmpty(hk) ) {
 
 		hk.state = initialState;
 
@@ -389,9 +392,9 @@ export function useActionState(action, initialState)
  */
 export function useReducer(reducer, initialArg, init)
 {
-	const hk = Lilact.useHook();
+	const hk = useHook();
 
-	if( Lilact.isEmpty(hk) ) {
+	if( isEmpty(hk) ) {
 		hk.reducer = reducer;
 		hk.state = init?init(initialArg):initialArg;
 		hk.dispatch = function(core, hk, action) {
@@ -400,7 +403,6 @@ export function useReducer(reducer, initialArg, init)
 				hk.state = newst;
 				core.component.forceUpdate();
 			}
-
 		}.bind(undefined, Lilact.current_component[0], hk);
 	}
 
@@ -474,7 +476,7 @@ export function useDeferredValue(value, initialValue)
  */
 export function useImperativeHandle(ref, factory, deps=undefined)
 {
-	if(deps!==undefined && ref?.deps!==undefined && Lilact.shallowEqual(deps, ref.deps)) return;
+	if(deps!==undefined && ref?.deps!==undefined && shallowEqual(deps, ref.deps)) return;
 
 	ref.deps = deps;
 

package/src/lilact.jsx

@@ -92,7 +92,7 @@ export {transpileJSX, transpilerConfig} from "./jsx";
 export const Lilact = 
 {	
 
-	VERSION: "beta.14",
+	VERSION: "beta.15",
 	
 	// Configuration
 
@@ -132,16 +132,16 @@ document.addEventListener('DOMContentLoaded', () => {
   Lilact.runScripts();
 });
 
-ʔ if(DEBUG) {
-window.addEventListener('error', (e) => {
-	Lilact.globalErrorHandler(e);
-});
-ʔ }
+if(DEBUG) {
+	window.addEventListener('error', (e) => {
+		Lilact.globalErrorHandler(e);
+	});
+}
 
-ʔ if(DEBUG) {
+if(DEBUG) {
 	console.log(`Lilact (Version: ${Lilact.VERSION}) - Debug Mode`);
 	console.log(`Copyright(C) 2024-2026 Arash Kazemi <contact.arash.kazemi@gmail.com>`);
-ʔ }
+}
 
 export default Lilact;
 

package/src/loader.cjs

@@ -43,7 +43,7 @@ module.exports = function loader(source) {
 	// 										transpilerConfig
 	// 									});
 
-	console.log("Transpiling", DEBUG, this.resource);
+	console.log("Transpiling", this.resource);
 	source = transpileJSX(source,
 								{ 
 									path: this.resource,

package/src/misc.jsx

@@ -31,7 +31,7 @@
 import Lilact from './lilact.jsx';
 
 
-ʔ defineSymbols ( "LILACT", [ "CORE", "COMPONENT", "MEMOIZED"] ) ʔ
+import { CORE, COMPONENT, MEMOIZED } from "./symbols.jsx"
 
 
 const typeOf = (input) => {
@@ -338,9 +338,6 @@ export function toBool(value) {
 
 // Internals
 
-/** @ignore */
-export const required_scripts = {};
-
 /** @ignore */
 export let update_timeout = undefined;
 /** @ignore */
@@ -352,59 +349,3 @@ export let eval_num = 0;//Math.floor(Math.random()*10000);
 
 
 // todo =improve these stacks
-/** @ignore */
-export let current_component = [];
-/** @ignore */
-export let update_set  = new Set;
-/** @ignore */
-export let update_cbs  = new Set;
-/** @ignore */
-export let roots  = new Set;
-/** @ignore */
-export let layout_effects = new Set;
-
-/** @ignore */
-export const special_attributes = new Set([
-		"classname", "ref", "action", "lilact_jsx_loc", "children", "key",
-		"defaultvalue", "defaultchecked"
-	]);
-
-/** @ignore */
-export const events_set = new Set([
-	"onafterprint","onbeforeprint","onbeforeunload","onerror","onhashchange","onload","onmessage",
-	"onoffline","ononline","onpagehide","onpageshow","onpopstate","onresize","onstorage","onunload",
-	"onblur","onchange","oncontextmenu","onfocus","oninput","oninvalid","onreset","onsearch","onselect",
-	"onsubmit",
-	"onkeydown","onkeypress","onkeyup",
-	"onclick","ondblclick","onmousedown","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel",
-	"onwheel",
-	"ondrag","ondragend","ondragenter","ondragleave","ondragover","ondragstart","ondrop","onscroll",
-	"oncopy","oncut","onpaste",
-	"onabort","oncanplay","oncanplaythrough","oncuechange","ondurationchange","onemptied","onended","onerror",
-	"onloadeddata","onloadedmetadata","onloadstart","onpause","onplay","onplaying","onprogress","onratechange",
-	"onseeked","onseeking","onstalled","onsuspend","ontimeupdate","onvolumechange","onwaiting",
-	"ontoggle",
-	"onpointerdown", "onpointerup", "onpointermove", "onpointercancel", "onpointerover", "onpointerout", 
-	"onpointerenter", "onpointerleave"
-]);
-
-/** @ignore */
-export const capture_events_set = {};
-for (const x of events_set) {
-  capture_events_set[x+"capture"] = x;
-}
-
-/** @ignore */
-export const length_css_attributes_set = new Set([
-	"width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","margin",
-	"marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom",
-	"paddingLeft","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth",
-	"outlineWidth","fontSize","lineHeight","letterSpacing","wordSpacing","textIndent","borderRadius",
-	"borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius",
-	"columnGap","rowGap","gap"
-]);
-
-/** @ignore */
-export const boolean_html_attributes_set = new 
-	Set(["disabled", "readOnly", "required", "checked", "multiple",
-			 "hidden","open","loop","muted","controls","playsInline","allowFullScreen"]);