@mrts/soltw 0.3.23 → 0.3.25

package/dist/index.js

@@ -44,8 +44,6 @@ function nextHydrateContext() {
 	};
 }
 const equalFn = (a, b) => a === b;
-const $PROXY = Symbol("solid-proxy");
-const SUPPORTS_PROXY = typeof Proxy === "function";
 const $TRACK = Symbol("solid-track");
 const signalOptions = { equals: equalFn };
 let ERROR = null;
@@ -630,78 +628,6 @@ function createComponent(Comp, props) {
 	}
 	return untrack(() => Comp(props || {}));
 }
-function trueFn() {
-	return true;
-}
-const propTraps = {
-	get(_, property, receiver) {
-		if (property === $PROXY) return receiver;
-		return _.get(property);
-	},
-	has(_, property) {
-		if (property === $PROXY) return true;
-		return _.has(property);
-	},
-	set: trueFn,
-	deleteProperty: trueFn,
-	getOwnPropertyDescriptor(_, property) {
-		return {
-			configurable: true,
-			enumerable: true,
-			get() {
-				return _.get(property);
-			},
-			set: trueFn,
-			deleteProperty: trueFn
-		};
-	},
-	ownKeys(_) {
-		return _.keys();
-	}
-};
-function splitProps(props, ...keys) {
-	const len = keys.length;
-	if (SUPPORTS_PROXY && $PROXY in props) {
-		const blocked = len > 1 ? keys.flat() : keys[0];
-		const res = keys.map((k) => {
-			return new Proxy({
-				get(property) {
-					return k.includes(property) ? props[property] : void 0;
-				},
-				has(property) {
-					return k.includes(property) && property in props;
-				},
-				keys() {
-					return k.filter((property) => property in props);
-				}
-			}, propTraps);
-		});
-		res.push(new Proxy({
-			get(property) {
-				return blocked.includes(property) ? void 0 : props[property];
-			},
-			has(property) {
-				return blocked.includes(property) ? false : property in props;
-			},
-			keys() {
-				return Object.keys(props).filter((k) => !blocked.includes(k));
-			}
-		}, propTraps));
-		return res;
-	}
-	const objects = [];
-	for (let i = 0; i <= len; i++) objects[i] = {};
-	for (const propName of Object.getOwnPropertyNames(props)) {
-		let keyIndex = len;
-		for (let i = 0; i < keys.length; i++) if (keys[i].includes(propName)) {
-			keyIndex = i;
-			break;
-		}
-		const desc = Object.getOwnPropertyDescriptor(props, propName);
-		!desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc);
-	}
-	return objects;
-}
 const narrowedError = (name) => `Stale read from <${name}>.`;
 function For(props) {
 	const fallback = "fallback" in props && { fallback: () => props.fallback };
@@ -726,79 +652,6 @@ function Show(props) {
 
 //#endregion
 //#region ../../node_modules/solid-js/web/dist/web.js
-const Properties = /* @__PURE__ */ new Set([
-	"className",
-	"value",
-	"readOnly",
-	"noValidate",
-	"formNoValidate",
-	"isMap",
-	"noModule",
-	"playsInline",
-	"adAuctionHeaders",
-	"allowFullscreen",
-	"browsingTopics",
-	"defaultChecked",
-	"defaultMuted",
-	"defaultSelected",
-	"disablePictureInPicture",
-	"disableRemotePlayback",
-	"preservesPitch",
-	"shadowRootClonable",
-	"shadowRootCustomElementRegistry",
-	"shadowRootDelegatesFocus",
-	"shadowRootSerializable",
-	"sharedStorageWritable",
-	...[
-		"allowfullscreen",
-		"async",
-		"alpha",
-		"autofocus",
-		"autoplay",
-		"checked",
-		"controls",
-		"default",
-		"disabled",
-		"formnovalidate",
-		"hidden",
-		"indeterminate",
-		"inert",
-		"ismap",
-		"loop",
-		"multiple",
-		"muted",
-		"nomodule",
-		"novalidate",
-		"open",
-		"playsinline",
-		"readonly",
-		"required",
-		"reversed",
-		"seamless",
-		"selected",
-		"adauctionheaders",
-		"browsingtopics",
-		"credentialless",
-		"defaultchecked",
-		"defaultmuted",
-		"defaultselected",
-		"defer",
-		"disablepictureinpicture",
-		"disableremoteplayback",
-		"preservespitch",
-		"shadowrootclonable",
-		"shadowrootcustomelementregistry",
-		"shadowrootdelegatesfocus",
-		"shadowrootserializable",
-		"sharedstoragewritable"
-	]
-]);
-const ChildProperties = /* @__PURE__ */ new Set([
-	"innerHTML",
-	"textContent",
-	"innerText",
-	"children"
-]);
 const Aliases = /* @__PURE__ */ Object.assign(Object.create(null), {
 	className: "class",
 	htmlFor: "for"
@@ -888,117 +741,6 @@ const PropAliases = /* @__PURE__ */ Object.assign(Object.create(null), {
 		IMG: 1
 	}
 });
-function getPropAlias(prop, tagName) {
-	const a = PropAliases[prop];
-	return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
-}
-const DelegatedEvents = /* @__PURE__ */ new Set([
-	"beforeinput",
-	"click",
-	"dblclick",
-	"contextmenu",
-	"focusin",
-	"focusout",
-	"input",
-	"keydown",
-	"keyup",
-	"mousedown",
-	"mousemove",
-	"mouseout",
-	"mouseover",
-	"mouseup",
-	"pointerdown",
-	"pointermove",
-	"pointerout",
-	"pointerover",
-	"pointerup",
-	"touchend",
-	"touchmove",
-	"touchstart"
-]);
-const SVGElements = /* @__PURE__ */ new Set([
-	"altGlyph",
-	"altGlyphDef",
-	"altGlyphItem",
-	"animate",
-	"animateColor",
-	"animateMotion",
-	"animateTransform",
-	"circle",
-	"clipPath",
-	"color-profile",
-	"cursor",
-	"defs",
-	"desc",
-	"ellipse",
-	"feBlend",
-	"feColorMatrix",
-	"feComponentTransfer",
-	"feComposite",
-	"feConvolveMatrix",
-	"feDiffuseLighting",
-	"feDisplacementMap",
-	"feDistantLight",
-	"feDropShadow",
-	"feFlood",
-	"feFuncA",
-	"feFuncB",
-	"feFuncG",
-	"feFuncR",
-	"feGaussianBlur",
-	"feImage",
-	"feMerge",
-	"feMergeNode",
-	"feMorphology",
-	"feOffset",
-	"fePointLight",
-	"feSpecularLighting",
-	"feSpotLight",
-	"feTile",
-	"feTurbulence",
-	"filter",
-	"font",
-	"font-face",
-	"font-face-format",
-	"font-face-name",
-	"font-face-src",
-	"font-face-uri",
-	"foreignObject",
-	"g",
-	"glyph",
-	"glyphRef",
-	"hkern",
-	"image",
-	"line",
-	"linearGradient",
-	"marker",
-	"mask",
-	"metadata",
-	"missing-glyph",
-	"mpath",
-	"path",
-	"pattern",
-	"polygon",
-	"polyline",
-	"radialGradient",
-	"rect",
-	"set",
-	"stop",
-	"svg",
-	"switch",
-	"symbol",
-	"text",
-	"textPath",
-	"tref",
-	"tspan",
-	"use",
-	"view",
-	"vkern"
-]);
-const SVGNamespace = {
-	xlink: "http://www.w3.org/1999/xlink",
-	xml: "http://www.w3.org/XML/1998/namespace"
-};
 function reconcileArrays(parentNode, a, b) {
 	let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null;
 	while (aStart < aEnd || bStart < bEnd) {
@@ -1067,163 +809,19 @@ function delegateEvents(eventNames, document$1 = window.document) {
 		}
 	}
 }
-function setAttribute(node, name, value) {
-	if (isHydrating(node)) return;
-	if (value == null) node.removeAttribute(name);
-	else node.setAttribute(name, value);
-}
-function setAttributeNS(node, namespace, name, value) {
-	if (isHydrating(node)) return;
-	if (value == null) node.removeAttributeNS(namespace, name);
-	else node.setAttributeNS(namespace, name, value);
-}
-function setBoolAttribute(node, name, value) {
-	if (isHydrating(node)) return;
-	value ? node.setAttribute(name, "") : node.removeAttribute(name);
-}
 function className(node, value) {
 	if (isHydrating(node)) return;
 	if (value == null) node.removeAttribute("class");
 	else node.className = value;
 }
-function addEventListener(node, name, handler, delegate) {
-	if (delegate) if (Array.isArray(handler)) {
-		node[`$$${name}`] = handler[0];
-		node[`$$${name}Data`] = handler[1];
-	} else node[`$$${name}`] = handler;
-	else if (Array.isArray(handler)) {
-		const handlerFn = handler[0];
-		node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e));
-	} else node.addEventListener(name, handler, typeof handler !== "function" && handler);
-}
-function classList(node, value, prev = {}) {
-	const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev);
-	let i, len;
-	for (i = 0, len = prevKeys.length; i < len; i++) {
-		const key = prevKeys[i];
-		if (!key || key === "undefined" || value[key]) continue;
-		toggleClassKey(node, key, false);
-		delete prev[key];
-	}
-	for (i = 0, len = classKeys.length; i < len; i++) {
-		const key = classKeys[i], classValue = !!value[key];
-		if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue;
-		toggleClassKey(node, key, true);
-		prev[key] = classValue;
-	}
-	return prev;
-}
-function style(node, value, prev) {
-	if (!value) return prev ? setAttribute(node, "style") : value;
-	const nodeStyle = node.style;
-	if (typeof value === "string") return nodeStyle.cssText = value;
-	typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
-	prev || (prev = {});
-	value || (value = {});
-	let v, s;
-	for (s in prev) {
-		value[s] ?? nodeStyle.removeProperty(s);
-		delete prev[s];
-	}
-	for (s in value) {
-		v = value[s];
-		if (v !== prev[s]) {
-			nodeStyle.setProperty(s, v);
-			prev[s] = v;
-		}
-	}
-	return prev;
-}
-function spread(node, props = {}, isSVG, skipChildren) {
-	const prevProps = {};
-	if (!skipChildren) createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
-	createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node));
-	createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
-	return prevProps;
-}
-function use(fn, element, arg) {
-	return untrack(() => fn(element, arg));
-}
 function insert(parent, accessor, marker, initial) {
 	if (marker !== void 0 && !initial) initial = [];
 	if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
 	createRenderEffect((current) => insertExpression(parent, accessor(), current, marker), initial);
 }
