@hyperfixi/behaviors 3.2.0 → 4.0.0

package/dist/loaders.cjs

@@ -37,18 +37,11 @@ var init_draggable_schema = __esm({
       requirements: ["position: absolute or position: fixed on the element"],
       source: `
 behavior Draggable(dragHandle)
-  init
-    if no dragHandle set dragHandle to me
-  end
-  on pointerdown(clientX, clientY) from dragHandle
+  on pointerdown(clientX, clientY) from (dragHandle or me)
     halt the event
     trigger draggable:start
-    measure x
-    set startX to it
-    measure y
-    set startY to it
-    set xoff to clientX - startX
-    set yoff to clientY - startY
+    set xoff to clientX - my offsetLeft
+    set yoff to clientY - my offsetTop
     repeat until event pointerup from document
       wait for pointermove(clientX, clientY) or
                pointerup(clientX, clientY) from document
@@ -57,8 +50,7 @@ behavior Draggable(dragHandle)
     end
     trigger draggable:end
   end
-end
-`.trim()
+end`.trim()
     };
   }
 });
@@ -94,24 +86,20 @@ var init_sortable_schema = __esm({
       requirements: ["Users must handle DOM reordering in sortable:move event handlers"],
       source: `
 behavior Sortable(dragClass)
-  init
-    if dragClass is undefined
-      set dragClass to "sorting"
-    end
-  end
   on pointerdown(clientY) from me
     set item to the target.closest("li")
     if item is null
       exit
     end
     halt the event
-    add .{dragClass} to item
+    set cls to dragClass or "sorting"
+    add .{cls} to item
     trigger sortable:start on me
     repeat until event pointerup from document
       wait for pointermove(clientY) or pointerup(clientY) from document
       trigger sortable:move on me
     end
-    remove .{dragClass} from item
+    remove .{cls} from item
     trigger sortable:end on me
   end
 end`.trim()
@@ -170,16 +158,14 @@ behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
   on pointerdown(clientX, clientY) from me
     halt the event
     trigger resizable:start
-    measure width
-    set startWidth to it
-    measure height
-    set startHeight to it
+    set startWidth to my offsetWidth
+    set startHeight to my offsetHeight
     set startX to clientX
     set startY to clientY
     repeat until event pointerup from document
       wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document
-      set newWidth to startWidth + clientX - startX
-      set newHeight to startHeight + clientY - startY
+      set newWidth to (startWidth + clientX) - startX
+      set newHeight to (startHeight + clientY) - startY
       if newWidth < minWidth then set newWidth to minWidth end
       if newWidth > maxWidth then set newWidth to maxWidth end
       if newHeight < minHeight then set newHeight to minHeight end
@@ -190,8 +176,7 @@ behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
     end
     trigger resizable:end
   end
-end
-`.trim()
+end`.trim()
     };
   }
 });
@@ -237,12 +222,7 @@ var init_removable_schema = __esm({
       ],
       source: `
 behavior Removable(triggerEl, confirmRemoval, effect)
-  init
-    if triggerEl is undefined
-      set triggerEl to me
-    end
-  end
-  on click from triggerEl
+  on click from (triggerEl or me)
     if confirmRemoval
       js(me)
         if (!window.confirm("Are you sure?")) return "cancel";
@@ -258,8 +238,7 @@ behavior Removable(triggerEl, confirmRemoval, effect)
     trigger removable:removed
     remove me
   end
-end
-`.trim()
+end`.trim()
     };
   }
 });
