@livetemplate/client 0.8.12 → 0.8.14

package/dist/dom/directives.d.ts

@@ -1,13 +1,15 @@
-/**
- * Apply scroll directives on elements with lvt-scroll attributes.
- */
 export declare function handleScrollDirectives(rootElement: Element): void;
 /**
- * Apply highlight directives to elements with lvt-highlight attributes.
+ * Apply highlight directives to elements with lvt-fx:highlight attributes.
+ * Configuration read from CSS custom properties:
+ *   --lvt-highlight-duration: <ms> (default: 500)
+ *   --lvt-highlight-color: <color> (default: #ffc107)
  */
 export declare function handleHighlightDirectives(rootElement: Element): void;
 /**
- * Apply animation directives to elements with lvt-animate attributes.
+ * Apply animation directives to elements with lvt-fx:animate attributes.
+ * Configuration read from CSS custom properties:
+ *   --lvt-animate-duration: <ms> (default: 300)
  */
 export declare function handleAnimateDirectives(rootElement: Element): void;
 /**

package/dist/dom/directives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"directives.d.ts","sourceRoot":"","sources":["../../dom/directives.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAqDjE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CA4BpE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAyElE;AAkBD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CA4BhE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAW7C"}
+{"version":3,"file":"directives.d.ts","sourceRoot":"","sources":["../../dom/directives.ts"],"names":[],"mappings":"AAQA,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAuDjE;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CA6BpE;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CA0ElE;AAkBD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CA4BhE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAW7C"}

package/dist/dom/directives.js

@@ -6,16 +6,23 @@ exports.handleAnimateDirectives = handleAnimateDirectives;
 exports.handleToastDirectives = handleToastDirectives;
 exports.setupToastClickOutside = setupToastClickOutside;
 /**
- * Apply scroll directives on elements with lvt-scroll attributes.
+ * Apply scroll directives on elements with lvt-fx:scroll attributes.
+ * Configuration read from CSS custom properties:
+ *   --lvt-scroll-behavior: auto | smooth (default: auto)
+ *   --lvt-scroll-threshold: <number> (default: 100)
  */