-function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) {
-	props || (props = {});
-	for (const prop in prevProps) if (!(prop in props)) {
-		if (prop === "children") continue;
-		prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props);
-	}
-	for (const prop in props) {
-		if (prop === "children") {
-			if (!skipChildren) insertExpression(node, props.children);
-			continue;
-		}
-		const value = props[prop];
-		prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props);
-	}
-}
-function getNextElement(template$1) {
-	let node, key;
-	if (!isHydrating() || !(node = sharedConfig.registry.get(key = getHydrationKey()))) return template$1();
-	if (sharedConfig.completed) sharedConfig.completed.add(node);
-	sharedConfig.registry.delete(key);
-	return node;
-}
 function isHydrating(node) {
 	return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected);
 }
-function toPropertyName(name) {
-	return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
-}
-function toggleClassKey(node, key, value) {
-	const classNames = key.trim().split(/\s+/);
-	for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value);
-}
-function assignProp(node, prop, value, prev, isSVG, skipRef, props) {
-	let isCE, isProp, isChildProp, propAlias, forceProp;
-	if (prop === "style") return style(node, value, prev);
-	if (prop === "classList") return classList(node, value, prev);
-	if (value === prev) return prev;
-	if (prop === "ref") {
-		if (!skipRef) value(node);
-	} else if (prop.slice(0, 3) === "on:") {
-		const e = prop.slice(3);
-		prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev);
-		value && node.addEventListener(e, value, typeof value !== "function" && value);
-	} else if (prop.slice(0, 10) === "oncapture:") {
-		const e = prop.slice(10);
-		prev && node.removeEventListener(e, prev, true);
-		value && node.addEventListener(e, value, true);
-	} else if (prop.slice(0, 2) === "on") {
-		const name = prop.slice(2).toLowerCase();
-		const delegate = DelegatedEvents.has(name);
-		if (!delegate && prev) {
-			const h = Array.isArray(prev) ? prev[0] : prev;
-			node.removeEventListener(name, h);
-		}
-		if (delegate || value) {
-			addEventListener(node, name, value, delegate);
-			delegate && delegateEvents([name]);
-		}
-	} else if (prop.slice(0, 5) === "attr:") setAttribute(node, prop.slice(5), value);
-	else if (prop.slice(0, 5) === "bool:") setBoolAttribute(node, prop.slice(5), value);
-	else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) {
-		if (forceProp) {
-			prop = prop.slice(5);
-			isProp = true;
-		} else if (isHydrating(node)) return value;
-		if (prop === "class" || prop === "className") className(node, value);
-		else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
-		else node[propAlias || prop] = value;
-	} else {
-		const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
-		if (ns) setAttributeNS(node, ns, prop, value);
-		else setAttribute(node, Aliases[prop] || prop, value);
-	}
-	return value;
-}
 function eventHandler(e) {
 	if (sharedConfig.registry && sharedConfig.events) {
 		if (sharedConfig.events.find(([el, ev]) => ev === e)) return;
@@ -1389,31 +987,6 @@ function cleanChildren(parent, current, marker, replacement) {
 	} else parent.insertBefore(node, marker);
 	return [node];
 }
-function getHydrationKey() {
-	return sharedConfig.getNextContextId();
-}
-const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
-function createElement(tagName, isSVG = false, is = void 0) {
-	return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName, { is });
-}
-function createDynamic(component, props) {
-	const cached = createMemo(component);
-	return createMemo(() => {
-		const component$1 = cached();
-		switch (typeof component$1) {
-			case "function": return untrack(() => component$1(props));
-			case "string":
-				const isSvg = SVGElements.has(component$1);
-				const el = sharedConfig.context ? getNextElement() : createElement(component$1, isSvg, untrack(() => props.is));
-				spread(el, props, isSvg);
-				return el;
-		}
-	});
-}
-function Dynamic(props) {
-	const [, others] = splitProps(props, ["component"]);
-	return createDynamic(() => props.component, others);
-}
 
 //#endregion
 //#region ../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
