sibujs 3.3.1 → 3.3.3

package/dist/{chunk-ULLTNDRA.js → chunk-IEYFHN5V.js}

@@ -1,20 +1,23 @@
 import {
-  dispose
-} from "./chunk-5VGSK6D2.js";
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   stripHtml
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-MHBCEJQO.js";
+} from "./chunk-23VT3KZB.js";
+import {
+  dispose
+} from "./chunk-5VGSK6D2.js";
 import {
   signal
-} from "./chunk-WZG2SZOT.js";
+} from "./chunk-IWFE4AHO.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-TEFZT5PJ.js";
+} from "./chunk-UOMYIAG6.js";
 import {
   isDev
 } from "./chunk-COY6PUD2.js";
@@ -147,10 +150,50 @@ function createGlobalHook() {
         listeners.set(event, set);
       }
       set.add(fn);
+      return () => {
+        set?.delete(fn);
+      };
     },
     off(event, fn) {
       listeners.get(event)?.delete(fn);
     },
+    getSignalNodes() {
+      const out = [];
+      for (const [, node] of nodes) {
+        let value = "";
+        try {
+          const ref = node.ref;
+          let raw;
+          if (node.type === "effect") {
+            raw = void 0;
+          } else if (node.type === "computed" && ref) {
+            raw = ref._v;
+          } else if (ref && "value" in ref) {
+            raw = ref.value;
+          }
+          if (raw === void 0) value = "undefined";
+          else if (raw === null) value = "null";
+          else if (typeof raw === "object") value = JSON.stringify(raw);
+          else value = String(raw);
+        } catch {
+          value = "?";
+        }
+        if (value.length > 200) value = `${value.slice(0, 200)}...`;
+        out.push({
+          id: String(node.id),
+          name: node.name || null,
+          kind: node.type === "computed" ? "derived" : node.type,
+          value,
+          // Edge identities aren't tracked by this registry (only a subscriber
+          // count, via node.ref.__sc) — left empty until the core exposes the
+          // dependency graph. The node inventory itself is real.
+          subscribers: [],
+          dependencies: [],
+          evalCount: 0
+        });
+      }
+      return out;
+    },
     emit(event, payload) {
       events.push({ event, payload, ts: Date.now() });
       if (events.length > 2e3) events.splice(0, events.length - 2e3);
@@ -176,34 +219,38 @@ function getOrCreateHook() {
   }
   return g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
 }
