@hyperfixi/behaviors 2.3.1 → 2.4.0

package/dist/index.d.cts

@@ -9,8 +9,8 @@ export { default as ClickOutside, clickOutsideMetadata, clickOutsideSource, regi
 export { default as FocusTrap, focusTrapMetadata, focusTrapSource, registerFocusTrap } from './behaviors/focustrap.cjs';
 export { default as ScrollReveal, registerScrollReveal, scrollRevealMetadata, scrollRevealSource } from './behaviors/scrollreveal.cjs';
 export { default as Tabs, registerTabs, tabsMetadata, tabsSource } from './behaviors/tabs.cjs';
-import { b as BehaviorCategory, c as BehaviorTier, L as LokaScriptInstance } from './types-DCCtVQS5.cjs';
-export { a as BehaviorModule, B as BehaviorSchema, E as EventSchema, P as ParameterSchema } from './types-DCCtVQS5.cjs';
+import { B as BehaviorCategory, c as BehaviorTier, L as LokaScriptInstance } from './types-BY-jB5FV.cjs';
+export { a as BehaviorModule, b as BehaviorSchema, E as EventSchema, P as ParameterSchema } from './types-BY-jB5FV.cjs';
 export { getAllSchemas, getAllSchemasRecord, getAvailableBehaviors, getBehavior, getBehaviorsByCategory, getBehaviorsByTier, getRegisteredBehaviors, getSchema, hasLoader, isRegistered, loadAll, loadBehavior, preloadCategory, preloadTier, registerAllWithRuntime, registerBehavior, registerLoader, registerSchema, registerWithRuntime, tryGetBehavior, tryGetSchema } from './registry.cjs';
 
 /**

package/dist/index.d.ts

@@ -9,8 +9,8 @@ export { default as ClickOutside, clickOutsideMetadata, clickOutsideSource, regi
 export { default as FocusTrap, focusTrapMetadata, focusTrapSource, registerFocusTrap } from './behaviors/focustrap.js';
 export { default as ScrollReveal, registerScrollReveal, scrollRevealMetadata, scrollRevealSource } from './behaviors/scrollreveal.js';
 export { default as Tabs, registerTabs, tabsMetadata, tabsSource } from './behaviors/tabs.js';
-import { b as BehaviorCategory, c as BehaviorTier, L as LokaScriptInstance } from './types-DCCtVQS5.js';
-export { a as BehaviorModule, B as BehaviorSchema, E as EventSchema, P as ParameterSchema } from './types-DCCtVQS5.js';
+import { B as BehaviorCategory, c as BehaviorTier, L as LokaScriptInstance } from './types-BY-jB5FV.js';
+export { a as BehaviorModule, b as BehaviorSchema, E as EventSchema, P as ParameterSchema } from './types-BY-jB5FV.js';
 export { getAllSchemas, getAllSchemasRecord, getAvailableBehaviors, getBehavior, getBehaviorsByCategory, getBehaviorsByTier, getRegisteredBehaviors, getSchema, hasLoader, isRegistered, loadAll, loadBehavior, preloadCategory, preloadTier, registerAllWithRuntime, registerBehavior, registerLoader, registerSchema, registerWithRuntime, tryGetBehavior, tryGetSchema } from './registry.js';
 
 /**

package/dist/index.js

@@ -9,7 +9,7 @@ import {
   resizableMetadata,
   resizableSource,
   resizable_default
-} from "./chunk-IQM32TEY.js";
+} from "./chunk-IT6TYVMW.js";
 import {
   registerScrollReveal,
   scrollRevealMetadata,
@@ -21,7 +21,7 @@ import {
   sortableMetadata,
   sortableSource,
   sortable_default
-} from "./chunk-TLLGH5KX.js";
+} from "./chunk-IMDFEGIT.js";
 import {
   registerTabs,
   tabsMetadata,
@@ -34,11 +34,11 @@ import {
   toggleableSource,
   toggleable_default
 } from "./chunk-GALKOMJ5.js";
-import "./chunk-MVNHMYIK.js";
+import "./chunk-BBIIOGMF.js";
 import "./chunk-HMU342XE.js";
-import "./chunk-U5GNXZUF.js";
+import "./chunk-ZBSWTV6I.js";
 import "./chunk-URZGNPTQ.js";
-import "./chunk-NC6I6T7T.js";
+import "./chunk-V2M4W3LO.js";
 import "./chunk-HQDYH45I.js";
 import "./chunk-XYZ7FOXJ.js";
 import {

package/dist/loaders.cjs

@@ -75,13 +75,6 @@ var init_sortable_schema = __esm({
       version: "1.0.0",
       description: "Makes child elements reorderable via drag-and-drop",
       parameters: [
-        {
-          name: "handle",
-          type: "selector",
-          optional: true,
-          default: "none",
-          description: "CSS selector for drag handles within items"
-        },
         {
           name: "dragClass",
           type: "string",
@@ -100,32 +93,25 @@ var init_sortable_schema = __esm({
       ],
       requirements: ["Users must handle DOM reordering in sortable:move event handlers"],
       source: `
-behavior Sortable(handle, dragClass)
+behavior Sortable(dragClass)
   init
     if dragClass is undefined
       set dragClass to "sorting"
     end
   end
   on pointerdown(clientY) from me
-    js(me, handle, event)
-      var target = event.target;
-      var item = target.closest("li");
-      if (!item || !me.contains(item)) return false;
-      if (handle && !target.closest(handle)) return false;
-      event.preventDefault();
-      event.stopPropagation();
-      return true;
-    end
-    if it is false
+    set item to the closest <li/> to the target
+    if item is null
       exit
     end
-    add .{dragClass} to me
+    halt the event
+    add .{dragClass} to item
     trigger sortable:start on me
     repeat until event pointerup from document
       wait for pointermove(clientY) from document
       trigger sortable:move on me
     end
-    remove .{dragClass} from me
+    remove .{dragClass} from item
     trigger sortable:end on me
   end
 end`.trim()
@@ -145,13 +131,6 @@ var init_resizable_schema = __esm({
       version: "1.0.0",
       description: "Makes elements resizable by dragging",
       parameters: [
-        {
-          name: "handle",
-          type: "selector",
-          optional: true,
-          default: "me",
-          description: "CSS selector for the resize handle (defaults to the element itself)"
-        },
         {
           name: "minWidth",
           type: "number",
@@ -187,25 +166,8 @@ var init_resizable_schema = __esm({
         { name: "resizable:end", description: "Fired when resize completes" }
       ],
       source: `
-behavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)
-  init
-    if handle is undefined
-      set handle to me
-    end
-    if minWidth is undefined
-      set minWidth to 50
-    end
-    if minHeight is undefined
-      set minHeight to 50
-    end
-    if maxWidth is undefined
-      set maxWidth to 9999
-    end
-    if maxHeight is undefined
-      set maxHeight to 9999
-    end
-  end
-  on pointerdown(clientX, clientY) from handle
+behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
+  on pointerdown(clientX, clientY) from me
     halt the event
     trigger resizable:start
     measure width
@@ -215,13 +177,15 @@ behavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)
     set startX to clientX
     set startY to clientY
     repeat until event pointerup from document
-      wait for pointermove(clientX, clientY) or pointerup from document
-      js(startWidth, startHeight, clientX, clientY, startX, startY, minWidth, maxWidth, minHeight, maxHeight, me)
-        var nw = Math.max(minWidth, Math.min(maxWidth, startWidth + (clientX - startX)));
-        var nh = Math.max(minHeight, Math.min(maxHeight, startHeight + (clientY - startY)));
-        me.style.width = nw + 'px';
-        me.style.height = nh + 'px';
-      end
+      wait for pointermove(clientX, clientY) from document
+      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
+      if newHeight > maxHeight then set newHeight to maxHeight end
+      set my style.width to newWidth + "px"
+      set my style.height to newHeight + "px"
       trigger resizable:resize
     end
     trigger resizable:end
@@ -1050,7 +1014,7 @@ async function registerSortable(hyperfixi) {
   const syntheticNode = {
     type: "behavior",
     name: "Sortable",
-    parameters: ["handle", "dragClass"],
+    parameters: ["dragClass"],
     eventHandlers: [],
     imperativeInstaller: installSortable
   };
@@ -1131,7 +1095,7 @@ async function registerResizable(hyperfixi) {
   const syntheticNode = {
     type: "behavior",
     name: "Resizable",
-    parameters: ["handle", "minWidth", "minHeight", "maxWidth", "maxHeight"],
+    parameters: [],
     eventHandlers: [],
     imperativeInstaller: installResizable
   };