@@ -1702,7 +1275,7 @@ const createConfigUtils = (config) => ({
 	...createClassGroupUtils(config)
 });
 const SPLIT_CLASSES_REGEX = /\s+/;
-const mergeClassList = (classList$1, configUtils) => {
+const mergeClassList = (classList, configUtils) => {
 	const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers } = configUtils;
 	/**
 	* Set of classGroupIds in following format:
@@ -1712,7 +1285,7 @@ const mergeClassList = (classList$1, configUtils) => {
 	* @example 'md:!pr'
 	*/
 	const classGroupsInConflict = [];
-	const classNames = classList$1.trim().split(SPLIT_CLASSES_REGEX);
+	const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
 	let result = "";
 	for (let index = classNames.length - 1; index >= 0; index -= 1) {
 		const originalClassName = classNames[index];
@@ -1788,18 +1361,18 @@ const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
 	let cacheGet;
 	let cacheSet;
 	let functionToCall;
-	const initTailwindMerge = (classList$1) => {
+	const initTailwindMerge = (classList) => {
 		configUtils = createConfigUtils(createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst()));
 		cacheGet = configUtils.cache.get;
 		cacheSet = configUtils.cache.set;
 		functionToCall = tailwindMerge;
-		return tailwindMerge(classList$1);
+		return tailwindMerge(classList);
 	};
-	const tailwindMerge = (classList$1) => {
-		const cachedResult = cacheGet(classList$1);
+	const tailwindMerge = (classList) => {
+		const cachedResult = cacheGet(classList);
 		if (cachedResult) return cachedResult;
-		const result = mergeClassList(classList$1, configUtils);
-		cacheSet(classList$1, result);
+		const result = mergeClassList(classList, configUtils);
+		cacheSet(classList, result);
 		return result;
 	};
 	functionToCall = initTailwindMerge;
@@ -3543,7 +3116,7 @@ var Stylers = class {
 
 //#endregion
 //#region src/items/Item.tsx
-var _tmpl$$1 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$2 = /* @__PURE__ */ template(`<div>`);
 const Item = (props) => {
 	const itemData = () => {
 		const r = buildIdLabel(props.idLabel);
@@ -3591,7 +3164,7 @@ const Item = (props) => {
 		if (props.callback != void 0) props.callback(itemData());
 	}
 	return (() => {
-		var _el$ = _tmpl$$1();
+		var _el$ = _tmpl$$2();
 		_el$.$$click = handleClick;
 		insert(_el$, () => itemData().label, null);
 		insert(_el$, createComponent(Show, {
@@ -3599,7 +3172,7 @@ const Item = (props) => {
 				return props.disabled;
 			},
 			get children() {
-				var _el$2 = _tmpl$$1();
+				var _el$2 = _tmpl$$2();
 				_el$2.$$click = (e) => {
 					if (!props.clickableWhendisabled) e.stopPropagation();
 				};
@@ -3615,8 +3188,8 @@ delegateEvents(["click"]);
 
 //#endregion
 //#region src/Block.tsx
+var _tmpl$$1 = /* @__PURE__ */ template(`<div>`);
 const Block = (props) => {
-	const elementTag = () => props.element ?? "div";
 	const currentStyler = () => {
 		if (props.styler) return props.styler;
 		else return Stylers.base;
@@ -3626,17 +3199,12 @@ const Block = (props) => {
 		if (props.class) classes.push(props.class);
 		return twMerge(classes);
 	}
-	return createComponent(Dynamic, {
-		get component() {
-			return elementTag();
-		},
-		get ["class"]() {
-			return blockClasses();
-		},
-		get children() {
-			return props.children;
-		}
-	});
+	return (() => {
+		var _el$ = _tmpl$$1();
+		insert(_el$, () => props.children);
+		createRenderEffect(() => className(_el$, blockClasses()));
+		return _el$;
+	})();
 };
 
 //#endregion