+const VALID_SCROLL_BEHAVIORS = new Set(["auto", "smooth", "instant"]);
 function handleScrollDirectives(rootElement) {
-    const scrollElements = rootElement.querySelectorAll("[lvt-scroll]");
+    const scrollElements = rootElement.querySelectorAll("[lvt-fx\\:scroll]");
     scrollElements.forEach((element) => {
         const htmlElement = element;
-        const mode = htmlElement.getAttribute("lvt-scroll");
-        const behavior = htmlElement.getAttribute("lvt-scroll-behavior") ||
-            "auto";
-        const threshold = parseInt(htmlElement.getAttribute("lvt-scroll-threshold") || "100", 10);
+        const mode = htmlElement.getAttribute("lvt-fx:scroll");
+        const computed = getComputedStyle(htmlElement);
+        const rawBehavior = computed.getPropertyValue("--lvt-scroll-behavior").trim();
+        const behavior = VALID_SCROLL_BEHAVIORS.has(rawBehavior)
+            ? rawBehavior
+            : "auto";
+        const threshold = parseInt(computed.getPropertyValue("--lvt-scroll-threshold").trim() || "100", 10);
         if (!mode)
             return;
         switch (mode) {
@@ -47,19 +54,23 @@ function handleScrollDirectives(rootElement) {
             case "preserve":
                 break;
             default:
-                console.warn(`Unknown lvt-scroll mode: ${mode}`);
+                console.warn(`Unknown lvt-fx:scroll mode: ${mode}`);
         }
     });
 }
 /**
- * Apply highlight directives to elements with lvt-highlight attributes.
+ * Apply highlight directives to elements with lvt-fx:highlight attributes.
+ * Configuration read from CSS custom properties:
+ *   --lvt-highlight-duration: <ms> (default: 500)
+ *   --lvt-highlight-color: <color> (default: #ffc107)
  */
 function handleHighlightDirectives(rootElement) {
-    const highlightElements = rootElement.querySelectorAll("[lvt-highlight]");
+    const highlightElements = rootElement.querySelectorAll("[lvt-fx\\:highlight]");
     highlightElements.forEach((element) => {
-        const mode = element.getAttribute("lvt-highlight");
-        const duration = parseInt(element.getAttribute("lvt-highlight-duration") || "500", 10);
-        const color = element.getAttribute("lvt-highlight-color") || "#ffc107";
+        const mode = element.getAttribute("lvt-fx:highlight");
+        const computed = getComputedStyle(element);
+        const duration = parseInt(computed.getPropertyValue("--lvt-highlight-duration").trim() || "500", 10);
+        const color = computed.getPropertyValue("--lvt-highlight-color").trim() || "#ffc107";
         if (!mode)
             return;
         const htmlElement = element;
@@ -76,13 +87,16 @@ function handleHighlightDirectives(rootElement) {
     });
 }
 /**
- * Apply animation directives to elements with lvt-animate attributes.
+ * Apply animation directives to elements with lvt-fx:animate attributes.
+ * Configuration read from CSS custom properties:
+ *   --lvt-animate-duration: <ms> (default: 300)
  */
 function handleAnimateDirectives(rootElement) {
-    const animateElements = rootElement.querySelectorAll("[lvt-animate]");
+    const animateElements = rootElement.querySelectorAll("[lvt-fx\\:animate]");
     animateElements.forEach((element) => {
-        const animation = element.getAttribute("lvt-animate");
-        const duration = parseInt(element.getAttribute("lvt-animate-duration") || "300", 10);
+        const animation = element.getAttribute("lvt-fx:animate");
+        const computed = getComputedStyle(element);
+        const duration = parseInt(computed.getPropertyValue("--lvt-animate-duration").trim() || "300", 10);
         if (!animation)
             return;
         const htmlElement = element;
@@ -98,7 +112,7 @@ function handleAnimateDirectives(rootElement) {
                 htmlElement.style.animation = `lvt-scale-in var(--lvt-animate-duration) ease-out`;
                 break;
             default:
-                console.warn(`Unknown lvt-animate mode: ${animation}`);
+                console.warn(`Unknown lvt-fx:animate mode: ${animation}`);
         }
         htmlElement.addEventListener("animationend", () => {
             htmlElement.style.animation = "";

package/dist/dom/directives.js.map

@@ -1 +1 @@
-{"version":3,"file":"directives.js","sourceRoot":"","sources":["../../dom/directives.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"directives.js","sourceRoot":"","sources":["../../dom/directives.ts"],"names":[],"mappings":"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"}

package/dist/dom/event-delegation.d.ts

@@ -5,8 +5,6 @@ export interface EventDelegationContext {
     parseValue(value: string): any;
     send(message: any): void;
     setActiveSubmission(form: HTMLFormElement | null, button: HTMLButtonElement | null, originalButtonText: string | null): void;
-    openModal(modalId: string): void;
-    closeModal(modalId: string): void;
     getWebSocketReadyState(): number | undefined;
     triggerPendingUploads(uploadName: string): void;
 }
@@ -20,8 +18,12 @@ export declare class EventDelegator {
     private extractButtonData;
     setupEventDelegation(): void;
     setupWindowEventDelegation(): void;
+    /**
+     * Sets up click-away detection for lvt-el:*:on:click-away attributes.
+     * Instead of routing to a server action, click-away triggers client-side
+     * DOM manipulation via executeAction from reactive-attributes.
+     */
     setupClickAwayDelegation(): void;
-    setupModalDelegation(): void;
     /**
      * Sets up focus trapping for elements with lvt-focus-trap attribute.
      * Focus is trapped within the element, cycling through focusable elements

package/dist/dom/event-delegation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-delegation.d.ts","sourceRoot":"","sources":["../../dom/event-delegation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,sBAAsB;IACrC,iBAAiB,IAAI,OAAO,GAAG,IAAI,CAAC;IACpC,sBAAsB,IAAI,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAClE,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,mBAAmB,CACjB,IAAI,EAAE,eAAe,GAAG,IAAI,EAC5B,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAChC,kBAAkB,EAAE,MAAM,GAAG,IAAI,GAChC,IAAI,CAAC;IACR,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,sBAAsB,IAAI,MAAM,GAAG,SAAS,CAAC;IAC7C,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACjD;AAED;;GAEG;AACH,qBAAa,cAAc;IAEvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM;gBADN,OAAO,EAAE,sBAAsB,EAC/B,MAAM,EAAE,MAAM;IAGjC,OAAO,CAAC,iBAAiB;IAYzB,oBAAoB,IAAI,IAAI;IAuZ5B,0BAA0B,IAAI,IAAI;IAoGlC,wBAAwB,IAAI,IAAI;IAgDhC,oBAAoB,IAAI,IAAI;IAmH5B;;;;OAIG;IACH,wBAAwB,IAAI,IAAI;IAmGhC;;;;OAIG;IACH,wBAAwB,IAAI,IAAI;CA0GjC"}
+{"version":3,"file":"event-delegation.d.ts","sourceRoot":"","sources":["../../dom/event-delegation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAa9C,MAAM,WAAW,sBAAsB;IACrC,iBAAiB,IAAI,OAAO,GAAG,IAAI,CAAC;IACpC,sBAAsB,IAAI,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAClE,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,mBAAmB,CACjB,IAAI,EAAE,eAAe,GAAG,IAAI,EAC5B,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAChC,kBAAkB,EAAE,MAAM,GAAG,IAAI,GAChC,IAAI,CAAC;IACR,sBAAsB,IAAI,MAAM,GAAG,SAAS,CAAC;IAC7C,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACjD;AAED;;GAEG;AACH,qBAAa,cAAc;IAEvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM;gBADN,OAAO,EAAE,sBAAsB,EAC/B,MAAM,EAAE,MAAM;IAGjC,OAAO,CAAC,iBAAiB;IAYzB,oBAAoB,IAAI,IAAI;IA+Y5B,0BAA0B,IAAI,IAAI;IA8FlC;;;;OAIG;IACH,wBAAwB,IAAI,IAAI;IAuChC;;;;OAIG;IACH,wBAAwB,IAAI,IAAI;IAmGhC;;;;OAIG;IACH,wBAAwB,IAAI,IAAI;CA0GjC"}

package/dist/dom/event-delegation.js

@@ -2,7 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EventDelegator = void 0;
 const rate_limit_1 = require("../utils/rate-limit");
-const confirm_1 = require("../utils/confirm");
+const lvt_selector_1 = require("../utils/lvt-selector");
+const reactive_attributes_1 = require("./reactive-attributes");
+// Methods supported by click-away, derived from ReactiveAction values
+const CLICK_AWAY_METHOD_MAP = {
+    reset: "reset",
+    addclass: "addClass",
+    removeclass: "removeClass",
+    toggleclass: "toggleClass",
+    setattr: "setAttr",
+    toggleattr: "toggleAttr",
+};
+const CLICK_AWAY_METHODS = Object.keys(CLICK_AWAY_METHOD_MAP);
 /**
  * Handles all DOM event delegation concerns for LiveTemplateClient.
  */
@@ -75,7 +86,7 @@ class EventDelegator {
                 }
                 if (!inWrapper)
                     return;
-                const attrName = `lvt-${eventType}`;
+                const attrName = `lvt-on:${eventType}`;
                 element = target;
                 while (element && element !== currentWrapper.parentElement) {
                     let action = element.getAttribute(attrName);
@@ -92,7 +103,7 @@ class EventDelegator {
                     // Orphan button detection (Tier 1: formless standalone buttons).
                     // A <button name="action"> outside any form triggers the named action directly.
                     // Resolution order for click events:
-                    //   1. lvt-click attribute (Tier 2 — already checked above)
+                    //   1. lvt-on:click attribute (Tier 2 — already checked above)
                     //   2. Orphan button name (Tier 1 — checked here)
                     if (!action && eventType === "click") {
                         const btn = element instanceof HTMLButtonElement ? element : null;
@@ -107,22 +118,35 @@ class EventDelegator {
                             isOrphanButton = true;
                         }
                     }
-                    // Auto-intercept forms without lvt-submit (progressive complexity).
-                    // Button name IS the action. Resolution order:
-                    //   1. submitter.name (button name = action)
-                    //   2. form.name (form name = action)
-                    //   3. "" (server defaults to Submit())
+                    // Auto-intercept forms (progressive complexity).
+                    // Action resolution order:
+                    //   1. lvt-form:action attribute (explicit routing)
+                    //   2. submitter.name (button name = action)
+                    //   3. form.name (form name = action)
+                    //   4. "submit" (server defaults to Submit())
+                    //
+                    // Note: lvt-action hidden field is a server-side progressive
+                    // enhancement fallback (no-JS POST). The client does not read it;
+                    // the server extracts it from form data directly.
                     if (!action && eventType === "submit" && element instanceof HTMLFormElement) {
-                        if (!element.hasAttribute("lvt-no-intercept")) {
+                        if (!element.hasAttribute("lvt-form:no-intercept")) {
+                            // Check for explicit routing attribute first.
+                            // Empty string ("") falls through to submitter/form name resolution.
+                            const explicitAction = element.getAttribute("lvt-form:action");
                             const submitter = e.submitter;
-                            if (submitter instanceof HTMLButtonElement && submitter.name) {
-                                action = submitter.name;
-                            }
-                            else if (element.name) {
-                                action = element.name;
+                            if (explicitAction) {
+                                action = explicitAction;
                             }
                             else {
-                                action = "submit";
+                                if (submitter instanceof HTMLButtonElement && submitter.name) {
+                                    action = submitter.name;
+                                }
+                                else if (element.name) {
+                                    action = element.name;
+                                }
+                                else {
+                                    action = "submit";
+                                }
                             }
                             actionElement = element;
                             if (submitter) {
@@ -136,22 +160,6 @@ class EventDelegator {
                             }
                         }
                     }
-                    if (!action && (eventType === "change" || eventType === "input" || eventType === "search")) {
-                        // For input/search events, also check lvt-change on the element itself
-                        // This handles: typing (input), clearing via X button (search/input), blur (change)
-                        if ((eventType === "input" || eventType === "search") && element.hasAttribute("lvt-change")) {
-                            action = element.getAttribute("lvt-change");
-                            actionElement = element;
-                        }
-                        // Check for form-level lvt-change
-                        if (!action) {
-                            const formElement = element.closest("form");
-                            if (formElement && formElement.hasAttribute("lvt-change")) {
-                                action = formElement.getAttribute("lvt-change");
-                                actionElement = formElement;
-                            }
-                        }
-                    }
                     if (action != null && actionElement) {
                         if (eventType === "submit") {
                             window.__lvtActionFound = action;
@@ -176,11 +184,6 @@ class EventDelegator {
                                 eventType,
                                 targetElement,
                             });
-                            // Handle lvt-confirm for any action
-                            if (!(0, confirm_1.checkLvtConfirm)(targetElement)) {
-                                this.logger.debug("Action cancelled by user:", action);
-                                return;
-                            }
                             const message = { action, data: {} };
                             if (targetElement instanceof HTMLFormElement) {
                                 this.logger.debug("Processing form element");
@@ -192,12 +195,17 @@ class EventDelegator {
                                 });
                                 // Get password field names to skip parseValue for them
                                 const passwordFields = new Set(Array.from(targetElement.querySelectorAll('input[type="password"][name]')).map((el) => el.name));
-                                // Determine which form field key is the action routing key
-                                // (the submitter button's name, or "action"/"lvt-action" legacy fields)
+                                // Exclude the submitter button's name from form data.
+                                // The submitter's name is used as the action routing key in the
+                                // button-name path — including it in data would be redundant.
+                                // When lvt-form:action overrides routing, the button name is still
+                                // excluded to avoid noisy payloads (the button is a UI control,
+                                // not domain data). Button value and data-* attrs are collected below.
+                                // "action" is NOT excluded — it's a normal data field.
                                 const submitterForData = targetElement.__lvtSubmitter;
-                                const actionFieldName = submitterForData?.name || "action";
+                                const actionFieldName = submitterForData?.name;
                                 formData.forEach((value, key) => {
-                                    if (key === actionFieldName || key === "action" || key === "lvt-action")
+                                    if (actionFieldName && key === actionFieldName)
                                         return;
                                     if (checkboxNames.has(key)) {
                                         message.data[key] = true;
@@ -238,29 +246,28 @@ class EventDelegator {
                             if (isOrphanButton) {
                                 this.extractButtonData(actionElement, message.data);
                             }
-                            Array.from(targetElement.attributes).forEach((attr) => {
-                                if (attr.name.startsWith("lvt-data-")) {
-                                    const key = attr.name.replace("lvt-data-", "");
-                                    message.data[key] = this.context.parseValue(attr.value);
-                                }
-                            });
-                            Array.from(targetElement.attributes).forEach((attr) => {
-                                if (attr.name.startsWith("lvt-value-")) {
-                                    const key = attr.name.replace("lvt-value-", "");
-                                    message.data[key] = this.context.parseValue(attr.value);
-                                }
-                            });
+                            // Extract standard data-* attributes from the action element.
+                            // Exclude data-key (list reconciliation) and data-lvt-id (internal framework ID)
+                            // since these are LiveTemplate internals, not user-provided action data.
+                            if (!(targetElement instanceof HTMLFormElement) && !isOrphanButton) {
+                                Array.from(actionElement.attributes).forEach((attr) => {
+                                    if (attr.name.startsWith("data-") && attr.name !== "data-key" && attr.name !== "data-lvt-id") {
+                                        const key = attr.name.slice(5);
+                                        message.data[key] = this.context.parseValue(attr.value);
+                                    }
+                                });
+                            }
                             if (eventType === "submit" &&
                                 targetElement instanceof HTMLFormElement) {
                                 const submitEvent = e;
                                 const submitButton = submitEvent.submitter;
                                 let originalButtonText = null;
                                 if (submitButton &&
-                                    submitButton.hasAttribute("lvt-disable-with")) {
+                                    submitButton.hasAttribute("lvt-form:disable-with")) {
                                     originalButtonText = submitButton.textContent;
                                     submitButton.disabled = true;
                                     submitButton.textContent =
-                                        submitButton.getAttribute("lvt-disable-with");
+                                        submitButton.getAttribute("lvt-form:disable-with");
                                     this.logger.debug("Disabled submit button");
                                 }
                                 this.context.setActiveSubmission(targetElement, submitButton || null, originalButtonText);
@@ -289,8 +296,8 @@ class EventDelegator {
                                 }
                             }
                         };
-                        const throttleValue = actionElement.getAttribute("lvt-throttle");
-                        const debounceValue = actionElement.getAttribute("lvt-debounce");
+                        const throttleValue = actionElement.getAttribute("lvt-mod:throttle");
+                        const debounceValue = actionElement.getAttribute("lvt-mod:debounce");
                         // Skip rate limiting for "search" event (clear button click) - it's a discrete action
                         const shouldRateLimit = (throttleValue || debounceValue) && eventType !== "search";
                         if (shouldRateLimit) {
@@ -372,8 +379,8 @@ class EventDelegator {
                 const currentWrapper = this.context.getWrapperElement();
                 if (!currentWrapper)
                     return;
-                const attrName = `lvt-window-${eventType}`;
-                const elements = currentWrapper.querySelectorAll(`[${attrName}]`);
+                const attrName = `lvt-on:window:${eventType}`;
+                const elements = currentWrapper.querySelectorAll((0, lvt_selector_1.lvtSelector)(attrName));
                 elements.forEach((element) => {
                     const action = element.getAttribute(attrName);
                     if (!action)
@@ -387,20 +394,15 @@ class EventDelegator {
                         }
                     }
                     const message = { action, data: {} };
+                    // Extract standard data-* attributes from element
                     Array.from(element.attributes).forEach((attr) => {
-                        if (attr.name.startsWith("lvt-data-")) {
-                            const key = attr.name.replace("lvt-data-", "");
-                            message.data[key] = this.context.parseValue(attr.value);
-                        }
-                    });
-                    Array.from(element.attributes).forEach((attr) => {
-                        if (attr.name.startsWith("lvt-value-")) {
-                            const key = attr.name.replace("lvt-value-", "");
+                        if (attr.name.startsWith("data-") && attr.name !== "data-key" && attr.name !== "data-lvt-id") {
+                            const key = attr.name.slice(5);
                             message.data[key] = this.context.parseValue(attr.value);
                         }
                     });
-                    const throttleValue = element.getAttribute("lvt-throttle");
-                    const debounceValue = element.getAttribute("lvt-debounce");
+                    const throttleValue = element.getAttribute("lvt-mod:throttle");
+                    const debounceValue = element.getAttribute("lvt-mod:debounce");
                     const handleAction = () => this.context.send(message);
                     if (throttleValue || debounceValue) {
                         if (!rateLimitedHandlers.has(element)) {
@@ -435,6 +437,11 @@ class EventDelegator {
             window.addEventListener(eventType, listener);
         });
     }
+    /**
+     * Sets up click-away detection for lvt-el:*:on:click-away attributes.
+     * Instead of routing to a server action, click-away triggers client-side
+     * DOM manipulation via executeAction from reactive-attributes.
+     */
     setupClickAwayDelegation() {
         const wrapperElement = this.context.getWrapperElement();
         if (!wrapperElement)
@@ -450,133 +457,29 @@ class EventDelegator {
             if (!currentWrapper)
                 return;
             const target = e.target;
-            const elements = currentWrapper.querySelectorAll("[lvt-click-away]");
-            elements.forEach((element) => {
-                if (!element.contains(target)) {
-                    const action = element.getAttribute("lvt-click-away");
-                    if (!action)
+            const clickAwaySelector = CLICK_AWAY_METHODS
+                .map(m => (0, lvt_selector_1.lvtSelector)(`lvt-el:${m}:on:click-away`))
+                .join(", ");
+            const clickAwayElements = currentWrapper.querySelectorAll(clickAwaySelector);
+            clickAwayElements.forEach((element) => {
+                if (element.contains(target))
+                    return; // Click was inside, not away
+                Array.from(element.attributes).forEach((attr) => {
+                    if (!attr.name.includes(":on:click-away"))
                         return;
-                    const message = { action, data: {} };
-                    Array.from(element.attributes).forEach((attr) => {
-                        if (attr.name.startsWith("lvt-data-")) {
-                            const key = attr.name.replace("lvt-data-", "");
-                            message.data[key] = this.context.parseValue(attr.value);
-                        }
-                    });
-                    Array.from(element.attributes).forEach((attr) => {
-                        if (attr.name.startsWith("lvt-value-")) {
-                            const key = attr.name.replace("lvt-value-", "");
-                            message.data[key] = this.context.parseValue(attr.value);
-                        }
-                    });
-                    this.context.send(message);
-                }
+                    const match = attr.name.match(/^lvt-el:(\w+):on:click-away$/);
+                    if (!match)
+                        return;
+                    const method = CLICK_AWAY_METHOD_MAP[match[1].toLowerCase()];
+                    if (!method)
+                        return;
+                    (0, reactive_attributes_1.executeAction)(element, method, attr.value);
+                });
             });
         };
         document[listenerKey] = listener;
         document.addEventListener("click", listener);
     }
-    setupModalDelegation() {
-        const wrapperElement = this.context.getWrapperElement();
-        if (!wrapperElement)
-            return;
-        const wrapperId = wrapperElement.getAttribute("data-lvt-id");
-        const openListenerKey = `__lvt_modal_open_${wrapperId}`;
-        const existingOpenListener = document[openListenerKey];
-        if (existingOpenListener) {
-            document.removeEventListener("click", existingOpenListener);
-        }
-        const openListener = (e) => {
-            const currentWrapper = this.context.getWrapperElement();
-            if (!currentWrapper)
-                return;
-            const target = e.target?.closest("[lvt-modal-open]");
-            if (!target || !currentWrapper.contains(target))
-                return;
-            const modalId = target.getAttribute("lvt-modal-open");
-            if (!modalId)
-                return;
-            e.preventDefault();
-            this.context.openModal(modalId);
-        };
-        document[openListenerKey] = openListener;
-        document.addEventListener("click", openListener);
-        const closeListenerKey = `__lvt_modal_close_${wrapperId}`;
-        const existingCloseListener = document[closeListenerKey];
-        if (existingCloseListener) {
-            document.removeEventListener("click", existingCloseListener);
-        }
-        // Close listener is intentionally NOT scoped to wrapper (unlike openListener).
-        // Close buttons may be inside modals rendered in portals outside the wrapper.
-        // Instead, we verify the target modal exists by ID.
-        const closeListener = (e) => {
-            const target = e.target?.closest("[lvt-modal-close]");
-            if (!target)
-                return;
-            const modalId = target.getAttribute("lvt-modal-close");
-            if (!modalId)
-                return;
-            // Verify the modal exists before attempting to close
-            const modal = document.getElementById(modalId);
-            if (!modal)
-                return;
-            e.preventDefault();
-            this.context.closeModal(modalId);
-        };
-        document[closeListenerKey] = closeListener;
-        document.addEventListener("click", closeListener);
-        const backdropListenerKey = `__lvt_modal_backdrop_${wrapperId}`;
-        const existingBackdropListener = document[backdropListenerKey];
-        if (existingBackdropListener) {
-            document.removeEventListener("click", existingBackdropListener);
-        }
-        // Helper to close modal, dispatching action if data-modal-close-action is set
-        const closeModalWithAction = (modal, modalId) => {
-            const closeAction = modal.getAttribute("data-modal-close-action");
-            if (closeAction) {
-                this.context.send({ action: closeAction, data: {} });
-            }
-            else {
-                this.context.closeModal(modalId);
-            }
-        };
-        const backdropListener = (e) => {
-            const target = e.target;
-            // Only trigger if clicked directly on the backdrop element itself
-            if (!target.hasAttribute("data-modal-backdrop"))
-                return;
-            const modalId = target.getAttribute("data-modal-id");
-            if (!modalId)
-                return;
-            const modal = document.getElementById(modalId);
-            if (!modal)
-                return;
-            closeModalWithAction(modal, modalId);
-        };
-        document[backdropListenerKey] = backdropListener;
-        document.addEventListener("click", backdropListener);
-        const escapeListenerKey = `__lvt_modal_escape_${wrapperId}`;
-        const existingEscapeListener = document[escapeListenerKey];
-        if (existingEscapeListener) {
-            document.removeEventListener("keydown", existingEscapeListener);
-        }
-        const escapeListener = (e) => {
-            if (e.key !== "Escape")
-                return;
-            const currentWrapper = this.context.getWrapperElement();
-            if (!currentWrapper)
-                return;
-            const openModals = currentWrapper.querySelectorAll('[role="dialog"]:not([hidden])');
-            if (openModals.length > 0) {
-                const lastModal = openModals[openModals.length - 1];
-                if (lastModal.id) {
-                    closeModalWithAction(lastModal, lastModal.id);
-                }
-            }
-        };
-        document[escapeListenerKey] = escapeListener;
-        document.addEventListener("keydown", escapeListener);
-    }
     /**
      * Sets up focus trapping for elements with lvt-focus-trap attribute.
      * Focus is trapped within the element, cycling through focusable elements