solid-js 1.8.17 → 1.8.19

package/h/dist/h.cjs

@@ -7,12 +7,14 @@ function createHyperScript(r) {
   function h() {
     let args = [].slice.call(arguments),
       e,
+      classes = [],
       multiExpression = false;
     while (Array.isArray(args[0])) args = args[0];
     if (args[0][$ELEMENT]) args.unshift(h.Fragment);
     typeof args[0] === "string" && detectMultiExpression(args);
     const ret = () => {
       while (args.length) item(args.shift());
+      if (e instanceof Element && classes.length) e.classList.add(...classes);
       return e;
     };
     ret[$ELEMENT] = true;
@@ -31,6 +33,15 @@ function createHyperScript(r) {
         let dynamic = false;
         const d = Object.getOwnPropertyDescriptors(l);
         for (const k in d) {
+          if (k === "class" && classes.length !== 0) {
+            const fixedClasses = classes.join(" "),
+              value = typeof d["class"].value === "function" ? () => fixedClasses + " " + d["class"].value() : fixedClasses + " " + l["class"];
+            Object.defineProperty(l, "class", {
+              ...d[k],
+              value
+            });
+            classes = [];
+          }
           if (k !== "ref" && k.slice(0, 2) !== "on" && typeof d[k].value === "function") {
             r.dynamicProperty(l, k);
             dynamic = true;
@@ -74,7 +85,7 @@ function createHyperScript(r) {
         const v = m[i],
           s = v.substring(1, v.length);
         if (!v) continue;
-        if (!e) e = r.SVGElements.has(v) ? document.createElementNS("http://www.w3.org/2000/svg", v) : document.createElement(v);else if (v[0] === ".") e.classList.add(s);else if (v[0] === "#") e.setAttribute("id", s);
+        if (!e) e = r.SVGElements.has(v) ? document.createElementNS("http://www.w3.org/2000/svg", v) : document.createElement(v);else if (v[0] === ".") classes.push(s);else if (v[0] === "#") e.setAttribute("id", s);
       }
     }
     function detectMultiExpression(list) {

package/h/dist/h.js

@@ -1,39 +1,27 @@
-import {
-  spread,
-  assign,
-  insert,
-  createComponent,
-  dynamicProperty,
-  SVGElements
-} from "solid-js/web";
+import { spread, assign, insert, createComponent, dynamicProperty, SVGElements } from 'solid-js/web';
 
 const $ELEMENT = Symbol("hyper-element");
 function createHyperScript(r) {
   function h() {
     let args = [].slice.call(arguments),
       e,
+      classes = [],
       multiExpression = false;
     while (Array.isArray(args[0])) args = args[0];
     if (args[0][$ELEMENT]) args.unshift(h.Fragment);
     typeof args[0] === "string" && detectMultiExpression(args);
     const ret = () => {
       while (args.length) item(args.shift());
+      if (e instanceof Element && classes.length) e.classList.add(...classes);
       return e;
     };
     ret[$ELEMENT] = true;
     return ret;
     function item(l) {
       const type = typeof l;
-      if (l == null);
-      else if ("string" === type) {
-        if (!e) parseClass(l);
-        else e.appendChild(document.createTextNode(l));
-      } else if (
-        "number" === type ||
-        "boolean" === type ||
-        l instanceof Date ||
-        l instanceof RegExp
-      ) {
+      if (l == null) ;else if ("string" === type) {
+        if (!e) parseClass(l);else e.appendChild(document.createTextNode(l));
+      } else if ("number" === type || "boolean" === type || l instanceof Date || l instanceof RegExp) {
         e.appendChild(document.createTextNode(l.toString()));
       } else if (Array.isArray(l)) {
         for (let i = 0; i < l.length; i++) item(l[i]);
@@ -43,23 +31,26 @@ function createHyperScript(r) {
         let dynamic = false;
         const d = Object.getOwnPropertyDescriptors(l);
         for (const k in d) {
+          if (k === "class" && classes.length !== 0) {
+            const fixedClasses = classes.join(" "),
+              value = typeof d["class"].value === "function" ? () => fixedClasses + " " + d["class"].value() : fixedClasses + " " + l["class"];
+            Object.defineProperty(l, "class", {
+              ...d[k],
+              value
+            });
+            classes = [];
+          }
           if (k !== "ref" && k.slice(0, 2) !== "on" && typeof d[k].value === "function") {
             r.dynamicProperty(l, k);
             dynamic = true;
           } else if (d[k].get) dynamic = true;
         }
-        dynamic
-          ? r.spread(e, l, e instanceof SVGElement, !!args.length)
-          : r.assign(e, l, e instanceof SVGElement, !!args.length);
+        dynamic ? r.spread(e, l, e instanceof SVGElement, !!args.length) : r.assign(e, l, e instanceof SVGElement, !!args.length);
       } else if ("function" === type) {
         if (!e) {
           let props,
             next = args[0];
-          if (
-            next == null ||
-            (typeof next === "object" && !Array.isArray(next) && !(next instanceof Element))
-          )
-            props = args.shift();
+          if (next == null || typeof next === "object" && !Array.isArray(next) && !(next instanceof Element)) props = args.shift();
           props || (props = {});
           if (args.length) {
             props.children = args.length > 1 ? args : args[0];
@@ -75,8 +66,7 @@ function createHyperScript(r) {
                 return list;
               };
               r.dynamicProperty(props, k);
-            } else if (typeof d[k].value === "function" && !d[k].value.length)
-              r.dynamicProperty(props, k);
+            } else if (typeof d[k].value === "function" && !d[k].value.length) r.dynamicProperty(props, k);
           }
           e = r.createComponent(l, props);
           args = [];
@@ -93,12 +83,7 @@ function createHyperScript(r) {
         const v = m[i],
           s = v.substring(1, v.length);
         if (!v) continue;
-        if (!e)
-          e = r.SVGElements.has(v)
-            ? document.createElementNS("http://www.w3.org/2000/svg", v)
-            : document.createElement(v);
-        else if (v[0] === ".") e.classList.add(s);
-        else if (v[0] === "#") e.setAttribute("id", s);
+        if (!e) e = r.SVGElements.has(v) ? document.createElementNS("http://www.w3.org/2000/svg", v) : document.createElement(v);else if (v[0] === ".") classes.push(s);else if (v[0] === "#") e.setAttribute("id", s);
       }
     }
     function detectMultiExpression(list) {

package/h/jsx-runtime/dist/jsx.js

@@ -1,4 +1,4 @@
-import h from "solid-js/h";
+import h from 'solid-js/h';
 
 function Fragment(props) {
   return props.children;

package/h/jsx-runtime/types/index.d.ts

@@ -1,14 +1,11 @@
 export type { JSX } from "./jsx";
 import type { JSX } from "./jsx";
-declare function Fragment(props: { children: JSX.Element }): JSX.Element;
-declare function jsx(
-  type: any,
-  props: any
-): () =>
-  | (Node & {
-      [key: string]: any;
-    })
-  | (Node & {
-      [key: string]: any;
-    })[];
+declare function Fragment(props: {
+    children: JSX.Element;
+}): JSX.Element;
+declare function jsx(type: any, props: any): () => (Node & {
+    [key: string]: any;
+}) | (Node & {
+    [key: string]: any;
+})[];
 export { jsx, jsx as jsxs, jsx as jsxDEV, Fragment };

package/h/jsx-runtime/types/jsx.d.ts

@@ -155,6 +155,7 @@ export namespace JSX {
     onAnimationStart?: EventHandlerUnion<T, AnimationEvent>;
     onAuxClick?: EventHandlerUnion<T, MouseEvent>;
     onBeforeInput?: EventHandlerUnion<T, InputEvent>;
+    onBeforeToggle?: EventHandlerUnion<T, ToggleEvent>;
     onBlur?: EventHandlerUnion<T, FocusEvent>;
     onCanPlay?: EventHandlerUnion<T, Event>;
     onCanPlayThrough?: EventHandlerUnion<T, Event>;
@@ -220,6 +221,7 @@ export namespace JSX {
     >;
     onSuspend?: EventHandlerUnion<T, Event>;
     onTimeUpdate?: EventHandlerUnion<T, Event>;
+    onToggle?: EventHandlerUnion<T, ToggleEvent>;
     onTouchCancel?: EventHandlerUnion<T, TouchEvent>;
     onTouchEnd?: EventHandlerUnion<T, TouchEvent>;
     onTouchMove?: EventHandlerUnion<T, TouchEvent>;
@@ -242,6 +244,7 @@ export namespace JSX {
     onanimationstart?: EventHandlerUnion<T, AnimationEvent>;
     onauxclick?: EventHandlerUnion<T, MouseEvent>;
     onbeforeinput?: EventHandlerUnion<T, InputEvent>;
+    onbeforetoggle?: EventHandlerUnion<T, ToggleEvent>;
     onblur?: EventHandlerUnion<T, FocusEvent>;
     oncanplay?: EventHandlerUnion<T, Event>;
     oncanplaythrough?: EventHandlerUnion<T, Event>;
@@ -307,6 +310,7 @@ export namespace JSX {
     >;
     onsuspend?: EventHandlerUnion<T, Event>;
     ontimeupdate?: EventHandlerUnion<T, Event>;
+    ontoggle?: EventHandlerUnion<T, ToggleEvent>;
     ontouchcancel?: EventHandlerUnion<T, TouchEvent>;
     ontouchend?: EventHandlerUnion<T, TouchEvent>;
     ontouchmove?: EventHandlerUnion<T, TouchEvent>;
@@ -1820,6 +1824,7 @@ export namespace JSX {
     contentScriptType?: FunctionMaybe<string>;
     contentStyleType?: FunctionMaybe<string>;
     xmlns?: FunctionMaybe<string>;
+    "xmlns:xlink"?: FunctionMaybe<string>;
   }
   interface SwitchSVGAttributes<T>
     extends ContainerElementSVGAttributes<T>,

package/h/types/hyperscript.d.ts

@@ -1,20 +1,20 @@
 type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
 interface Runtime {
-  insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
-  spread(node: Element, accessor: any, isSVG?: Boolean, skipChildren?: Boolean): void;
-  assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
-  createComponent(Comp: (props: any) => any, props: any): any;
-  dynamicProperty(props: any, key: string): any;
-  SVGElements: Set<string>;
+    insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
+    spread(node: Element, accessor: any, isSVG?: Boolean, skipChildren?: Boolean): void;
+    assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
+    createComponent(Comp: (props: any) => any, props: any): any;
+    dynamicProperty(props: any, key: string): any;
+    SVGElements: Set<string>;
 }
 type ExpandableNode = Node & {
-  [key: string]: any;
+    [key: string]: any;
 };
 export type HyperScript = {
-  (...args: any[]): () => ExpandableNode | ExpandableNode[];
-  Fragment: (props: {
-    children: (() => ExpandableNode) | (() => ExpandableNode)[];
-  }) => ExpandableNode[];
+    (...args: any[]): () => ExpandableNode | ExpandableNode[];
+    Fragment: (props: {
+        children: (() => ExpandableNode) | (() => ExpandableNode)[];
+    }) => ExpandableNode[];
 };
 export declare function createHyperScript(r: Runtime): HyperScript;
 export {};