@htmlplus/element 2.9.5 → 2.9.7

package/client/utils/direction.d.ts

@@ -3,4 +3,4 @@ import { HTMLPlusElement } from '../../types/index.js';
  * Indicates whether the [Direction](https://mdn.io/css-direction)
  * of the element is `Right-To-Left` or `Left-To-Right`.
  */
-export declare const direction: (target: HTMLElement | HTMLPlusElement) => 'ltr' | 'rtl';
+export declare const direction: (target: HTMLElement | HTMLPlusElement) => "ltr" | "rtl";

package/client/utils/event.d.ts

@@ -2,7 +2,7 @@ import { HTMLPlusElement } from '../../types/index.js';
 /**
  * TODO
  */
-export declare const dispatch: <T = any>(target: HTMLElement | HTMLPlusElement, type: string, eventInitDict?: CustomEventInit<T> | undefined) => CustomEvent<T>;
+export declare const dispatch: <T = any>(target: HTMLElement | HTMLPlusElement, type: string, eventInitDict?: CustomEventInit<T>) => CustomEvent<T>;
 /**
  * TODO
  */

package/client/utils/request.d.ts

@@ -6,4 +6,4 @@ import { HTMLPlusElement } from '../../types/index.js';
  * @param previous The previous value of Property/State.
  * @param callback Invoked when the rendering phase is completed.
  */
-export declare const request: (target: HTMLPlusElement, name?: string, previous?: any, callback?: ((skipped: boolean) => void) | undefined) => void;
+export declare const request: (target: HTMLPlusElement, name?: string, previous?: any, callback?: (skipped: boolean) => void) => void;

package/client/utils/uhtml.js

@@ -490,8 +490,8 @@ const cache$1 = new WeakMapSet();
 // a RegExp that helps checking nodes that cannot contain comments
 const textOnly = /^(?:textarea|script|style|title|plaintext|xmp)$/;
 const createCache = () => ({
-    stack: [],
-    entry: null,
+    stack: [], // each template gets a stack for each interpolation "hole"
+    entry: null, // each entry contains details, such as:
     //  * the template that is representing
     //  * the type of node it represents (html or svg)
     //  * the content fragment with all nodes

package/jsx-runtime.d.ts

@@ -0,0 +1,191 @@
+import 'react';
+
+type WithPart<K> = React.JSX.IntrinsicElements[K] & { part?: string };
+
+declare namespace JSX {
+  interface IntrinsicElements {
+    host: WithPart<'div'> & { [key: string]: any };
+
+    a: WithPart<'a'>;
+    abbr: WithPart<'abbr'>;
+    address: WithPart<'address'>;
+    area: WithPart<'area'>;
+    article: WithPart<'article'>;
+    aside: WithPart<'aside'>;
+    audio: WithPart<'audio'>;
+    b: WithPart<'b'>;
+    base: WithPart<'base'>;
+    bdi: WithPart<'bdi'>;
+    bdo: WithPart<'bdo'>;
+    big: WithPart<'big'>;
+    blockquote: WithPart<'blockquote'>;
+    body: WithPart<'body'>;
+    br: WithPart<'br'>;
+    button: WithPart<'button'>;
+    canvas: WithPart<'canvas'>;
+    caption: WithPart<'caption'>;
+    center: WithPart<'center'>;
+    cite: WithPart<'cite'>;
+    code: WithPart<'code'>;
+    col: WithPart<'col'>;
+    colgroup: WithPart<'colgroup'>;
+    data: WithPart<'data'>;
+    datalist: WithPart<'datalist'>;
+    dd: WithPart<'dd'>;
+    del: WithPart<'del'>;
+    details: WithPart<'details'>;
+    dfn: WithPart<'dfn'>;
+    dialog: WithPart<'dialog'>;
+    div: WithPart<'div'>;
+    dl: WithPart<'dl'>;
+    dt: WithPart<'dt'>;
+    em: WithPart<'em'>;
+    embed: WithPart<'embed'>;
+    fieldset: WithPart<'fieldset'>;
+    figcaption: WithPart<'figcaption'>;
+    figure: WithPart<'figure'>;
+    footer: WithPart<'footer'>;
+    form: WithPart<'form'>;
+    h1: WithPart<'h1'>;
+    h2: WithPart<'h2'>;
+    h3: WithPart<'h3'>;
+    h4: WithPart<'h4'>;
+    h5: WithPart<'h5'>;
+    h6: WithPart<'h6'>;
+    head: WithPart<'head'>;
+    header: WithPart<'header'>;
+    hgroup: WithPart<'hgroup'>;
+    hr: WithPart<'hr'>;
+    html: WithPart<'html'>;
+    i: WithPart<'i'>;
+    iframe: WithPart<'iframe'>;
+    img: WithPart<'img'>;
+    input: WithPart<'input'>;
+    ins: WithPart<'ins'>;
+    kbd: WithPart<'kbd'>;
+    keygen: WithPart<'keygen'>;
+    label: WithPart<'label'>;
+    legend: WithPart<'legend'>;
+    li: WithPart<'li'>;
+    link: WithPart<'link'>;
+    main: WithPart<'main'>;
+    map: WithPart<'map'>;
+    mark: WithPart<'mark'>;
+    menu: WithPart<'menu'>;
+    menuitem: WithPart<'menuitem'>;
+    meta: WithPart<'meta'>;
+    meter: WithPart<'meter'>;
+    nav: WithPart<'nav'>;
+    noindex: WithPart<'noindex'>;
+    noscript: WithPart<'noscript'>;
+    object: WithPart<'object'>;
+    ol: WithPart<'ol'>;
+    optgroup: WithPart<'optgroup'>;
+    option: WithPart<'option'>;
+    output: WithPart<'output'>;
+    p: WithPart<'p'>;
+    param: WithPart<'param'>;
+    picture: WithPart<'picture'>;
+    pre: WithPart<'pre'>;
+    progress: WithPart<'progress'>;
+    q: WithPart<'q'>;
+    rp: WithPart<'rp'>;
+    rt: WithPart<'rt'>;
+    ruby: WithPart<'ruby'>;
+    s: WithPart<'s'>;
+    samp: WithPart<'samp'>;
+    search: WithPart<'search'>;
+    slot: WithPart<'slot'>;
+    script: WithPart<'script'>;
+    section: WithPart<'section'>;
+    select: WithPart<'select'>;
+    small: WithPart<'small'>;
+    source: WithPart<'source'>;
+    span: WithPart<'span'>;
+    strong: WithPart<'strong'>;
+    style: WithPart<'style'>;
+    sub: WithPart<'sub'>;
+    summary: WithPart<'summary'>;
+    sup: WithPart<'sup'>;
+    table: WithPart<'table'>;
+    template: WithPart<'template'>;
+    tbody: WithPart<'tbody'>;
+    td: WithPart<'td'>;
+    textarea: WithPart<'textarea'>;
+    tfoot: WithPart<'tfoot'>;
+    th: WithPart<'th'>;
+    thead: WithPart<'thead'>;
+    time: WithPart<'time'>;
+    title: WithPart<'title'>;
+    tr: WithPart<'tr'>;
+    track: WithPart<'track'>;
+    u: WithPart<'u'>;
+    ul: WithPart<'ul'>;
+    var: WithPart<'var'>;
+    video: WithPart<'video'>;
+    wbr: WithPart<'wbr'>;
+    webview: WithPart<'webview'>;
+
+    // SVG
+    svg: WithPart<'svg'>;
+
+    animate: WithPart<'animate'>;
+    animateMotion: WithPart<'animateMotion'>;
+    animateTransform: WithPart<'animateTransform'>;
+    circle: WithPart<'circle'>;
+    clipPath: WithPart<'clipPath'>;
+    defs: WithPart<'defs'>;
+    desc: WithPart<'desc'>;
+    ellipse: WithPart<'ellipse'>;
+    feBlend: WithPart<'feBlend'>;
+    feColorMatrix: WithPart<'feColorMatrix'>;
+    feComponentTransfer: WithPart<'feComponentTransfer'>;
+    feComposite: WithPart<'feComposite'>;
+    feConvolveMatrix: WithPart<'feConvolveMatrix'>;
+    feDiffuseLighting: WithPart<'feDiffuseLighting'>;
+    feDisplacementMap: WithPart<'feDisplacementMap'>;
+    feDistantLight: WithPart<'feDistantLight'>;
+    feDropShadow: WithPart<'feDropShadow'>;
+    feFlood: WithPart<'feFlood'>;
+    feFuncA: WithPart<'feFuncA'>;
+    feFuncB: WithPart<'feFuncB'>;
+    feFuncG: WithPart<'feFuncG'>;
+    feFuncR: WithPart<'feFuncR'>;
+    feGaussianBlur: WithPart<'feGaussianBlur'>;
+    feImage: WithPart<'feImage'>;
+    feMerge: WithPart<'feMerge'>;
+    feMergeNode: WithPart<'feMergeNode'>;
+    feMorphology: WithPart<'feMorphology'>;
+    feOffset: WithPart<'feOffset'>;
+    fePointLight: WithPart<'fePointLight'>;
+    feSpecularLighting: WithPart<'feSpecularLighting'>;
+    feSpotLight: WithPart<'feSpotLight'>;
+    feTile: WithPart<'feTile'>;
+    feTurbulence: WithPart<'feTurbulence'>;
+    filter: WithPart<'filter'>;
+    foreignObject: WithPart<'foreignObject'>;
+    g: WithPart<'g'>;
+    image: WithPart<'image'>;
+    line: WithPart<'line'>;
+    linearGradient: WithPart<'linearGradient'>;
+    marker: WithPart<'marker'>;
+    mask: WithPart<'mask'>;
+    metadata: WithPart<'metadata'>;
+    mpath: WithPart<'mpath'>;
+    path: WithPart<'path'>;
+    pattern: WithPart<'pattern'>;
+    polygon: WithPart<'polygon'>;
+    polyline: WithPart<'polyline'>;
+    radialGradient: WithPart<'radialGradient'>;
+    rect: WithPart<'rect'>;
+    set: WithPart<'set'>;
+    stop: WithPart<'stop'>;
+    switch: WithPart<'switch'>;
+    symbol: WithPart<'symbol'>;
+    text: WithPart<'text'>;
+    textPath: WithPart<'textPath'>;
+    tspan: WithPart<'tspan'>;
+    use: WithPart<'use'>;
+    view: WithPart<'view'>;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlplus/element",
-  "version": "2.9.5",
+  "version": "2.9.7",
   "license": "MIT",
   "sideEffects": false,
   "author": "Masood Abdolian <m.abdolian@gmail.com>",
@@ -32,31 +32,32 @@
   },
   "homepage": "https://github.com/htmlplus/element#readme",
   "dependencies": {
-    "@babel/generator": "^7.24.7",
-    "@babel/parser": "^7.24.7",
+    "@babel/generator": "^7.24.10",
+    "@babel/parser": "^7.24.8",
     "@babel/template": "^7.24.7",
-    "@babel/traverse": "^7.24.7",
-    "@babel/types": "^7.24.7",
-    "@types/node": "^20.14.9",
+    "@babel/traverse": "^7.24.8",
+    "@babel/types": "^7.24.9",
+    "@types/node": "^20.14.10",
+    "@types/react": "^18.3.3",
     "change-case": "^5.4.4",
     "fs-extra": "^11.2.0",
-    "glob": "^10.4.2",
+    "glob": "^11.0.0",
     "ora": "^8.0.1",
-    "typescript": "^4.9.5"
+    "typescript": "^5.5.3"
   },
   "devDependencies": {
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^10.0.7",
+    "@semantic-release/github": "^10.1.0",
     "@semantic-release/npm": "^12.0.1",
     "@semantic-release/release-notes-generator": "^14.0.1",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "cpy": "^11.0.1",
-    "prettier": "^3.3.2",
-    "rimraf": "^5.0.7",
+    "prettier": "^3.3.3",
+    "rimraf": "^6.0.1",
     "semantic-release": "^24.0.0",
     "tsx": "^4.16.2",
-    "vite": "^5.3.3"
+    "vite": "^5.3.4"
   }
 }