-var activeDevTools = null;
-var nextNodeId = 0;
-var inferNameArmed = false;
+var _dt = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.devtools.state.v1"), () => ({
+  active: null,
+  nextNodeId: 0,
+  // Gate for inferName(): only `true` while devtools are initialized AND in dev
+  // mode — otherwise skip the Error-stack walk so prod hot paths don't allocate.
+  inferNameArmed: false
+}));
 function getActiveDevTools() {
-  return activeDevTools;
+  return _dt.active;
 }
 function initDevTools(config) {
   const maxEvents = config?.maxEvents ?? 1e3;
   const enabled = config?.enabled ?? isDev();
   const expose = config?.expose ?? isDev();
   if (!enabled) return createNoopApi();
-  inferNameArmed = true;
+  _dt.inferNameArmed = true;
   const hook = getOrCreateHook();
-  nextNodeId = 0;
+  _dt.nextNodeId = 0;
   const eventLog = [];
   hook.on("signal:create", (payload) => {
     const p = payload;
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const node = {
-      id: nextNodeId,
+      id: _dt.nextNodeId,
       type: "signal",
       name,
       ref: p.signal,
       getter: p.getter,
       createdAt: Date.now()
     };
-    hook.nodes.set(nextNodeId, node);
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("signal:update", (payload) => {
@@ -223,17 +270,17 @@ function initDevTools(config) {
   });
   hook.on("computed:create", (payload) => {
     const p = payload;
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const node = {
-      id: nextNodeId,
+      id: _dt.nextNodeId,
       type: "computed",
       name,
       ref: p.signal,
       getter: p.getter,
       createdAt: Date.now()
     };
-    hook.nodes.set(nextNodeId, node);
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("computed:update", (payload) => {
@@ -250,11 +297,11 @@ function initDevTools(config) {
     emit();
   });
   hook.on("effect:create", (payload) => {
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const p = payload;
-    const node = { id: nextNodeId, type: "effect", name, ref: p.effectFn, createdAt: Date.now() };
-    hook.nodes.set(nextNodeId, node);
+    const node = { id: _dt.nextNodeId, type: "effect", name, ref: p.effectFn, createdAt: Date.now() };
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("effect:run", (payload) => {
@@ -411,8 +458,8 @@ function initDevTools(config) {
     hook.components.clear();
     hook.events.length = 0;
     isActive = false;
-    inferNameArmed = false;
-    activeDevTools = null;
+    _dt.inferNameArmed = false;
+    _dt.active = null;
     const g = globalThis;
     if (g.__SIBU__) {
       delete g.__SIBU__.devtools;
@@ -580,7 +627,7 @@ function initDevTools(config) {
     w.__SIBU_DEVTOOLS_VERSION__ = () => changeVersion;
     w.__SIBU_DEVTOOLS_DATA__ = buildData;
   }
-  activeDevTools = api;
+  _dt.active = api;
   if (typeof document !== "undefined") {
     domObserver = new MutationObserver((mutations) => {
       let changed = false;
@@ -656,7 +703,7 @@ function initDevTools(config) {
   return api;
 }
 function inferName() {
-  if (!inferNameArmed || !isDev()) return "anonymous";
+  if (!_dt.inferNameArmed || !isDev()) return "anonymous";
   try {
     const stack = new Error().stack || "";
     for (const line of stack.split("\n")) {
@@ -737,7 +784,7 @@ function devState(name, initial) {
     const oldValue = get();
     set(next);
     const newValue = get();
-    const dt = activeDevTools;
+    const dt = _dt.active;
     if (dt?.isEnabled() && !Object.is(oldValue, newValue)) {
       dt.record({ type: "state-change", component, key, oldValue, newValue, timestamp: Date.now() });
     }

package/dist/{chunk-Z37APKBV.js → chunk-IQN5W7GE.js}

@@ -1,22 +1,24 @@
 import {
   watch
-} from "./chunk-SLMFA3ZZ.js";
+} from "./chunk-TBDTU7UO.js";
+import {
+  createId
+} from "./chunk-CCSJMTRN.js";
 import {
   derived
-} from "./chunk-WW6DAGGR.js";
+} from "./chunk-F3HO2MP7.js";
 import {
   stripHtml
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-MHBCEJQO.js";
+} from "./chunk-23VT3KZB.js";
 import {
   batch,
   signal
-} from "./chunk-WZG2SZOT.js";
+} from "./chunk-IWFE4AHO.js";
 
 // src/widgets/Combobox.ts
-var comboboxIdCounter = 0;
 var boundComboboxes = /* @__PURE__ */ new WeakMap();
 function combobox(options) {
   const { items, filterFn, itemToString } = options;
@@ -77,7 +79,13 @@ function combobox(options) {
   function bind(els) {
     const existing = boundComboboxes.get(els.input);
     if (existing) return existing;
-    const listboxId = `sibu-combobox-listbox-${++comboboxIdCounter}`;
+    const prevListboxId = els.listbox.id;
+    const prevListboxRole = els.listbox.getAttribute("role");
+    const prevListboxHidden = els.listbox.hidden;
+    const prevInputRole = els.input.getAttribute("role");
+    const prevInputAutocomplete = els.input.getAttribute("aria-autocomplete");
+    const prevInputControls = els.input.getAttribute("aria-controls");
+    const listboxId = createId("sibu-combobox-listbox");
     els.listbox.id = listboxId;
     els.listbox.setAttribute("role", "listbox");
     els.input.setAttribute("role", "combobox");
@@ -141,10 +149,14 @@ function combobox(options) {
         if (document.activeElement !== els.input) close();
       }, 100);
     };
+    const onListboxPointerDown = (e) => {
+      e.preventDefault();
+    };
     els.input.addEventListener("input", onInput);
     els.input.addEventListener("keydown", onKey);
     els.input.addEventListener("focus", onFocus);
     els.input.addEventListener("blur", onBlur);
+    els.listbox.addEventListener("mousedown", onListboxPointerDown);
     const teardown = () => {
       boundComboboxes.delete(els.input);
       fxTeardown();
@@ -152,10 +164,24 @@ function combobox(options) {
       els.input.removeEventListener("keydown", onKey);
       els.input.removeEventListener("focus", onFocus);
       els.input.removeEventListener("blur", onBlur);
+      els.listbox.removeEventListener("mousedown", onListboxPointerDown);
       if (blurTimer !== null) {
         clearTimeout(blurTimer);
         blurTimer = null;
       }
+      if (prevListboxId === "") els.listbox.removeAttribute("id");
+      else els.listbox.id = prevListboxId;
+      if (prevListboxRole === null) els.listbox.removeAttribute("role");
+      else els.listbox.setAttribute("role", prevListboxRole);
+      els.listbox.hidden = prevListboxHidden;
+      if (prevInputRole === null) els.input.removeAttribute("role");
+      else els.input.setAttribute("role", prevInputRole);
+      if (prevInputAutocomplete === null) els.input.removeAttribute("aria-autocomplete");
+      else els.input.setAttribute("aria-autocomplete", prevInputAutocomplete);
+      if (prevInputControls === null) els.input.removeAttribute("aria-controls");
+      else els.input.setAttribute("aria-controls", prevInputControls);
+      els.input.removeAttribute("aria-expanded");
+      els.input.removeAttribute("aria-activedescendant");
     };
     boundComboboxes.set(els.input, teardown);
     return teardown;
@@ -491,7 +517,6 @@ function accordion(options) {
 }
 
 // src/widgets/Popover.ts
-var popoverIdCounter = 0;
 var boundPopovers = /* @__PURE__ */ new WeakMap();
 function popover() {
   const [isOpen, setIsOpen] = signal(false);
@@ -507,7 +532,7 @@ function popover() {
   function bind(els) {
     const existing = boundPopovers.get(els.trigger);
     if (existing) return existing;
-    const id = `sibu-popover-${++popoverIdCounter}`;
+    const id = createId("sibu-popover");
     const prevPopoverRole = els.popover.getAttribute("role");
     const prevPopoverId = els.popover.id;
     const prevLabelledBy = els.popover.getAttribute("aria-labelledby");
@@ -581,7 +606,6 @@ function popover() {
 }
 
 // src/widgets/Select.ts
-var selectIdCounter = 0;
 var boundSelects = /* @__PURE__ */ new WeakMap();
 function select(options) {
   const { items, multiple = false, itemToString, isDisabled } = options;
@@ -662,7 +686,11 @@ function select(options) {
   function bind(els) {
     const existing = boundSelects.get(els.listbox);
     if (existing) return existing;
-    const listboxId = `sibu-select-${++selectIdCounter}`;
+    const prevId = els.listbox.id;
+    const prevRole = els.listbox.getAttribute("role");
+    const prevMultiselectable = els.listbox.getAttribute("aria-multiselectable");
+    const prevTabIndex = els.listbox.getAttribute("tabindex");
+    const listboxId = createId("sibu-select");
     els.listbox.id = listboxId;
     els.listbox.setAttribute("role", "listbox");
     els.listbox.setAttribute("aria-multiselectable", multiple ? "true" : "false");
@@ -722,6 +750,15 @@ function select(options) {
       fxTeardown();
       els.listbox.removeEventListener("keydown", onKey);
       if (typeTimer !== null) clearTimeout(typeTimer);
+      if (prevId === "") els.listbox.removeAttribute("id");
+      else els.listbox.id = prevId;
+      if (prevRole === null) els.listbox.removeAttribute("role");
+      else els.listbox.setAttribute("role", prevRole);
+      if (prevMultiselectable === null) els.listbox.removeAttribute("aria-multiselectable");
+      else els.listbox.setAttribute("aria-multiselectable", prevMultiselectable);
+      if (prevTabIndex === null) els.listbox.removeAttribute("tabindex");
+      else els.listbox.setAttribute("tabindex", prevTabIndex);
+      els.listbox.removeAttribute("aria-activedescendant");
     };
     boundSelects.set(els.listbox, teardown);
     return teardown;
@@ -746,7 +783,6 @@ function select(options) {
 }
 
 // src/widgets/Tooltip.ts
-var tooltipIdCounter = 0;
 var boundTriggers = /* @__PURE__ */ new WeakMap();
 function tooltip(options) {
   const delay = options?.delay ?? 0;
@@ -791,7 +827,7 @@ function tooltip(options) {
   function bind(els) {
     const existing = boundTriggers.get(els.trigger);
     if (existing) return existing;
-    const id = `sibu-tooltip-${++tooltipIdCounter}`;
+    const id = createId("sibu-tooltip");
     els.tooltip.setAttribute("role", "tooltip");
     els.tooltip.id = id;
     const prevDescribedBy = els.trigger.getAttribute("aria-describedby");
@@ -851,7 +887,6 @@ function tooltip(options) {
 }
 
 // src/widgets/FileUpload.ts
-var fileUploadIdCounter = 0;
 var boundFileUploads = /* @__PURE__ */ new WeakMap();
 function fileUpload(options) {
   const accept = options?.accept;
@@ -923,7 +958,7 @@ function fileUpload(options) {
   function bind(els) {
     const existing = boundFileUploads.get(els.input);
     if (existing) return existing;
-    const id = `sibu-fileupload-${++fileUploadIdCounter}`;
+    const id = createId("sibu-fileupload");
     const restore = [];
     if (accept) els.input.accept = accept;
     els.input.multiple = multiple;
@@ -1034,7 +1069,7 @@ function fileUpload(options) {
 }
 
 // src/widgets/contentEditable.ts
-function contentEditable() {
+function contentEditable(element) {
   const [content, setContentInternal] = signal("");
   const [isFocused, setFocused] = signal(false);
   function setContent(input) {
@@ -1058,6 +1093,7 @@ function contentEditable() {
     const selection = window.getSelection();
     if (!selection || selection.rangeCount === 0 || selection.isCollapsed) return;
     const range = selection.getRangeAt(0);
+    if (element && !element.contains(range.commonAncestorContainer)) return;
     const ancestor = range.commonAncestorContainer;
     const existingWrap = findAncestorByTag(
       ancestor instanceof HTMLElement ? ancestor : ancestor.parentElement,
@@ -1237,12 +1273,18 @@ function datePicker(options) {
   function bind(els) {
     const existing = boundDatePickers.get(els.grid);
     if (existing) return existing;
+    const prevGridRole = els.grid.getAttribute("role");
+    const prevGridTabIndex = els.grid.getAttribute("tabindex");
+    const prevGridLabel = els.grid.getAttribute("aria-label");
     els.grid.setAttribute("role", "grid");
     if (els.grid.tabIndex < 0) els.grid.tabIndex = 0;
+    let pendingFocus = false;
     const fxTeardown = effect(() => {
       const sel = selectedDate();
       const view = viewDate();
       const days = daysInMonth();
+      els.grid.setAttribute("aria-label", view.toLocaleDateString(void 0, { month: "long", year: "numeric" }));
+      let viewCell = null;
       for (const d of days) {
         const cell = els.cell(d.date);
         if (!cell) continue;
@@ -1250,7 +1292,13 @@ function datePicker(options) {
         cell.setAttribute("aria-selected", sel && isSameCalendarDay(sel, d.date) ? "true" : "false");
         if (d.isDisabled) cell.setAttribute("aria-disabled", "true");
         else cell.removeAttribute("aria-disabled");
-        cell.tabIndex = isSameCalendarDay(view, d.date) ? 0 : -1;
+        const isView = isSameCalendarDay(view, d.date);
+        cell.tabIndex = isView ? 0 : -1;
+        if (isView) viewCell = cell;
+      }
+      if (pendingFocus && viewCell && typeof viewCell.focus === "function") {
+        pendingFocus = false;
+        viewCell.focus();
       }
     });
     function isSameCalendarDay(a, b) {
@@ -1260,6 +1308,9 @@ function datePicker(options) {
       setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth(), prev.getDate() + delta));
     }
     const onKey = (e) => {
+      if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") {
+        pendingFocus = true;
+      }
       switch (e.key) {
         case "ArrowLeft":
           e.preventDefault();
@@ -1308,6 +1359,12 @@ function datePicker(options) {
       boundDatePickers.delete(els.grid);
       fxTeardown();
       els.grid.removeEventListener("keydown", onKey);
+      if (prevGridRole === null) els.grid.removeAttribute("role");
+      else els.grid.setAttribute("role", prevGridRole);
+      if (prevGridTabIndex === null) els.grid.removeAttribute("tabindex");
+      else els.grid.setAttribute("tabindex", prevGridTabIndex);
+      if (prevGridLabel === null) els.grid.removeAttribute("aria-label");
+      else els.grid.setAttribute("aria-label", prevGridLabel);
     };
     boundDatePickers.set(els.grid, teardown);
     return teardown;

package/dist/{chunk-WZG2SZOT.js → chunk-IWFE4AHO.js}

@@ -3,7 +3,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-TEFZT5PJ.js";
+} from "./chunk-UOMYIAG6.js";
 import {
   isDev
 } from "./chunk-COY6PUD2.js";

package/dist/{chunk-IKLYI3RF.js → chunk-MYXEBADX.js}

@@ -1,7 +1,3 @@
-import {
-  __resetIdCounter,
-  createId
-} from "./chunk-YT6HQ6AM.js";
 import {
   a,
   abbr,
@@ -139,33 +135,32 @@ import {
   use,
   var_,
   video
-} from "./chunk-37BUKSLH.js";
+} from "./chunk-5K6RVA2S.js";
 import {
   watch
-} from "./chunk-SLMFA3ZZ.js";
+} from "./chunk-TBDTU7UO.js";
+import {
+  __resetIdCounter,
+  createId
+} from "./chunk-CCSJMTRN.js";
 import {
   trustHTML
-} from "./chunk-R3QEDXFS.js";
+} from "./chunk-EX77FXTT.js";
 import {
   context
-} from "./chunk-F7FXQ3QS.js";
+} from "./chunk-ZXCZWMZT.js";
 import {
   SVG_NS,
   bindChildNode,
   tagFactory
-} from "./chunk-LU2MQXQQ.js";
+} from "./chunk-RZKGMHH4.js";
 import {
   bindAttribute,
   bindDynamic
-} from "./chunk-NHKQKKZU.js";
+} from "./chunk-SBPUXWCE.js";
 import {
   derived
-} from "./chunk-WW6DAGGR.js";
-import {
-  checkLeaks,
-  dispose,
-  registerDisposer
-} from "./chunk-5VGSK6D2.js";
+} from "./chunk-F3HO2MP7.js";
 import {
   isEventHandlerAttr,
   isUrlAttribute,
@@ -175,7 +170,7 @@ import {
 import {
   effect,
   on
-} from "./chunk-MHBCEJQO.js";
+} from "./chunk-23VT3KZB.js";
 import {
   disableSSR,
   enableSSR,
@@ -184,13 +179,18 @@ import {
   isSSR,
   runInSSRContext,
   withSSR
-} from "./chunk-GOJMFRBL.js";
+} from "./chunk-S3NFJO6L.js";
+import {
+  checkLeaks,
+  dispose,
+  registerDisposer
+} from "./chunk-5VGSK6D2.js";
 import {
   batch,
   enqueueBatchedSignal,
   isBatching,
   signal
-} from "./chunk-WZG2SZOT.js";
+} from "./chunk-IWFE4AHO.js";
 import {
   notifySubscribers,
   recordDependency,
@@ -200,7 +200,7 @@ import {
   suspendTracking,
   track,
   untracked
-} from "./chunk-TEFZT5PJ.js";
+} from "./chunk-UOMYIAG6.js";
 import {
   __export,
   devAssert,
@@ -290,6 +290,7 @@ __export(index_exports, {
   footer: () => footer,
   form: () => form,
   g: () => g,
+  getAction: () => getAction,
   getRequestScopedCache: () => getRequestScopedCache,
   getSSRStore: () => getSSRStore,
   getSlot: () => getSlot,
@@ -358,6 +359,7 @@ __export(index_exports, {
   reactiveArray: () => reactiveArray,
   rect: () => rect,
   ref: () => ref,
+  registerAction: () => registerAction,
   registerComponent: () => registerComponent,
   registerDisposer: () => registerDisposer,
   resolveComponent: () => resolveComponent,
@@ -1320,7 +1322,21 @@ function KeepAlive(activeKey, cases, options) {
 }
 
 // src/core/rendering/action.ts
-function action(element, actionFn, param2) {
+var ACTIONS_KEY = /* @__PURE__ */ Symbol.for("sibujs.actions.v1");
+var _actions = globalThis[ACTIONS_KEY] ?? (globalThis[ACTIONS_KEY] = /* @__PURE__ */ new Map());
+function registerAction(name, fn) {
+  _actions.set(name, fn);
+}
+function getAction(name) {
+  return _actions.get(name);
+}
+function action(element, action2, param2) {
+  const actionFn = typeof action2 === "string" ? getAction(action2) : action2;
+  if (!actionFn) {
+    throw new Error(
+      `[SibuJS] No action registered under the name "${action2}". Register it with registerAction() before applying it by name.`
+    );
+  }
   const cleanup = actionFn(element, param2);
   if (typeof cleanup === "function") {
     registerDisposer(element, cleanup);
@@ -1397,6 +1413,11 @@ var trapFocus = (element) => {
   element.addEventListener("keydown", handler);
   return () => element.removeEventListener("keydown", handler);
 };
+registerAction("clickOutside", clickOutside);
+registerAction("longPress", longPress);
+registerAction("copyOnClick", copyOnClick);
+registerAction("autoResize", autoResize);
+registerAction("trapFocus", trapFocus);
 
 // src/core/rendering/catch.ts
 var globalErrorHandler = null;
@@ -2329,7 +2350,6 @@ function Suspense({ nodes, fallback }) {
 }
 
 // src/components/ErrorDisplay.ts
-var _isDev3 = isDev();
 var STYLES = `
   .sibu-error-display {
     border: 1px solid var(--sibu-err-border, #e5484d);
@@ -2640,7 +2660,7 @@ function ErrorDisplay(props) {
   injectStyles();
   const severity = props.severity ?? "error";
   const normalized = normalizeError(props.error);
-  const showDetails = props.alwaysShowDetails ?? _isDev3;
+  const showDetails = props.alwaysShowDetails ?? isDev();
   const headline = props.title ?? normalized.message;
   const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace("T", " ").slice(0, 19);
   const [copyLabel, setCopyLabel] = signal("Copy");
@@ -3127,6 +3147,11 @@ function Loading(props = {}) {
   if (variant === "dots") {
     return div({
       class: `sibu-loading${sizeClass}`,
+      role: "status",
+      "aria-live": "polite",
+      // When there's no visible text, give the live region an accessible name
+      // so it isn't announced as an empty status.
+      "aria-label": text2 ? void 0 : "Loading",
       nodes: [
         div({
           class: "sibu-loading-dots",
@@ -3142,6 +3167,9 @@ function Loading(props = {}) {
   }
   return div({
     class: `sibu-loading${sizeClass}`,
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": text2 ? void 0 : "Loading",
     nodes: [
       div({ class: "sibu-loading-spinner" }),
       text2 ? span({ class: "sibu-loading-text", nodes: text2 }) : null
@@ -3164,6 +3192,8 @@ export {
   when,
   match,
   KeepAlive,
+  registerAction,
+  getAction,
   action,
   clickOutside,
   longPress,