@@ -284,11 +263,11 @@ var init_toggleable_schema = __esm({
           description: "CSS class to toggle"
         },
         {
-          name: "target",
+          name: "targetEl",
           type: "selector",
           optional: true,
           default: "me",
-          description: "Element to toggle the class on"
+          description: "Element to toggle the class on (not `target`: that is hyperscript's name for the event target)"
         }
       ],
       events: [
@@ -296,20 +275,16 @@ var init_toggleable_schema = __esm({
         { name: "toggleable:off", description: "Fired when class is removed" }
       ],
       source: `
-behavior Toggleable(cls, target)
+behavior Toggleable(cls, targetEl)
   init
-    if cls is undefined
-      set cls to "active"
-    end
-    if target is undefined
-      set target to me
-    end
+    if cls is undefined set element's cls to "active" end
+    if targetEl is undefined set element's targetEl to me end
   end
   on click
-    toggle .{cls} on target
-    js(target, cls)
-      var eventName = target.classList.contains(cls) ? 'toggleable:on' : 'toggleable:off';
-      target.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));
+    toggle .{cls} on targetEl
+    js(targetEl, cls)
+      var eventName = targetEl.classList.contains(cls) ? 'toggleable:on' : 'toggleable:off';
+      targetEl.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));
     end
   end
 end`.trim()
@@ -367,12 +342,8 @@ var init_clipboard_schema = __esm({
       source: `
 behavior Clipboard(text, source, feedback, feedbackDuration)
   init
-    if feedbackDuration is undefined
-      set feedbackDuration to 2000
-    end
-    if source is undefined
-      set source to me
-    end
+    if feedbackDuration is undefined set element's feedbackDuration to 2000 end
+    if source is undefined set element's source to me end
   end
   on click
     if text is not undefined
@@ -461,15 +432,9 @@ var init_autodismiss_schema = __esm({
       source: `
 behavior AutoDismiss(delay, pauseOnHover, effect)
   init
-    if delay is undefined
-      set delay to 5000
-    end
-    if pauseOnHover is undefined
-      set pauseOnHover to true
-    end
-    if effect is undefined
-      set effect to "none"
-    end
+    if delay is undefined set element's delay to 5000 end
+    if pauseOnHover is undefined set element's pauseOnHover to true end
+    if effect is undefined set element's effect to "none" end
     js(me, delay, effect, pauseOnHover)
       me.dispatchEvent(new CustomEvent('autodismiss:start', { bubbles: true }));
       var remaining = delay;
@@ -551,9 +516,7 @@ var init_clickoutside_schema = __esm({
       source: `
 behavior ClickOutside(active)
   init
-    if active is undefined
-      set active to true
-    end
+    if active is undefined set element's active to true end
   end
   on pointerdown from document
     js(me, active, event)
@@ -564,10 +527,10 @@ behavior ClickOutside(active)
     end
   end
   on clickoutside:activate
-    set active to true
+    set element's active to true
   end
   on clickoutside:deactivate
-    set active to false
+    set element's active to false
   end
 end`.trim()
     };
@@ -618,12 +581,8 @@ var init_focustrap_schema = __esm({
       source: `
 behavior FocusTrap(active, initialFocus, returnFocus)
   init
-    if active is undefined
-      set active to true
-    end
-    if returnFocus is undefined
-      set returnFocus to true
-    end
+    if active is undefined set element's active to true end
+    if returnFocus is undefined set element's returnFocus to true end
     js(me, active, initialFocus, returnFocus)
       var FOCUSABLE = 'a[href],button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex="-1"])';
       var isActive = false;
@@ -710,15 +669,9 @@ var init_scrollreveal_schema = __esm({
       source: `
 behavior ScrollReveal(cls, threshold, once)
   init
-    if cls is undefined
-      set cls to "revealed"
-    end
-    if threshold is undefined
-      set threshold to 0.1
-    end
-    if once is undefined
-      set once to true
-    end
+    if cls is undefined set element's cls to "revealed" end
+    if threshold is undefined set element's threshold to 0.1 end
+    if once is undefined set element's once to true end
     js(me, cls, threshold, once)
       var obs = new IntersectionObserver(function(entries) {
         for (var i = 0; i < entries.length; i++) {
@@ -798,18 +751,10 @@ var init_tabs_schema = __esm({
       source: `
 behavior Tabs(orientation, activeTab, wrap, activeClass)
   init
-    if orientation is undefined
-      set orientation to "horizontal"
-    end
-    if activeTab is undefined
-      set activeTab to 0
-    end
-    if wrap is undefined
-      set wrap to true
-    end
-    if activeClass is undefined
-      set activeClass to "active"
-    end
+    if orientation is undefined set element's orientation to "horizontal" end
+    if activeTab is undefined set element's activeTab to 0 end
+    if wrap is undefined set element's wrap to true end
+    if activeClass is undefined set element's activeClass to "active" end
     js(me, orientation, activeTab, wrap, activeClass)
       var tabs = Array.from(me.querySelectorAll('[role="tab"]'));
       var panels = Array.from(me.querySelectorAll('[role="tabpanel"]'));
@@ -883,7 +828,21 @@ end`.trim()
 function resolveRuntime() {
   if (typeof window === "undefined") return null;
   const win = window;
-  return win.lokascript || win.hyperfixi || null;
+  const host = win.hyperfixi ?? win._hyperscript;
+  return host && typeof host.evaluate === "function" ? host : null;
+}
+function defineBehavior(schema, host) {
+  const hf = host ?? resolveRuntime();
+  if (!hf) {
+    throw new Error(
+      `No hyperscript host found: load @hyperfixi/engine (hyperfixi-hs.js) before defining ${schema.name}.`
+    );
+  }
+  try {
+    hf.evaluate(schema.source);
+  } catch (e) {
+    throw new Error(`Failed to define ${schema.name} behavior: ${e.message}`);
+  }
 }
 var init_types = __esm({
   "src/schemas/types.ts"() {
@@ -899,19 +858,8 @@ __export(draggable_exports, {
   draggableSource: () => draggableSource,
   registerDraggable: () => registerDraggable
 });
-async function registerDraggable(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(draggableSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Draggable behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerDraggable(host) {
+  defineBehavior(draggableSchema, host);
 }
 var draggableSource, draggableMetadata, draggable_default;
 var init_draggable = __esm({
@@ -940,19 +888,8 @@ __export(sortable_exports, {
   sortableMetadata: () => sortableMetadata,
   sortableSource: () => sortableSource
 });
-async function registerSortable(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(sortableSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Sortable behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerSortable(host) {
+  defineBehavior(sortableSchema, host);
 }
 var sortableSource, sortableMetadata, sortable_default;
 var init_sortable = __esm({
@@ -981,19 +918,8 @@ __export(resizable_exports, {
   resizableMetadata: () => resizableMetadata,
   resizableSource: () => resizableSource
 });
-async function registerResizable(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(resizableSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerResizable(host) {
+  defineBehavior(resizableSchema, host);
 }
 var resizableSource, resizableMetadata, resizable_default;
 var init_resizable = __esm({
@@ -1022,19 +948,8 @@ __export(removable_exports, {
   removableMetadata: () => removableMetadata,
   removableSource: () => removableSource
 });
-async function registerRemovable(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(removableSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Removable behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerRemovable(host) {
+  defineBehavior(removableSchema, host);
 }
 var removableSource, removableMetadata, removable_default;
 var init_removable = __esm({
@@ -1063,19 +978,8 @@ __export(toggleable_exports, {
   toggleableMetadata: () => toggleableMetadata,
   toggleableSource: () => toggleableSource
 });
-async function registerToggleable(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(toggleableSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Toggleable behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerToggleable(host) {
+  defineBehavior(toggleableSchema, host);
 }
 var toggleableSource, toggleableMetadata, toggleable_default;
 var init_toggleable = __esm({
@@ -1104,19 +1008,8 @@ __export(clipboard_exports, {
   default: () => clipboard_default,
   registerClipboard: () => registerClipboard
 });
-async function registerClipboard(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(clipboardSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Clipboard behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerClipboard(host) {
+  defineBehavior(clipboardSchema, host);
 }
 var clipboardSource, clipboardMetadata, clipboard_default;
 var init_clipboard = __esm({
@@ -1145,19 +1038,8 @@ __export(autodismiss_exports, {
   default: () => autodismiss_default,
   registerAutoDismiss: () => registerAutoDismiss
 });
-async function registerAutoDismiss(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(autoDismissSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile AutoDismiss behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerAutoDismiss(host) {
+  defineBehavior(autoDismissSchema, host);
 }
 var autoDismissSource, autoDismissMetadata, autodismiss_default;
 var init_autodismiss = __esm({
@@ -1186,19 +1068,8 @@ __export(clickoutside_exports, {
   default: () => clickoutside_default,
   registerClickOutside: () => registerClickOutside
 });
-async function registerClickOutside(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(clickOutsideSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile ClickOutside behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerClickOutside(host) {
+  defineBehavior(clickOutsideSchema, host);
 }
 var clickOutsideSource, clickOutsideMetadata, clickoutside_default;
 var init_clickoutside = __esm({
@@ -1227,19 +1098,8 @@ __export(focustrap_exports, {
   focusTrapSource: () => focusTrapSource,
   registerFocusTrap: () => registerFocusTrap
 });
-async function registerFocusTrap(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(focusTrapSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile FocusTrap behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerFocusTrap(host) {
+  defineBehavior(focusTrapSchema, host);
 }
 var focusTrapSource, focusTrapMetadata, focustrap_default;
 var init_focustrap = __esm({
@@ -1268,19 +1128,8 @@ __export(scrollreveal_exports, {
   scrollRevealMetadata: () => scrollRevealMetadata,
   scrollRevealSource: () => scrollRevealSource
 });
-async function registerScrollReveal(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(scrollRevealSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile ScrollReveal behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerScrollReveal(host) {
+  defineBehavior(scrollRevealSchema, host);
 }
 var scrollRevealSource, scrollRevealMetadata, scrollreveal_default;
 var init_scrollreveal = __esm({
@@ -1309,19 +1158,8 @@ __export(tabs_exports, {
   tabsMetadata: () => tabsMetadata,
   tabsSource: () => tabsSource
 });
-async function registerTabs(hyperfixi) {
-  const hf = hyperfixi || resolveRuntime();
-  if (!hf) {
-    throw new Error(
-      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
-    );
-  }
-  const result = hf.compileSync(tabsSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Tabs behavior: ${JSON.stringify(result.errors)}`);
-  }
-  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+async function registerTabs(host) {
+  defineBehavior(tabsSchema, host);
 }
 var tabsSource, tabsMetadata, tabs_default;
 var init_tabs = __esm({