@hyperfixi/core 3.1.1 → 3.3.0

package/dist/commands/templates/render.d.ts

@@ -14,16 +14,16 @@ export declare class RenderCommand {
     readonly name = "render";
     static readonly metadata: {
         readonly description: "Render templates with @if, @else, and @repeat directives";
-        readonly syntax: readonly ["render <template>", "render <template> with <variables>", "render <template> with (key: value, ...)"];
-        readonly examples: readonly ["render myTemplate", "render myTemplate with (name: \"Alice\")", "render \"<template>Hello ${name}!</template>\" with (name: \"World\")", "render template with (items: data)"];
+        readonly syntax: readonly ["render <template>", "render <template> with <name>: <value>, ..."];
+        readonly examples: readonly ["render myTemplate", "render myTemplate with name: \"Alice\"", "render \"<template>Hello ${name}!</template>\" with name: \"World\"", "render template with items: data"];
         readonly category: "templates";
         readonly compatibility: "standard";
         readonly sideEffects: readonly ["dom-creation", "template-execution"];
     };
     get metadata(): {
         readonly description: "Render templates with @if, @else, and @repeat directives";
-        readonly syntax: readonly ["render <template>", "render <template> with <variables>", "render <template> with (key: value, ...)"];
-        readonly examples: readonly ["render myTemplate", "render myTemplate with (name: \"Alice\")", "render \"<template>Hello ${name}!</template>\" with (name: \"World\")", "render template with (items: data)"];
+        readonly syntax: readonly ["render <template>", "render <template> with <name>: <value>, ..."];
+        readonly examples: readonly ["render myTemplate", "render myTemplate with name: \"Alice\"", "render \"<template>Hello ${name}!</template>\" with name: \"World\"", "render template with items: data"];
         readonly category: "templates";
         readonly compatibility: "standard";
         readonly sideEffects: readonly ["dom-creation", "template-execution"];

package/dist/commands/utility/beep.d.ts

@@ -35,9 +35,6 @@ export declare class BeepCommand implements DecoratedCommand {
     parseInput(raw: CommandRaw<'beep'>, evaluator: ExpressionEvaluator, context: ExecutionContext): Promise<BeepCommandInput>;
     execute(input: BeepCommandInput, context: TypedExecutionContext): Promise<BeepCommandOutput>;
     private debugContext;
-    private debugExpression;
-    private getType;
-    private getRepresentation;
 }
 export declare const createBeepCommand: () => BeepCommand;
 export default BeepCommand;

package/dist/expressions/index.cjs

@@ -545,14 +545,15 @@ const closestExpression = {
         if (typeof selector !== 'string') {
             throw new Error('closest requires a string selector');
         }
-        if (!context.me) {
+        const start = args.length > 1 ? args[1] : context.me;
+        if (!(start instanceof Element)) {
             return null;
         }
-        return context.me.closest(selector);
+        return start.closest(selector);
     },
     validate(args) {
-        if (args.length !== 1) {
-            return 'closest requires exactly 1 argument (selector)';
+        if (args.length !== 1 && args.length !== 2) {
+            return 'closest requires a selector and, optionally, the element to start from';
         }
         const arg = args[0];
         if (typeof arg === 'string')
@@ -2066,7 +2067,7 @@ const isEmptyExpression = {
         else if (value instanceof Node || value instanceof Element)
             result = false;
         else if (isObject(value))
-            result = Object.keys(value).length === 0;
+            result = value.length === 0;
         else
             result = false;
         return result;
@@ -3913,13 +3914,6 @@ function createCommonRegistry() {
 function isInputElement(el) {
     return (el !== null && typeof el === 'object' && 'tagName' in el && el.tagName === 'INPUT');
 }
-function isFormElement(el) {
-    if (el === null || typeof el !== 'object' || !('tagName' in el)) {
-        return false;
-    }
-    const tag = el.tagName;
-    return tag === 'INPUT' || tag === 'SELECT' || tag === 'TEXTAREA';
-}
 function isHTMLElement$1(el) {
     return (el !== null &&
         typeof el === 'object' &&
@@ -3976,7 +3970,7 @@ const SPECIAL_DOM_PROPERTIES = {
     innertext: el => el.textContent?.trim(),
     innerHTML: el => el.innerHTML,
     outerhtml: el => el.outerHTML,
-    value: el => (isFormElement(el) ? el.value : undefined),
+    value: el => ('value' in el ? el.value : undefined),
     checked: el => (isInputElement(el) ? el.checked : undefined),
     disabled: el => ('disabled' in el ? el.disabled : undefined),
     selected: el => (isOptionElement(el) ? el.selected : undefined),

package/dist/expressions/index.mjs

@@ -543,14 +543,15 @@ const closestExpression = {
         if (typeof selector !== 'string') {
             throw new Error('closest requires a string selector');
         }
-        if (!context.me) {
+        const start = args.length > 1 ? args[1] : context.me;
+        if (!(start instanceof Element)) {
             return null;
         }
-        return context.me.closest(selector);
+        return start.closest(selector);
     },
     validate(args) {
-        if (args.length !== 1) {
-            return 'closest requires exactly 1 argument (selector)';
+        if (args.length !== 1 && args.length !== 2) {
+            return 'closest requires a selector and, optionally, the element to start from';
         }
         const arg = args[0];
         if (typeof arg === 'string')
@@ -2064,7 +2065,7 @@ const isEmptyExpression = {
         else if (value instanceof Node || value instanceof Element)
             result = false;
         else if (isObject(value))
-            result = Object.keys(value).length === 0;
+            result = value.length === 0;
         else
             result = false;
         return result;
@@ -3911,13 +3912,6 @@ function createCommonRegistry() {
 function isInputElement(el) {
     return (el !== null && typeof el === 'object' && 'tagName' in el && el.tagName === 'INPUT');
 }
-function isFormElement(el) {
-    if (el === null || typeof el !== 'object' || !('tagName' in el)) {
-        return false;
-    }
-    const tag = el.tagName;
-    return tag === 'INPUT' || tag === 'SELECT' || tag === 'TEXTAREA';
-}
 function isHTMLElement$1(el) {
     return (el !== null &&
         typeof el === 'object' &&
@@ -3974,7 +3968,7 @@ const SPECIAL_DOM_PROPERTIES = {
     innertext: el => el.textContent?.trim(),
     innerHTML: el => el.innerHTML,
     outerhtml: el => el.outerHTML,
-    value: el => (isFormElement(el) ? el.value : undefined),
+    value: el => ('value' in el ? el.value : undefined),
     checked: el => (isInputElement(el) ? el.checked : undefined),
     disabled: el => ('disabled' in el ? el.disabled : undefined),
     selected: el => (isOptionElement(el) ? el.selected : undefined),

package/dist/htmx/i18n-hooks.d.ts

@@ -1,8 +1,11 @@
 export type AttrNamespace = 'hx' | 'sse' | 'ws';
+export interface EventNameOptions {
+    fromAttrName?: boolean;
+}
 export interface I18nHooks {
     nameOf(elt: Element, ns: AttrNamespace, key: string): string;
     selectorFor(ns: AttrNamespace, key: string): string;
-    eventNameOf(elt: Element, value: string): string;
+    eventNameOf(elt: Element, value: string, opts?: EventNameOptions): string;
 }
 export declare function installHooks(hooks: I18nHooks): void;
 export declare function getHooks(): I18nHooks;