stimulus-library 0.6.3 → 0.6.4

package/dist/stimulus-library.es.js

@@ -14,2263 +14,13 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { debounce as debounce$1, clamp, get, set, camelCase as camelCase$2 } from "lodash-es";
-import { isPast, intervalToDuration, formatDuration, toDate, formatDistanceToNow } from "date-fns";
-var EventListener = function() {
-  function EventListener2(eventTarget, eventName, eventOptions) {
-    this.eventTarget = eventTarget;
-    this.eventName = eventName;
-    this.eventOptions = eventOptions;
-    this.unorderedBindings = new Set();
-  }
-  EventListener2.prototype.connect = function() {
-    this.eventTarget.addEventListener(this.eventName, this, this.eventOptions);
-  };
-  EventListener2.prototype.disconnect = function() {
-    this.eventTarget.removeEventListener(this.eventName, this, this.eventOptions);
-  };
-  EventListener2.prototype.bindingConnected = function(binding) {
-    this.unorderedBindings.add(binding);
-  };
-  EventListener2.prototype.bindingDisconnected = function(binding) {
-    this.unorderedBindings.delete(binding);
-  };
-  EventListener2.prototype.handleEvent = function(event) {
-    var extendedEvent2 = extendEvent(event);
-    for (var _i = 0, _a = this.bindings; _i < _a.length; _i++) {
-      var binding = _a[_i];
-      if (extendedEvent2.immediatePropagationStopped) {
-        break;
-      } else {
-        binding.handleEvent(extendedEvent2);
-      }
-    }
-  };
-  Object.defineProperty(EventListener2.prototype, "bindings", {
-    get: function() {
-      return Array.from(this.unorderedBindings).sort(function(left, right) {
-        var leftIndex = left.index, rightIndex = right.index;
-        return leftIndex < rightIndex ? -1 : leftIndex > rightIndex ? 1 : 0;
-      });
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return EventListener2;
-}();
-function extendEvent(event) {
-  if ("immediatePropagationStopped" in event) {
-    return event;
-  } else {
-    var stopImmediatePropagation_1 = event.stopImmediatePropagation;
-    return Object.assign(event, {
-      immediatePropagationStopped: false,
-      stopImmediatePropagation: function() {
-        this.immediatePropagationStopped = true;
-        stopImmediatePropagation_1.call(this);
-      }
-    });
-  }
-}
-var Dispatcher = function() {
-  function Dispatcher2(application) {
-    this.application = application;
-    this.eventListenerMaps = new Map();
-    this.started = false;
-  }
-  Dispatcher2.prototype.start = function() {
-    if (!this.started) {
-      this.started = true;
-      this.eventListeners.forEach(function(eventListener) {
-        return eventListener.connect();
-      });
-    }
-  };
-  Dispatcher2.prototype.stop = function() {
-    if (this.started) {
-      this.started = false;
-      this.eventListeners.forEach(function(eventListener) {
-        return eventListener.disconnect();
-      });
-    }
-  };
-  Object.defineProperty(Dispatcher2.prototype, "eventListeners", {
-    get: function() {
-      return Array.from(this.eventListenerMaps.values()).reduce(function(listeners, map) {
-        return listeners.concat(Array.from(map.values()));
-      }, []);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Dispatcher2.prototype.bindingConnected = function(binding) {
-    this.fetchEventListenerForBinding(binding).bindingConnected(binding);
-  };
-  Dispatcher2.prototype.bindingDisconnected = function(binding) {
-    this.fetchEventListenerForBinding(binding).bindingDisconnected(binding);
-  };
-  Dispatcher2.prototype.handleError = function(error2, message, detail) {
-    if (detail === void 0) {
-      detail = {};
-    }
-    this.application.handleError(error2, "Error " + message, detail);
-  };
-  Dispatcher2.prototype.fetchEventListenerForBinding = function(binding) {
-    var eventTarget = binding.eventTarget, eventName = binding.eventName, eventOptions = binding.eventOptions;
-    return this.fetchEventListener(eventTarget, eventName, eventOptions);
-  };
-  Dispatcher2.prototype.fetchEventListener = function(eventTarget, eventName, eventOptions) {
-    var eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);
-    var cacheKey = this.cacheKey(eventName, eventOptions);
-    var eventListener = eventListenerMap.get(cacheKey);
-    if (!eventListener) {
-      eventListener = this.createEventListener(eventTarget, eventName, eventOptions);
-      eventListenerMap.set(cacheKey, eventListener);
-    }
-    return eventListener;
-  };
-  Dispatcher2.prototype.createEventListener = function(eventTarget, eventName, eventOptions) {
-    var eventListener = new EventListener(eventTarget, eventName, eventOptions);
-    if (this.started) {
-      eventListener.connect();
-    }
-    return eventListener;
-  };
-  Dispatcher2.prototype.fetchEventListenerMapForEventTarget = function(eventTarget) {
-    var eventListenerMap = this.eventListenerMaps.get(eventTarget);
-    if (!eventListenerMap) {
-      eventListenerMap = new Map();
-      this.eventListenerMaps.set(eventTarget, eventListenerMap);
-    }
-    return eventListenerMap;
-  };
-  Dispatcher2.prototype.cacheKey = function(eventName, eventOptions) {
-    var parts = [eventName];
-    Object.keys(eventOptions).sort().forEach(function(key) {
-      parts.push("" + (eventOptions[key] ? "" : "!") + key);
-    });
-    return parts.join(":");
-  };
-  return Dispatcher2;
-}();
-var descriptorPattern = /^((.+?)(@(window|document))?->)?(.+?)(#([^:]+?))(:(.+))?$/;
-function parseActionDescriptorString(descriptorString) {
-  var source = descriptorString.trim();
-  var matches = source.match(descriptorPattern) || [];
-  return {
-    eventTarget: parseEventTarget(matches[4]),
-    eventName: matches[2],
-    eventOptions: matches[9] ? parseEventOptions(matches[9]) : {},
-    identifier: matches[5],
-    methodName: matches[7]
-  };
-}
-function parseEventTarget(eventTargetName) {
-  if (eventTargetName == "window") {
-    return window;
-  } else if (eventTargetName == "document") {
-    return document;
-  }
-}
-function parseEventOptions(eventOptions) {
-  return eventOptions.split(":").reduce(function(options, token) {
-    var _a;
-    return Object.assign(options, (_a = {}, _a[token.replace(/^!/, "")] = !/^!/.test(token), _a));
-  }, {});
-}
-function stringifyEventTarget(eventTarget) {
-  if (eventTarget == window) {
-    return "window";
-  } else if (eventTarget == document) {
-    return "document";
-  }
-}
-var Action = function() {
-  function Action2(element, index, descriptor) {
-    this.element = element;
-    this.index = index;
-    this.eventTarget = descriptor.eventTarget || element;
-    this.eventName = descriptor.eventName || getDefaultEventNameForElement(element) || error("missing event name");
-    this.eventOptions = descriptor.eventOptions || {};
-    this.identifier = descriptor.identifier || error("missing identifier");
-    this.methodName = descriptor.methodName || error("missing method name");
-  }
-  Action2.forToken = function(token) {
-    return new this(token.element, token.index, parseActionDescriptorString(token.content));
-  };
-  Action2.prototype.toString = function() {
-    var eventNameSuffix = this.eventTargetName ? "@" + this.eventTargetName : "";
-    return "" + this.eventName + eventNameSuffix + "->" + this.identifier + "#" + this.methodName;
-  };
-  Object.defineProperty(Action2.prototype, "eventTargetName", {
-    get: function() {
-      return stringifyEventTarget(this.eventTarget);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return Action2;
-}();
-var defaultEventNames = {
-  "a": function(e) {
-    return "click";
-  },
-  "button": function(e) {
-    return "click";
-  },
-  "form": function(e) {
-    return "submit";
-  },
-  "input": function(e) {
-    return e.getAttribute("type") == "submit" ? "click" : "input";
-  },
-  "select": function(e) {
-    return "change";
-  },
-  "textarea": function(e) {
-    return "input";
-  }
-};
-function getDefaultEventNameForElement(element) {
-  var tagName = element.tagName.toLowerCase();
-  if (tagName in defaultEventNames) {
-    return defaultEventNames[tagName](element);
-  }
-}
-function error(message) {
-  throw new Error(message);
-}
-var Binding = function() {
-  function Binding2(context, action) {
-    this.context = context;
-    this.action = action;
-  }
-  Object.defineProperty(Binding2.prototype, "index", {
-    get: function() {
-      return this.action.index;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Binding2.prototype, "eventTarget", {
-    get: function() {
-      return this.action.eventTarget;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Binding2.prototype, "eventOptions", {
-    get: function() {
-      return this.action.eventOptions;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Binding2.prototype, "identifier", {
-    get: function() {
-      return this.context.identifier;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Binding2.prototype.handleEvent = function(event) {
-    if (this.willBeInvokedByEvent(event)) {
-      this.invokeWithEvent(event);
-    }
-  };
-  Object.defineProperty(Binding2.prototype, "eventName", {
-    get: function() {
-      return this.action.eventName;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Binding2.prototype, "method", {
-    get: function() {
-      var method2 = this.controller[this.methodName];
-      if (typeof method2 == "function") {
-        return method2;
-      }
-      throw new Error('Action "' + this.action + '" references undefined method "' + this.methodName + '"');
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Binding2.prototype.invokeWithEvent = function(event) {
-    try {
-      this.method.call(this.controller, event);
-    } catch (error2) {
-      var _a = this, identifier = _a.identifier, controller = _a.controller, element = _a.element, index = _a.index;
-      var detail = { identifier, controller, element, index, event };
-      this.context.handleError(error2, 'invoking action "' + this.action + '"', detail);
-    }
-  };
-  Binding2.prototype.willBeInvokedByEvent = function(event) {
-    var eventTarget = event.target;
-    if (this.element === eventTarget) {
-      return true;
-    } else if (eventTarget instanceof Element && this.element.contains(eventTarget)) {
-      return this.scope.containsElement(eventTarget);
-    } else {
-      return this.scope.containsElement(this.action.element);
-    }
-  };
-  Object.defineProperty(Binding2.prototype, "controller", {
-    get: function() {
-      return this.context.controller;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Binding2.prototype, "methodName", {
-    get: function() {
-      return this.action.methodName;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Binding2.prototype, "element", {
-    get: function() {
-      return this.scope.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Binding2.prototype, "scope", {
-    get: function() {
-      return this.context.scope;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return Binding2;
-}();
-var ElementObserver = function() {
-  function ElementObserver2(element, delegate) {
-    var _this = this;
-    this.element = element;
-    this.started = false;
-    this.delegate = delegate;
-    this.elements = new Set();
-    this.mutationObserver = new MutationObserver(function(mutations) {
-      return _this.processMutations(mutations);
-    });
-  }
-  ElementObserver2.prototype.start = function() {
-    if (!this.started) {
-      this.started = true;
-      this.mutationObserver.observe(this.element, { attributes: true, childList: true, subtree: true });
-      this.refresh();
-    }
-  };
-  ElementObserver2.prototype.stop = function() {
-    if (this.started) {
-      this.mutationObserver.takeRecords();
-      this.mutationObserver.disconnect();
-      this.started = false;
-    }
-  };
-  ElementObserver2.prototype.refresh = function() {
-    if (this.started) {
-      var matches = new Set(this.matchElementsInTree());
-      for (var _i = 0, _a = Array.from(this.elements); _i < _a.length; _i++) {
-        var element = _a[_i];
-        if (!matches.has(element)) {
-          this.removeElement(element);
-        }
-      }
-      for (var _b = 0, _c = Array.from(matches); _b < _c.length; _b++) {
-        var element = _c[_b];
-        this.addElement(element);
-      }
-    }
-  };
-  ElementObserver2.prototype.processMutations = function(mutations) {
-    if (this.started) {
-      for (var _i = 0, mutations_1 = mutations; _i < mutations_1.length; _i++) {
-        var mutation = mutations_1[_i];
-        this.processMutation(mutation);
-      }
-    }
-  };
-  ElementObserver2.prototype.processMutation = function(mutation) {
-    if (mutation.type == "attributes") {
-      this.processAttributeChange(mutation.target, mutation.attributeName);
-    } else if (mutation.type == "childList") {
-      this.processRemovedNodes(mutation.removedNodes);
-      this.processAddedNodes(mutation.addedNodes);
-    }
-  };
-  ElementObserver2.prototype.processAttributeChange = function(node, attributeName) {
-    var element = node;
-    if (this.elements.has(element)) {
-      if (this.delegate.elementAttributeChanged && this.matchElement(element)) {
-        this.delegate.elementAttributeChanged(element, attributeName);
-      } else {
-        this.removeElement(element);
-      }
-    } else if (this.matchElement(element)) {
-      this.addElement(element);
-    }
-  };
-  ElementObserver2.prototype.processRemovedNodes = function(nodes) {
-    for (var _i = 0, _a = Array.from(nodes); _i < _a.length; _i++) {
-      var node = _a[_i];
-      var element = this.elementFromNode(node);
-      if (element) {
-        this.processTree(element, this.removeElement);
-      }
-    }
-  };
-  ElementObserver2.prototype.processAddedNodes = function(nodes) {
-    for (var _i = 0, _a = Array.from(nodes); _i < _a.length; _i++) {
-      var node = _a[_i];
-      var element = this.elementFromNode(node);
-      if (element && this.elementIsActive(element)) {
-        this.processTree(element, this.addElement);
-      }
-    }
-  };
-  ElementObserver2.prototype.matchElement = function(element) {
-    return this.delegate.matchElement(element);
-  };
-  ElementObserver2.prototype.matchElementsInTree = function(tree) {
-    if (tree === void 0) {
-      tree = this.element;
-    }
-    return this.delegate.matchElementsInTree(tree);
-  };
-  ElementObserver2.prototype.processTree = function(tree, processor) {
-    for (var _i = 0, _a = this.matchElementsInTree(tree); _i < _a.length; _i++) {
-      var element = _a[_i];
-      processor.call(this, element);
-    }
-  };
-  ElementObserver2.prototype.elementFromNode = function(node) {
-    if (node.nodeType == Node.ELEMENT_NODE) {
-      return node;
-    }
-  };
-  ElementObserver2.prototype.elementIsActive = function(element) {
-    if (element.isConnected != this.element.isConnected) {
-      return false;
-    } else {
-      return this.element.contains(element);
-    }
-  };
-  ElementObserver2.prototype.addElement = function(element) {
-    if (!this.elements.has(element)) {
-      if (this.elementIsActive(element)) {
-        this.elements.add(element);
-        if (this.delegate.elementMatched) {
-          this.delegate.elementMatched(element);
-        }
-      }
-    }
-  };
-  ElementObserver2.prototype.removeElement = function(element) {
-    if (this.elements.has(element)) {
-      this.elements.delete(element);
-      if (this.delegate.elementUnmatched) {
-        this.delegate.elementUnmatched(element);
-      }
-    }
-  };
-  return ElementObserver2;
-}();
-var AttributeObserver = function() {
-  function AttributeObserver2(element, attributeName, delegate) {
-    this.attributeName = attributeName;
-    this.delegate = delegate;
-    this.elementObserver = new ElementObserver(element, this);
-  }
-  Object.defineProperty(AttributeObserver2.prototype, "element", {
-    get: function() {
-      return this.elementObserver.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(AttributeObserver2.prototype, "selector", {
-    get: function() {
-      return "[" + this.attributeName + "]";
-    },
-    enumerable: false,
-    configurable: true
-  });
-  AttributeObserver2.prototype.start = function() {
-    this.elementObserver.start();
-  };
-  AttributeObserver2.prototype.stop = function() {
-    this.elementObserver.stop();
-  };
-  AttributeObserver2.prototype.refresh = function() {
-    this.elementObserver.refresh();
-  };
-  Object.defineProperty(AttributeObserver2.prototype, "started", {
-    get: function() {
-      return this.elementObserver.started;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  AttributeObserver2.prototype.matchElement = function(element) {
-    return element.hasAttribute(this.attributeName);
-  };
-  AttributeObserver2.prototype.matchElementsInTree = function(tree) {
-    var match = this.matchElement(tree) ? [tree] : [];
-    var matches = Array.from(tree.querySelectorAll(this.selector));
-    return match.concat(matches);
-  };
-  AttributeObserver2.prototype.elementMatched = function(element) {
-    if (this.delegate.elementMatchedAttribute) {
-      this.delegate.elementMatchedAttribute(element, this.attributeName);
-    }
-  };
-  AttributeObserver2.prototype.elementUnmatched = function(element) {
-    if (this.delegate.elementUnmatchedAttribute) {
-      this.delegate.elementUnmatchedAttribute(element, this.attributeName);
-    }
-  };
-  AttributeObserver2.prototype.elementAttributeChanged = function(element, attributeName) {
-    if (this.delegate.elementAttributeValueChanged && this.attributeName == attributeName) {
-      this.delegate.elementAttributeValueChanged(element, attributeName);
-    }
-  };
-  return AttributeObserver2;
-}();
-var StringMapObserver = function() {
-  function StringMapObserver2(element, delegate) {
-    var _this = this;
-    this.element = element;
-    this.delegate = delegate;
-    this.started = false;
-    this.stringMap = new Map();
-    this.mutationObserver = new MutationObserver(function(mutations) {
-      return _this.processMutations(mutations);
-    });
-  }
-  StringMapObserver2.prototype.start = function() {
-    if (!this.started) {
-      this.started = true;
-      this.mutationObserver.observe(this.element, { attributes: true });
-      this.refresh();
-    }
-  };
-  StringMapObserver2.prototype.stop = function() {
-    if (this.started) {
-      this.mutationObserver.takeRecords();
-      this.mutationObserver.disconnect();
-      this.started = false;
-    }
-  };
-  StringMapObserver2.prototype.refresh = function() {
-    if (this.started) {
-      for (var _i = 0, _a = this.knownAttributeNames; _i < _a.length; _i++) {
-        var attributeName = _a[_i];
-        this.refreshAttribute(attributeName);
-      }
-    }
-  };
-  StringMapObserver2.prototype.processMutations = function(mutations) {
-    if (this.started) {
-      for (var _i = 0, mutations_1 = mutations; _i < mutations_1.length; _i++) {
-        var mutation = mutations_1[_i];
-        this.processMutation(mutation);
-      }
-    }
-  };
-  StringMapObserver2.prototype.processMutation = function(mutation) {
-    var attributeName = mutation.attributeName;
-    if (attributeName) {
-      this.refreshAttribute(attributeName);
-    }
-  };
-  StringMapObserver2.prototype.refreshAttribute = function(attributeName) {
-    var key = this.delegate.getStringMapKeyForAttribute(attributeName);
-    if (key != null) {
-      if (!this.stringMap.has(attributeName)) {
-        this.stringMapKeyAdded(key, attributeName);
-      }
-      var value = this.element.getAttribute(attributeName);
-      if (this.stringMap.get(attributeName) != value) {
-        this.stringMapValueChanged(value, key);
-      }
-      if (value == null) {
-        this.stringMap.delete(attributeName);
-        this.stringMapKeyRemoved(key, attributeName);
-      } else {
-        this.stringMap.set(attributeName, value);
-      }
-    }
-  };
-  StringMapObserver2.prototype.stringMapKeyAdded = function(key, attributeName) {
-    if (this.delegate.stringMapKeyAdded) {
-      this.delegate.stringMapKeyAdded(key, attributeName);
-    }
-  };
-  StringMapObserver2.prototype.stringMapValueChanged = function(value, key) {
-    if (this.delegate.stringMapValueChanged) {
-      this.delegate.stringMapValueChanged(value, key);
-    }
-  };
-  StringMapObserver2.prototype.stringMapKeyRemoved = function(key, attributeName) {
-    if (this.delegate.stringMapKeyRemoved) {
-      this.delegate.stringMapKeyRemoved(key, attributeName);
-    }
-  };
-  Object.defineProperty(StringMapObserver2.prototype, "knownAttributeNames", {
-    get: function() {
-      return Array.from(new Set(this.currentAttributeNames.concat(this.recordedAttributeNames)));
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(StringMapObserver2.prototype, "currentAttributeNames", {
-    get: function() {
-      return Array.from(this.element.attributes).map(function(attribute) {
-        return attribute.name;
-      });
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(StringMapObserver2.prototype, "recordedAttributeNames", {
-    get: function() {
-      return Array.from(this.stringMap.keys());
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return StringMapObserver2;
-}();
-function add(map, key, value) {
-  fetch$1(map, key).add(value);
-}
-function del(map, key, value) {
-  fetch$1(map, key).delete(value);
-  prune(map, key);
-}
-function fetch$1(map, key) {
-  var values = map.get(key);
-  if (!values) {
-    values = new Set();
-    map.set(key, values);
-  }
-  return values;
-}
-function prune(map, key) {
-  var values = map.get(key);
-  if (values != null && values.size == 0) {
-    map.delete(key);
-  }
-}
-var Multimap = function() {
-  function Multimap2() {
-    this.valuesByKey = new Map();
-  }
-  Object.defineProperty(Multimap2.prototype, "values", {
-    get: function() {
-      var sets = Array.from(this.valuesByKey.values());
-      return sets.reduce(function(values, set2) {
-        return values.concat(Array.from(set2));
-      }, []);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Multimap2.prototype, "size", {
-    get: function() {
-      var sets = Array.from(this.valuesByKey.values());
-      return sets.reduce(function(size, set2) {
-        return size + set2.size;
-      }, 0);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Multimap2.prototype.add = function(key, value) {
-    add(this.valuesByKey, key, value);
-  };
-  Multimap2.prototype.delete = function(key, value) {
-    del(this.valuesByKey, key, value);
-  };
-  Multimap2.prototype.has = function(key, value) {
-    var values = this.valuesByKey.get(key);
-    return values != null && values.has(value);
-  };
-  Multimap2.prototype.hasKey = function(key) {
-    return this.valuesByKey.has(key);
-  };
-  Multimap2.prototype.hasValue = function(value) {
-    var sets = Array.from(this.valuesByKey.values());
-    return sets.some(function(set2) {
-      return set2.has(value);
-    });
-  };
-  Multimap2.prototype.getValuesForKey = function(key) {
-    var values = this.valuesByKey.get(key);
-    return values ? Array.from(values) : [];
-  };
-  Multimap2.prototype.getKeysForValue = function(value) {
-    return Array.from(this.valuesByKey).filter(function(_a) {
-      _a[0];
-      var values = _a[1];
-      return values.has(value);
-    }).map(function(_a) {
-      var key = _a[0];
-      _a[1];
-      return key;
-    });
-  };
-  return Multimap2;
-}();
-var __extends$1 = globalThis && globalThis.__extends || function() {
-  var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-      d2.__proto__ = b2;
-    } || function(d2, b2) {
-      for (var p in b2)
-        if (b2.hasOwnProperty(p))
-          d2[p] = b2[p];
-    };
-    return extendStatics(d, b);
-  };
-  return function(d, b) {
-    extendStatics(d, b);
-    function __() {
-      this.constructor = d;
-    }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-(function(_super) {
-  __extends$1(IndexedMultimap, _super);
-  function IndexedMultimap() {
-    var _this = _super.call(this) || this;
-    _this.keysByValue = new Map();
-    return _this;
-  }
-  Object.defineProperty(IndexedMultimap.prototype, "values", {
-    get: function() {
-      return Array.from(this.keysByValue.keys());
-    },
-    enumerable: false,
-    configurable: true
-  });
-  IndexedMultimap.prototype.add = function(key, value) {
-    _super.prototype.add.call(this, key, value);
-    add(this.keysByValue, value, key);
-  };
-  IndexedMultimap.prototype.delete = function(key, value) {
-    _super.prototype.delete.call(this, key, value);
-    del(this.keysByValue, value, key);
-  };
-  IndexedMultimap.prototype.hasValue = function(value) {
-    return this.keysByValue.has(value);
-  };
-  IndexedMultimap.prototype.getKeysForValue = function(value) {
-    var set2 = this.keysByValue.get(value);
-    return set2 ? Array.from(set2) : [];
-  };
-  return IndexedMultimap;
-})(Multimap);
-var TokenListObserver = function() {
-  function TokenListObserver2(element, attributeName, delegate) {
-    this.attributeObserver = new AttributeObserver(element, attributeName, this);
-    this.delegate = delegate;
-    this.tokensByElement = new Multimap();
-  }
-  Object.defineProperty(TokenListObserver2.prototype, "started", {
-    get: function() {
-      return this.attributeObserver.started;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  TokenListObserver2.prototype.start = function() {
-    this.attributeObserver.start();
-  };
-  TokenListObserver2.prototype.stop = function() {
-    this.attributeObserver.stop();
-  };
-  TokenListObserver2.prototype.refresh = function() {
-    this.attributeObserver.refresh();
-  };
-  Object.defineProperty(TokenListObserver2.prototype, "element", {
-    get: function() {
-      return this.attributeObserver.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(TokenListObserver2.prototype, "attributeName", {
-    get: function() {
-      return this.attributeObserver.attributeName;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  TokenListObserver2.prototype.elementMatchedAttribute = function(element) {
-    this.tokensMatched(this.readTokensForElement(element));
-  };
-  TokenListObserver2.prototype.elementAttributeValueChanged = function(element) {
-    var _a = this.refreshTokensForElement(element), unmatchedTokens = _a[0], matchedTokens = _a[1];
-    this.tokensUnmatched(unmatchedTokens);
-    this.tokensMatched(matchedTokens);
-  };
-  TokenListObserver2.prototype.elementUnmatchedAttribute = function(element) {
-    this.tokensUnmatched(this.tokensByElement.getValuesForKey(element));
-  };
-  TokenListObserver2.prototype.tokensMatched = function(tokens) {
-    var _this = this;
-    tokens.forEach(function(token) {
-      return _this.tokenMatched(token);
-    });
-  };
-  TokenListObserver2.prototype.tokensUnmatched = function(tokens) {
-    var _this = this;
-    tokens.forEach(function(token) {
-      return _this.tokenUnmatched(token);
-    });
-  };
-  TokenListObserver2.prototype.tokenMatched = function(token) {
-    this.delegate.tokenMatched(token);
-    this.tokensByElement.add(token.element, token);
-  };
-  TokenListObserver2.prototype.tokenUnmatched = function(token) {
-    this.delegate.tokenUnmatched(token);
-    this.tokensByElement.delete(token.element, token);
-  };
-  TokenListObserver2.prototype.refreshTokensForElement = function(element) {
-    var previousTokens = this.tokensByElement.getValuesForKey(element);
-    var currentTokens = this.readTokensForElement(element);
-    var firstDifferingIndex = zip(previousTokens, currentTokens).findIndex(function(_a) {
-      var previousToken = _a[0], currentToken = _a[1];
-      return !tokensAreEqual(previousToken, currentToken);
-    });
-    if (firstDifferingIndex == -1) {
-      return [[], []];
-    } else {
-      return [previousTokens.slice(firstDifferingIndex), currentTokens.slice(firstDifferingIndex)];
-    }
-  };
-  TokenListObserver2.prototype.readTokensForElement = function(element) {
-    var attributeName = this.attributeName;
-    var tokenString = element.getAttribute(attributeName) || "";
-    return parseTokenString(tokenString, element, attributeName);
-  };
-  return TokenListObserver2;
-}();
-function parseTokenString(tokenString, element, attributeName) {
-  return tokenString.trim().split(/\s+/).filter(function(content) {
-    return content.length;
-  }).map(function(content, index) {
-    return { element, attributeName, content, index };
-  });
-}
-function zip(left, right) {
-  var length = Math.max(left.length, right.length);
-  return Array.from({ length }, function(_, index) {
-    return [left[index], right[index]];
-  });
-}
-function tokensAreEqual(left, right) {
-  return left && right && left.index == right.index && left.content == right.content;
-}
-var ValueListObserver = function() {
-  function ValueListObserver2(element, attributeName, delegate) {
-    this.tokenListObserver = new TokenListObserver(element, attributeName, this);
-    this.delegate = delegate;
-    this.parseResultsByToken = new WeakMap();
-    this.valuesByTokenByElement = new WeakMap();
-  }
-  Object.defineProperty(ValueListObserver2.prototype, "started", {
-    get: function() {
-      return this.tokenListObserver.started;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  ValueListObserver2.prototype.start = function() {
-    this.tokenListObserver.start();
-  };
-  ValueListObserver2.prototype.stop = function() {
-    this.tokenListObserver.stop();
-  };
-  ValueListObserver2.prototype.refresh = function() {
-    this.tokenListObserver.refresh();
-  };
-  Object.defineProperty(ValueListObserver2.prototype, "element", {
-    get: function() {
-      return this.tokenListObserver.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(ValueListObserver2.prototype, "attributeName", {
-    get: function() {
-      return this.tokenListObserver.attributeName;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  ValueListObserver2.prototype.tokenMatched = function(token) {
-    var element = token.element;
-    var value = this.fetchParseResultForToken(token).value;
-    if (value) {
-      this.fetchValuesByTokenForElement(element).set(token, value);
-      this.delegate.elementMatchedValue(element, value);
-    }
-  };
-  ValueListObserver2.prototype.tokenUnmatched = function(token) {
-    var element = token.element;
-    var value = this.fetchParseResultForToken(token).value;
-    if (value) {
-      this.fetchValuesByTokenForElement(element).delete(token);
-      this.delegate.elementUnmatchedValue(element, value);
-    }
-  };
-  ValueListObserver2.prototype.fetchParseResultForToken = function(token) {
-    var parseResult = this.parseResultsByToken.get(token);
-    if (!parseResult) {
-      parseResult = this.parseToken(token);
-      this.parseResultsByToken.set(token, parseResult);
-    }
-    return parseResult;
-  };
-  ValueListObserver2.prototype.fetchValuesByTokenForElement = function(element) {
-    var valuesByToken = this.valuesByTokenByElement.get(element);
-    if (!valuesByToken) {
-      valuesByToken = new Map();
-      this.valuesByTokenByElement.set(element, valuesByToken);
-    }
-    return valuesByToken;
-  };
-  ValueListObserver2.prototype.parseToken = function(token) {
-    try {
-      var value = this.delegate.parseValueForToken(token);
-      return { value };
-    } catch (error2) {
-      return { error: error2 };
-    }
-  };
-  return ValueListObserver2;
-}();
-var BindingObserver = function() {
-  function BindingObserver2(context, delegate) {
-    this.context = context;
-    this.delegate = delegate;
-    this.bindingsByAction = new Map();
-  }
-  BindingObserver2.prototype.start = function() {
-    if (!this.valueListObserver) {
-      this.valueListObserver = new ValueListObserver(this.element, this.actionAttribute, this);
-      this.valueListObserver.start();
-    }
-  };
-  BindingObserver2.prototype.stop = function() {
-    if (this.valueListObserver) {
-      this.valueListObserver.stop();
-      delete this.valueListObserver;
-      this.disconnectAllActions();
-    }
-  };
-  Object.defineProperty(BindingObserver2.prototype, "element", {
-    get: function() {
-      return this.context.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(BindingObserver2.prototype, "identifier", {
-    get: function() {
-      return this.context.identifier;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(BindingObserver2.prototype, "actionAttribute", {
-    get: function() {
-      return this.schema.actionAttribute;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(BindingObserver2.prototype, "schema", {
-    get: function() {
-      return this.context.schema;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(BindingObserver2.prototype, "bindings", {
-    get: function() {
-      return Array.from(this.bindingsByAction.values());
-    },
-    enumerable: false,
-    configurable: true
-  });
-  BindingObserver2.prototype.connectAction = function(action) {
-    var binding = new Binding(this.context, action);
-    this.bindingsByAction.set(action, binding);
-    this.delegate.bindingConnected(binding);
-  };
-  BindingObserver2.prototype.disconnectAction = function(action) {
-    var binding = this.bindingsByAction.get(action);
-    if (binding) {
-      this.bindingsByAction.delete(action);
-      this.delegate.bindingDisconnected(binding);
-    }
-  };
-  BindingObserver2.prototype.disconnectAllActions = function() {
-    var _this = this;
-    this.bindings.forEach(function(binding) {
-      return _this.delegate.bindingDisconnected(binding);
-    });
-    this.bindingsByAction.clear();
-  };
-  BindingObserver2.prototype.parseValueForToken = function(token) {
-    var action = Action.forToken(token);
-    if (action.identifier == this.identifier) {
-      return action;
-    }
-  };
-  BindingObserver2.prototype.elementMatchedValue = function(element, action) {
-    this.connectAction(action);
-  };
-  BindingObserver2.prototype.elementUnmatchedValue = function(element, action) {
-    this.disconnectAction(action);
-  };
-  return BindingObserver2;
-}();
-var ValueObserver = function() {
-  function ValueObserver2(context, receiver) {
-    this.context = context;
-    this.receiver = receiver;
-    this.stringMapObserver = new StringMapObserver(this.element, this);
-    this.valueDescriptorMap = this.controller.valueDescriptorMap;
-    this.invokeChangedCallbacksForDefaultValues();
-  }
-  ValueObserver2.prototype.start = function() {
-    this.stringMapObserver.start();
-  };
-  ValueObserver2.prototype.stop = function() {
-    this.stringMapObserver.stop();
-  };
-  Object.defineProperty(ValueObserver2.prototype, "element", {
-    get: function() {
-      return this.context.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(ValueObserver2.prototype, "controller", {
-    get: function() {
-      return this.context.controller;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  ValueObserver2.prototype.getStringMapKeyForAttribute = function(attributeName) {
-    if (attributeName in this.valueDescriptorMap) {
-      return this.valueDescriptorMap[attributeName].name;
-    }
-  };
-  ValueObserver2.prototype.stringMapValueChanged = function(attributeValue, name) {
-    this.invokeChangedCallbackForValue(name);
-  };
-  ValueObserver2.prototype.invokeChangedCallbacksForDefaultValues = function() {
-    for (var _i = 0, _a = this.valueDescriptors; _i < _a.length; _i++) {
-      var _b = _a[_i], key = _b.key, name_1 = _b.name, defaultValue = _b.defaultValue;
-      if (defaultValue != void 0 && !this.controller.data.has(key)) {
-        this.invokeChangedCallbackForValue(name_1);
-      }
-    }
-  };
-  ValueObserver2.prototype.invokeChangedCallbackForValue = function(name) {
-    var methodName = name + "Changed";
-    var method2 = this.receiver[methodName];
-    if (typeof method2 == "function") {
-      var value = this.receiver[name];
-      method2.call(this.receiver, value);
-    }
-  };
-  Object.defineProperty(ValueObserver2.prototype, "valueDescriptors", {
-    get: function() {
-      var valueDescriptorMap = this.valueDescriptorMap;
-      return Object.keys(valueDescriptorMap).map(function(key) {
-        return valueDescriptorMap[key];
-      });
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return ValueObserver2;
-}();
-var Context = function() {
-  function Context2(module, scope) {
-    this.module = module;
-    this.scope = scope;
-    this.controller = new module.controllerConstructor(this);
-    this.bindingObserver = new BindingObserver(this, this.dispatcher);
-    this.valueObserver = new ValueObserver(this, this.controller);
-    try {
-      this.controller.initialize();
-    } catch (error2) {
-      this.handleError(error2, "initializing controller");
-    }
-  }
-  Context2.prototype.connect = function() {
-    this.bindingObserver.start();
-    this.valueObserver.start();
-    try {
-      this.controller.connect();
-    } catch (error2) {
-      this.handleError(error2, "connecting controller");
-    }
-  };
-  Context2.prototype.disconnect = function() {
-    try {
-      this.controller.disconnect();
-    } catch (error2) {
-      this.handleError(error2, "disconnecting controller");
-    }
-    this.valueObserver.stop();
-    this.bindingObserver.stop();
-  };
-  Object.defineProperty(Context2.prototype, "application", {
-    get: function() {
-      return this.module.application;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Context2.prototype, "identifier", {
-    get: function() {
-      return this.module.identifier;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Context2.prototype, "schema", {
-    get: function() {
-      return this.application.schema;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Context2.prototype, "dispatcher", {
-    get: function() {
-      return this.application.dispatcher;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Context2.prototype, "element", {
-    get: function() {
-      return this.scope.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Context2.prototype, "parentElement", {
-    get: function() {
-      return this.element.parentElement;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Context2.prototype.handleError = function(error2, message, detail) {
-    if (detail === void 0) {
-      detail = {};
-    }
-    var _a = this, identifier = _a.identifier, controller = _a.controller, element = _a.element;
-    detail = Object.assign({ identifier, controller, element }, detail);
-    this.application.handleError(error2, "Error " + message, detail);
-  };
-  return Context2;
-}();
-function readInheritableStaticArrayValues(constructor, propertyName) {
-  var ancestors = getAncestorsForConstructor(constructor);
-  return Array.from(ancestors.reduce(function(values, constructor2) {
-    getOwnStaticArrayValues(constructor2, propertyName).forEach(function(name) {
-      return values.add(name);
-    });
-    return values;
-  }, new Set()));
-}
-function readInheritableStaticObjectPairs(constructor, propertyName) {
-  var ancestors = getAncestorsForConstructor(constructor);
-  return ancestors.reduce(function(pairs, constructor2) {
-    pairs.push.apply(pairs, getOwnStaticObjectPairs(constructor2, propertyName));
-    return pairs;
-  }, []);
-}
-function getAncestorsForConstructor(constructor) {
-  var ancestors = [];
-  while (constructor) {
-    ancestors.push(constructor);
-    constructor = Object.getPrototypeOf(constructor);
-  }
-  return ancestors.reverse();
-}
-function getOwnStaticArrayValues(constructor, propertyName) {
-  var definition = constructor[propertyName];
-  return Array.isArray(definition) ? definition : [];
-}
-function getOwnStaticObjectPairs(constructor, propertyName) {
-  var definition = constructor[propertyName];
-  return definition ? Object.keys(definition).map(function(key) {
-    return [key, definition[key]];
-  }) : [];
-}
-var __extends = globalThis && globalThis.__extends || function() {
-  var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-      d2.__proto__ = b2;
-    } || function(d2, b2) {
-      for (var p in b2)
-        if (b2.hasOwnProperty(p))
-          d2[p] = b2[p];
-    };
-    return extendStatics(d, b);
-  };
-  return function(d, b) {
-    extendStatics(d, b);
-    function __() {
-      this.constructor = d;
-    }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-var __spreadArrays$3 = globalThis && globalThis.__spreadArrays || function() {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-    s += arguments[i].length;
-  for (var r = Array(s), k = 0, i = 0; i < il; i++)
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-      r[k] = a[j];
-  return r;
-};
-function bless(constructor) {
-  return shadow(constructor, getBlessedProperties(constructor));
-}
-function shadow(constructor, properties) {
-  var shadowConstructor = extend(constructor);
-  var shadowProperties = getShadowProperties(constructor.prototype, properties);
-  Object.defineProperties(shadowConstructor.prototype, shadowProperties);
-  return shadowConstructor;
-}
-function getBlessedProperties(constructor) {
-  var blessings = readInheritableStaticArrayValues(constructor, "blessings");
-  return blessings.reduce(function(blessedProperties, blessing) {
-    var properties = blessing(constructor);
-    for (var key in properties) {
-      var descriptor = blessedProperties[key] || {};
-      blessedProperties[key] = Object.assign(descriptor, properties[key]);
-    }
-    return blessedProperties;
-  }, {});
-}
-function getShadowProperties(prototype, properties) {
-  return getOwnKeys(properties).reduce(function(shadowProperties, key) {
-    var _a;
-    var descriptor = getShadowedDescriptor(prototype, properties, key);
-    if (descriptor) {
-      Object.assign(shadowProperties, (_a = {}, _a[key] = descriptor, _a));
-    }
-    return shadowProperties;
-  }, {});
-}
-function getShadowedDescriptor(prototype, properties, key) {
-  var shadowingDescriptor = Object.getOwnPropertyDescriptor(prototype, key);
-  var shadowedByValue = shadowingDescriptor && "value" in shadowingDescriptor;
-  if (!shadowedByValue) {
-    var descriptor = Object.getOwnPropertyDescriptor(properties, key).value;
-    if (shadowingDescriptor) {
-      descriptor.get = shadowingDescriptor.get || descriptor.get;
-      descriptor.set = shadowingDescriptor.set || descriptor.set;
-    }
-    return descriptor;
-  }
-}
-var getOwnKeys = function() {
-  if (typeof Object.getOwnPropertySymbols == "function") {
-    return function(object) {
-      return __spreadArrays$3(Object.getOwnPropertyNames(object), Object.getOwnPropertySymbols(object));
-    };
-  } else {
-    return Object.getOwnPropertyNames;
-  }
-}();
-var extend = function() {
-  function extendWithReflect(constructor) {
-    function extended() {
-      var _newTarget = this && this instanceof extended ? this.constructor : void 0;
-      return Reflect.construct(constructor, arguments, _newTarget);
-    }
-    extended.prototype = Object.create(constructor.prototype, {
-      constructor: { value: extended }
-    });
-    Reflect.setPrototypeOf(extended, constructor);
-    return extended;
-  }
-  function testReflectExtension() {
-    var a = function() {
-      this.a.call(this);
-    };
-    var b = extendWithReflect(a);
-    b.prototype.a = function() {
-    };
-    return new b();
-  }
-  try {
-    testReflectExtension();
-    return extendWithReflect;
-  } catch (error2) {
-    return function(constructor) {
-      return function(_super) {
-        __extends(extended, _super);
-        function extended() {
-          return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return extended;
-      }(constructor);
-    };
-  }
-}();
-function blessDefinition(definition) {
-  return {
-    identifier: definition.identifier,
-    controllerConstructor: bless(definition.controllerConstructor)
-  };
-}
-var Module = function() {
-  function Module2(application, definition) {
-    this.application = application;
-    this.definition = blessDefinition(definition);
-    this.contextsByScope = new WeakMap();
-    this.connectedContexts = new Set();
-  }
-  Object.defineProperty(Module2.prototype, "identifier", {
-    get: function() {
-      return this.definition.identifier;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Module2.prototype, "controllerConstructor", {
-    get: function() {
-      return this.definition.controllerConstructor;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Module2.prototype, "contexts", {
-    get: function() {
-      return Array.from(this.connectedContexts);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Module2.prototype.connectContextForScope = function(scope) {
-    var context = this.fetchContextForScope(scope);
-    this.connectedContexts.add(context);
-    context.connect();
-  };
-  Module2.prototype.disconnectContextForScope = function(scope) {
-    var context = this.contextsByScope.get(scope);
-    if (context) {
-      this.connectedContexts.delete(context);
-      context.disconnect();
-    }
-  };
-  Module2.prototype.fetchContextForScope = function(scope) {
-    var context = this.contextsByScope.get(scope);
-    if (!context) {
-      context = new Context(this, scope);
-      this.contextsByScope.set(scope, context);
-    }
-    return context;
-  };
-  return Module2;
-}();
-var ClassMap = function() {
-  function ClassMap2(scope) {
-    this.scope = scope;
-  }
-  ClassMap2.prototype.has = function(name) {
-    return this.data.has(this.getDataKey(name));
-  };
-  ClassMap2.prototype.get = function(name) {
-    return this.data.get(this.getDataKey(name));
-  };
-  ClassMap2.prototype.getAttributeName = function(name) {
-    return this.data.getAttributeNameForKey(this.getDataKey(name));
-  };
-  ClassMap2.prototype.getDataKey = function(name) {
-    return name + "-class";
-  };
-  Object.defineProperty(ClassMap2.prototype, "data", {
-    get: function() {
-      return this.scope.data;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return ClassMap2;
-}();
-function camelize(value) {
-  return value.replace(/(?:[_-])([a-z0-9])/g, function(_, char) {
-    return char.toUpperCase();
-  });
-}
-function capitalize(value) {
-  return value.charAt(0).toUpperCase() + value.slice(1);
-}
-function dasherize(value) {
-  return value.replace(/([A-Z])/g, function(_, char) {
-    return "-" + char.toLowerCase();
-  });
-}
-var DataMap = function() {
-  function DataMap2(scope) {
-    this.scope = scope;
-  }
-  Object.defineProperty(DataMap2.prototype, "element", {
-    get: function() {
-      return this.scope.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(DataMap2.prototype, "identifier", {
-    get: function() {
-      return this.scope.identifier;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  DataMap2.prototype.get = function(key) {
-    var name = this.getAttributeNameForKey(key);
-    return this.element.getAttribute(name);
-  };
-  DataMap2.prototype.set = function(key, value) {
-    var name = this.getAttributeNameForKey(key);
-    this.element.setAttribute(name, value);
-    return this.get(key);
-  };
-  DataMap2.prototype.has = function(key) {
-    var name = this.getAttributeNameForKey(key);
-    return this.element.hasAttribute(name);
-  };
-  DataMap2.prototype.delete = function(key) {
-    if (this.has(key)) {
-      var name_1 = this.getAttributeNameForKey(key);
-      this.element.removeAttribute(name_1);
-      return true;
-    } else {
-      return false;
-    }
-  };
-  DataMap2.prototype.getAttributeNameForKey = function(key) {
-    return "data-" + this.identifier + "-" + dasherize(key);
-  };
-  return DataMap2;
-}();
-var Guide = function() {
-  function Guide2(logger) {
-    this.warnedKeysByObject = new WeakMap();
-    this.logger = logger;
-  }
-  Guide2.prototype.warn = function(object, key, message) {
-    var warnedKeys = this.warnedKeysByObject.get(object);
-    if (!warnedKeys) {
-      warnedKeys = new Set();
-      this.warnedKeysByObject.set(object, warnedKeys);
-    }
-    if (!warnedKeys.has(key)) {
-      warnedKeys.add(key);
-      this.logger.warn(message, object);
-    }
-  };
-  return Guide2;
-}();
-function attributeValueContainsToken(attributeName, token) {
-  return "[" + attributeName + '~="' + token + '"]';
-}
-var __spreadArrays$2 = globalThis && globalThis.__spreadArrays || function() {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-    s += arguments[i].length;
-  for (var r = Array(s), k = 0, i = 0; i < il; i++)
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-      r[k] = a[j];
-  return r;
-};
-var TargetSet = function() {
-  function TargetSet2(scope) {
-    this.scope = scope;
-  }
-  Object.defineProperty(TargetSet2.prototype, "element", {
-    get: function() {
-      return this.scope.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(TargetSet2.prototype, "identifier", {
-    get: function() {
-      return this.scope.identifier;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(TargetSet2.prototype, "schema", {
-    get: function() {
-      return this.scope.schema;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  TargetSet2.prototype.has = function(targetName) {
-    return this.find(targetName) != null;
-  };
-  TargetSet2.prototype.find = function() {
-    var _this = this;
-    var targetNames = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      targetNames[_i] = arguments[_i];
-    }
-    return targetNames.reduce(function(target, targetName) {
-      return target || _this.findTarget(targetName) || _this.findLegacyTarget(targetName);
-    }, void 0);
-  };
-  TargetSet2.prototype.findAll = function() {
-    var _this = this;
-    var targetNames = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      targetNames[_i] = arguments[_i];
-    }
-    return targetNames.reduce(function(targets, targetName) {
-      return __spreadArrays$2(targets, _this.findAllTargets(targetName), _this.findAllLegacyTargets(targetName));
-    }, []);
-  };
-  TargetSet2.prototype.findTarget = function(targetName) {
-    var selector = this.getSelectorForTargetName(targetName);
-    return this.scope.findElement(selector);
-  };
-  TargetSet2.prototype.findAllTargets = function(targetName) {
-    var selector = this.getSelectorForTargetName(targetName);
-    return this.scope.findAllElements(selector);
-  };
-  TargetSet2.prototype.getSelectorForTargetName = function(targetName) {
-    var attributeName = "data-" + this.identifier + "-target";
-    return attributeValueContainsToken(attributeName, targetName);
-  };
-  TargetSet2.prototype.findLegacyTarget = function(targetName) {
-    var selector = this.getLegacySelectorForTargetName(targetName);
-    return this.deprecate(this.scope.findElement(selector), targetName);
-  };
-  TargetSet2.prototype.findAllLegacyTargets = function(targetName) {
-    var _this = this;
-    var selector = this.getLegacySelectorForTargetName(targetName);
-    return this.scope.findAllElements(selector).map(function(element) {
-      return _this.deprecate(element, targetName);
-    });
-  };
-  TargetSet2.prototype.getLegacySelectorForTargetName = function(targetName) {
-    var targetDescriptor = this.identifier + "." + targetName;
-    return attributeValueContainsToken(this.schema.targetAttribute, targetDescriptor);
-  };
-  TargetSet2.prototype.deprecate = function(element, targetName) {
-    if (element) {
-      var identifier = this.identifier;
-      var attributeName = this.schema.targetAttribute;
-      this.guide.warn(element, "target:" + targetName, "Please replace " + attributeName + '="' + identifier + "." + targetName + '" with data-' + identifier + '-target="' + targetName + '". ' + ("The " + attributeName + " attribute is deprecated and will be removed in a future version of Stimulus."));
-    }
-    return element;
-  };
-  Object.defineProperty(TargetSet2.prototype, "guide", {
-    get: function() {
-      return this.scope.guide;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return TargetSet2;
-}();
-var __spreadArrays$1 = globalThis && globalThis.__spreadArrays || function() {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-    s += arguments[i].length;
-  for (var r = Array(s), k = 0, i = 0; i < il; i++)
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-      r[k] = a[j];
-  return r;
-};
-var Scope = function() {
-  function Scope2(schema, element, identifier, logger) {
-    var _this = this;
-    this.targets = new TargetSet(this);
-    this.classes = new ClassMap(this);
-    this.data = new DataMap(this);
-    this.containsElement = function(element2) {
-      return element2.closest(_this.controllerSelector) === _this.element;
-    };
-    this.schema = schema;
-    this.element = element;
-    this.identifier = identifier;
-    this.guide = new Guide(logger);
-  }
-  Scope2.prototype.findElement = function(selector) {
-    return this.element.matches(selector) ? this.element : this.queryElements(selector).find(this.containsElement);
-  };
-  Scope2.prototype.findAllElements = function(selector) {
-    return __spreadArrays$1(this.element.matches(selector) ? [this.element] : [], this.queryElements(selector).filter(this.containsElement));
-  };
-  Scope2.prototype.queryElements = function(selector) {
-    return Array.from(this.element.querySelectorAll(selector));
-  };
-  Object.defineProperty(Scope2.prototype, "controllerSelector", {
-    get: function() {
-      return attributeValueContainsToken(this.schema.controllerAttribute, this.identifier);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  return Scope2;
-}();
-var ScopeObserver = function() {
-  function ScopeObserver2(element, schema, delegate) {
-    this.element = element;
-    this.schema = schema;
-    this.delegate = delegate;
-    this.valueListObserver = new ValueListObserver(this.element, this.controllerAttribute, this);
-    this.scopesByIdentifierByElement = new WeakMap();
-    this.scopeReferenceCounts = new WeakMap();
-  }
-  ScopeObserver2.prototype.start = function() {
-    this.valueListObserver.start();
-  };
-  ScopeObserver2.prototype.stop = function() {
-    this.valueListObserver.stop();
-  };
-  Object.defineProperty(ScopeObserver2.prototype, "controllerAttribute", {
-    get: function() {
-      return this.schema.controllerAttribute;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  ScopeObserver2.prototype.parseValueForToken = function(token) {
-    var element = token.element, identifier = token.content;
-    var scopesByIdentifier = this.fetchScopesByIdentifierForElement(element);
-    var scope = scopesByIdentifier.get(identifier);
-    if (!scope) {
-      scope = this.delegate.createScopeForElementAndIdentifier(element, identifier);
-      scopesByIdentifier.set(identifier, scope);
-    }
-    return scope;
-  };
-  ScopeObserver2.prototype.elementMatchedValue = function(element, value) {
-    var referenceCount = (this.scopeReferenceCounts.get(value) || 0) + 1;
-    this.scopeReferenceCounts.set(value, referenceCount);
-    if (referenceCount == 1) {
-      this.delegate.scopeConnected(value);
-    }
-  };
-  ScopeObserver2.prototype.elementUnmatchedValue = function(element, value) {
-    var referenceCount = this.scopeReferenceCounts.get(value);
-    if (referenceCount) {
-      this.scopeReferenceCounts.set(value, referenceCount - 1);
-      if (referenceCount == 1) {
-        this.delegate.scopeDisconnected(value);
-      }
-    }
-  };
-  ScopeObserver2.prototype.fetchScopesByIdentifierForElement = function(element) {
-    var scopesByIdentifier = this.scopesByIdentifierByElement.get(element);
-    if (!scopesByIdentifier) {
-      scopesByIdentifier = new Map();
-      this.scopesByIdentifierByElement.set(element, scopesByIdentifier);
-    }
-    return scopesByIdentifier;
-  };
-  return ScopeObserver2;
-}();
-var Router = function() {
-  function Router2(application) {
-    this.application = application;
-    this.scopeObserver = new ScopeObserver(this.element, this.schema, this);
-    this.scopesByIdentifier = new Multimap();
-    this.modulesByIdentifier = new Map();
-  }
-  Object.defineProperty(Router2.prototype, "element", {
-    get: function() {
-      return this.application.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Router2.prototype, "schema", {
-    get: function() {
-      return this.application.schema;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Router2.prototype, "logger", {
-    get: function() {
-      return this.application.logger;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Router2.prototype, "controllerAttribute", {
-    get: function() {
-      return this.schema.controllerAttribute;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Router2.prototype, "modules", {
-    get: function() {
-      return Array.from(this.modulesByIdentifier.values());
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Router2.prototype, "contexts", {
-    get: function() {
-      return this.modules.reduce(function(contexts, module) {
-        return contexts.concat(module.contexts);
-      }, []);
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Router2.prototype.start = function() {
-    this.scopeObserver.start();
-  };
-  Router2.prototype.stop = function() {
-    this.scopeObserver.stop();
-  };
-  Router2.prototype.loadDefinition = function(definition) {
-    this.unloadIdentifier(definition.identifier);
-    var module = new Module(this.application, definition);
-    this.connectModule(module);
-  };
-  Router2.prototype.unloadIdentifier = function(identifier) {
-    var module = this.modulesByIdentifier.get(identifier);
-    if (module) {
-      this.disconnectModule(module);
-    }
-  };
-  Router2.prototype.getContextForElementAndIdentifier = function(element, identifier) {
-    var module = this.modulesByIdentifier.get(identifier);
-    if (module) {
-      return module.contexts.find(function(context) {
-        return context.element == element;
-      });
-    }
-  };
-  Router2.prototype.handleError = function(error2, message, detail) {
-    this.application.handleError(error2, message, detail);
-  };
-  Router2.prototype.createScopeForElementAndIdentifier = function(element, identifier) {
-    return new Scope(this.schema, element, identifier, this.logger);
-  };
-  Router2.prototype.scopeConnected = function(scope) {
-    this.scopesByIdentifier.add(scope.identifier, scope);
-    var module = this.modulesByIdentifier.get(scope.identifier);
-    if (module) {
-      module.connectContextForScope(scope);
-    }
-  };
-  Router2.prototype.scopeDisconnected = function(scope) {
-    this.scopesByIdentifier.delete(scope.identifier, scope);
-    var module = this.modulesByIdentifier.get(scope.identifier);
-    if (module) {
-      module.disconnectContextForScope(scope);
-    }
-  };
-  Router2.prototype.connectModule = function(module) {
-    this.modulesByIdentifier.set(module.identifier, module);
-    var scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);
-    scopes.forEach(function(scope) {
-      return module.connectContextForScope(scope);
-    });
-  };
-  Router2.prototype.disconnectModule = function(module) {
-    this.modulesByIdentifier.delete(module.identifier);
-    var scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);
-    scopes.forEach(function(scope) {
-      return module.disconnectContextForScope(scope);
-    });
-  };
-  return Router2;
-}();
-var defaultSchema = {
-  controllerAttribute: "data-controller",
-  actionAttribute: "data-action",
-  targetAttribute: "data-target"
-};
-var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
-  var _ = { label: 0, sent: function() {
-    if (t[0] & 1)
-      throw t[1];
-    return t[1];
-  }, trys: [], ops: [] }, f, y, t, g;
-  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([n, v]);
-    };
-  }
-  function step(op) {
-    if (f)
-      throw new TypeError("Generator is already executing.");
-    while (_)
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-          return t;
-        if (y = 0, t)
-          op = [op[0] & 2, t.value];
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-          case 4:
-            _.label++;
-            return { value: op[1], done: false };
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-          case 7:
-            op = _.ops.pop();
-            _.trys.pop();
-            continue;
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2])
-              _.ops.pop();
-            _.trys.pop();
-            continue;
-        }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    if (op[0] & 5)
-      throw op[1];
-    return { value: op[0] ? op[1] : void 0, done: true };
-  }
-};
-var __spreadArrays = globalThis && globalThis.__spreadArrays || function() {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-    s += arguments[i].length;
-  for (var r = Array(s), k = 0, i = 0; i < il; i++)
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-      r[k] = a[j];
-  return r;
-};
-(function() {
-  function Application(element, schema) {
-    if (element === void 0) {
-      element = document.documentElement;
-    }
-    if (schema === void 0) {
-      schema = defaultSchema;
-    }
-    this.logger = console;
-    this.element = element;
-    this.schema = schema;
-    this.dispatcher = new Dispatcher(this);
-    this.router = new Router(this);
-  }
-  Application.start = function(element, schema) {
-    var application = new Application(element, schema);
-    application.start();
-    return application;
-  };
-  Application.prototype.start = function() {
-    return __awaiter(this, void 0, void 0, function() {
-      return __generator(this, function(_a) {
-        switch (_a.label) {
-          case 0:
-            return [4, domReady()];
-          case 1:
-            _a.sent();
-            this.dispatcher.start();
-            this.router.start();
-            return [2];
-        }
-      });
-    });
-  };
-  Application.prototype.stop = function() {
-    this.dispatcher.stop();
-    this.router.stop();
-  };
-  Application.prototype.register = function(identifier, controllerConstructor) {
-    this.load({ identifier, controllerConstructor });
-  };
-  Application.prototype.load = function(head) {
-    var _this = this;
-    var rest = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-      rest[_i - 1] = arguments[_i];
-    }
-    var definitions = Array.isArray(head) ? head : __spreadArrays([head], rest);
-    definitions.forEach(function(definition) {
-      return _this.router.loadDefinition(definition);
-    });
-  };
-  Application.prototype.unload = function(head) {
-    var _this = this;
-    var rest = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-      rest[_i - 1] = arguments[_i];
-    }
-    var identifiers = Array.isArray(head) ? head : __spreadArrays([head], rest);
-    identifiers.forEach(function(identifier) {
-      return _this.router.unloadIdentifier(identifier);
-    });
-  };
-  Object.defineProperty(Application.prototype, "controllers", {
-    get: function() {
-      return this.router.contexts.map(function(context) {
-        return context.controller;
-      });
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Application.prototype.getControllerForElementAndIdentifier = function(element, identifier) {
-    var context = this.router.getContextForElementAndIdentifier(element, identifier);
-    return context ? context.controller : null;
-  };
-  Application.prototype.handleError = function(error2, message, detail) {
-    this.logger.error("%s\n\n%o\n\n%o", message, error2, detail);
-  };
-  return Application;
-})();
-function domReady() {
-  return new Promise(function(resolve) {
-    if (document.readyState == "loading") {
-      document.addEventListener("DOMContentLoaded", resolve);
-    } else {
-      resolve();
-    }
-  });
-}
-function ClassPropertiesBlessing(constructor) {
-  var classes = readInheritableStaticArrayValues(constructor, "classes");
-  return classes.reduce(function(properties, classDefinition) {
-    return Object.assign(properties, propertiesForClassDefinition(classDefinition));
-  }, {});
-}
-function propertiesForClassDefinition(key) {
-  var _a;
-  var name = key + "Class";
-  return _a = {}, _a[name] = {
-    get: function() {
-      var classes = this.classes;
-      if (classes.has(key)) {
-        return classes.get(key);
-      } else {
-        var attribute = classes.getAttributeName(key);
-        throw new Error('Missing attribute "' + attribute + '"');
-      }
-    }
-  }, _a["has" + capitalize(name)] = {
-    get: function() {
-      return this.classes.has(key);
-    }
-  }, _a;
-}
-function TargetPropertiesBlessing(constructor) {
-  var targets = readInheritableStaticArrayValues(constructor, "targets");
-  return targets.reduce(function(properties, targetDefinition) {
-    return Object.assign(properties, propertiesForTargetDefinition(targetDefinition));
-  }, {});
-}
-function propertiesForTargetDefinition(name) {
-  var _a;
-  return _a = {}, _a[name + "Target"] = {
-    get: function() {
-      var target = this.targets.find(name);
-      if (target) {
-        return target;
-      } else {
-        throw new Error('Missing target element "' + this.identifier + "." + name + '"');
-      }
-    }
-  }, _a[name + "Targets"] = {
-    get: function() {
-      return this.targets.findAll(name);
-    }
-  }, _a["has" + capitalize(name) + "Target"] = {
-    get: function() {
-      return this.targets.has(name);
-    }
-  }, _a;
-}
-function ValuePropertiesBlessing(constructor) {
-  var valueDefinitionPairs = readInheritableStaticObjectPairs(constructor, "values");
-  var propertyDescriptorMap = {
-    valueDescriptorMap: {
-      get: function() {
-        var _this = this;
-        return valueDefinitionPairs.reduce(function(result, valueDefinitionPair) {
-          var _a;
-          var valueDescriptor = parseValueDefinitionPair(valueDefinitionPair);
-          var attributeName = _this.data.getAttributeNameForKey(valueDescriptor.key);
-          return Object.assign(result, (_a = {}, _a[attributeName] = valueDescriptor, _a));
-        }, {});
-      }
-    }
-  };
-  return valueDefinitionPairs.reduce(function(properties, valueDefinitionPair) {
-    return Object.assign(properties, propertiesForValueDefinitionPair(valueDefinitionPair));
-  }, propertyDescriptorMap);
-}
-function propertiesForValueDefinitionPair(valueDefinitionPair) {
-  var _a;
-  var definition = parseValueDefinitionPair(valueDefinitionPair);
-  var type = definition.type, key = definition.key, name = definition.name;
-  var read = readers[type], write = writers[type] || writers.default;
-  return _a = {}, _a[name] = {
-    get: function() {
-      var value = this.data.get(key);
-      if (value !== null) {
-        return read(value);
-      } else {
-        return definition.defaultValue;
-      }
-    },
-    set: function(value) {
-      if (value === void 0) {
-        this.data.delete(key);
-      } else {
-        this.data.set(key, write(value));
-      }
-    }
-  }, _a["has" + capitalize(name)] = {
-    get: function() {
-      return this.data.has(key);
-    }
-  }, _a;
-}
-function parseValueDefinitionPair(_a) {
-  var token = _a[0], typeConstant = _a[1];
-  var type = parseValueTypeConstant(typeConstant);
-  return valueDescriptorForTokenAndType(token, type);
-}
-function parseValueTypeConstant(typeConstant) {
-  switch (typeConstant) {
-    case Array:
-      return "array";
-    case Boolean:
-      return "boolean";
-    case Number:
-      return "number";
-    case Object:
-      return "object";
-    case String:
-      return "string";
-  }
-  throw new Error('Unknown value type constant "' + typeConstant + '"');
-}
-function valueDescriptorForTokenAndType(token, type) {
-  var key = dasherize(token) + "-value";
-  return {
-    type,
-    key,
-    name: camelize(key),
-    get defaultValue() {
-      return defaultValuesByType[type];
-    }
-  };
-}
-var defaultValuesByType = {
-  get array() {
-    return [];
-  },
-  boolean: false,
-  number: 0,
-  get object() {
-    return {};
-  },
-  string: ""
-};
-var readers = {
-  array: function(value) {
-    var array = JSON.parse(value);
-    if (!Array.isArray(array)) {
-      throw new TypeError("Expected array");
-    }
-    return array;
-  },
-  boolean: function(value) {
-    return !(value == "0" || value == "false");
-  },
-  number: function(value) {
-    return parseFloat(value);
-  },
-  object: function(value) {
-    var object = JSON.parse(value);
-    if (object === null || typeof object != "object" || Array.isArray(object)) {
-      throw new TypeError("Expected object");
-    }
-    return object;
-  },
-  string: function(value) {
-    return value;
-  }
-};
-var writers = {
-  default: writeString,
-  array: writeJSON,
-  object: writeJSON
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
 };
-function writeJSON(value) {
-  return JSON.stringify(value);
-}
-function writeString(value) {
-  return "" + value;
-}
-var Controller = function() {
-  function Controller2(context) {
-    this.context = context;
-  }
-  Object.defineProperty(Controller2.prototype, "application", {
-    get: function() {
-      return this.context.application;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Controller2.prototype, "scope", {
-    get: function() {
-      return this.context.scope;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Controller2.prototype, "element", {
-    get: function() {
-      return this.scope.element;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Controller2.prototype, "identifier", {
-    get: function() {
-      return this.scope.identifier;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Controller2.prototype, "targets", {
-    get: function() {
-      return this.scope.targets;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Controller2.prototype, "classes", {
-    get: function() {
-      return this.scope.classes;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(Controller2.prototype, "data", {
-    get: function() {
-      return this.scope.data;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Controller2.prototype.initialize = function() {
-  };
-  Controller2.prototype.connect = function() {
-  };
-  Controller2.prototype.disconnect = function() {
-  };
-  Controller2.blessings = [ClassPropertiesBlessing, TargetPropertiesBlessing, ValuePropertiesBlessing];
-  Controller2.targets = [];
-  Controller2.values = {};
-  return Controller2;
-}();
+import { Controller } from "stimulus";
+import { camelCase, debounce, upperFirst, clamp, get, set } from "lodash-es";
+import { isPast, intervalToDuration, formatDuration, toDate, formatDistanceToNow } from "date-fns";
 class BaseController extends Controller {
   constructor(context) {
     super(context);
@@ -2316,7 +66,7 @@ class BaseController extends Controller {
     return (element == null ? void 0 : element.getAttribute("content")) || null;
   }
   dispatch(element, eventName, options = {}) {
-    let mergedOptions = Object.assign({}, { bubbles: true, cancelable: true, detail: { target: element } }, options);
+    let mergedOptions = Object.assign({}, { bubbles: true, cancelable: true, detail: { target: element, element } }, options);
     if (!!mergedOptions.detail.target) {
       mergedOptions.detail.target = element;
     }
@@ -2392,105 +142,39 @@ function logProperty(prop) {
   if (/^.*?Classes$/.test(prop)) {
     return false;
   }
+  if (/^.*?ClassesPresent$/.test(prop)) {
+    return false;
+  }
   return true;
 }
-var camelcase = { exports: {} };
-const preserveCamelCase = (string, locale) => {
-  let isLastCharLower = false;
-  let isLastCharUpper = false;
-  let isLastLastCharUpper = false;
-  for (let i = 0; i < string.length; i++) {
-    const character = string[i];
-    if (isLastCharLower && /[\p{Lu}]/u.test(character)) {
-      string = string.slice(0, i) + "-" + string.slice(i);
-      isLastCharLower = false;
-      isLastLastCharUpper = isLastCharUpper;
-      isLastCharUpper = true;
-      i++;
-    } else if (isLastCharUpper && isLastLastCharUpper && /[\p{Ll}]/u.test(character)) {
-      string = string.slice(0, i - 1) + "-" + string.slice(i - 1);
-      isLastLastCharUpper = isLastCharUpper;
-      isLastCharUpper = false;
-      isLastCharLower = true;
-    } else {
-      isLastCharLower = character.toLocaleLowerCase(locale) === character && character.toLocaleUpperCase(locale) !== character;
-      isLastLastCharUpper = isLastCharUpper;
-      isLastCharUpper = character.toLocaleUpperCase(locale) === character && character.toLocaleLowerCase(locale) !== character;
-    }
-  }
-  return string;
-};
-const preserveConsecutiveUppercase = (input) => {
-  return input.replace(/^[\p{Lu}](?![\p{Lu}])/gu, (m1) => m1.toLowerCase());
-};
-const postProcess = (input, options) => {
-  return input.replace(/[_.\- ]+([\p{Alpha}\p{N}_]|$)/gu, (_, p1) => p1.toLocaleUpperCase(options.locale)).replace(/\d+([\p{Alpha}\p{N}_]|$)/gu, (m) => m.toLocaleUpperCase(options.locale));
-};
-const camelCase = (input, options) => {
-  if (!(typeof input === "string" || Array.isArray(input))) {
-    throw new TypeError("Expected the input to be `string | string[]`");
-  }
-  options = __spreadValues({
-    pascalCase: false,
-    preserveConsecutiveUppercase: false
-  }, options);
-  if (Array.isArray(input)) {
-    input = input.map((x) => x.trim()).filter((x) => x.length).join("-");
-  } else {
-    input = input.trim();
-  }
-  if (input.length === 0) {
-    return "";
-  }
-  if (input.length === 1) {
-    return options.pascalCase ? input.toLocaleUpperCase(options.locale) : input.toLocaleLowerCase(options.locale);
-  }
-  const hasUpperCase = input !== input.toLocaleLowerCase(options.locale);
-  if (hasUpperCase) {
-    input = preserveCamelCase(input, options.locale);
-  }
-  input = input.replace(/^[_.\- ]+/, "");
-  if (options.preserveConsecutiveUppercase) {
-    input = preserveConsecutiveUppercase(input);
-  } else {
-    input = input.toLocaleLowerCase();
-  }
-  if (options.pascalCase) {
-    input = input.charAt(0).toLocaleUpperCase(options.locale) + input.slice(1);
-  }
-  return postProcess(input, options);
-};
-camelcase.exports = camelCase;
-camelcase.exports.default = camelCase;
-var camelCase$1 = camelcase.exports;
 class EphemeralController extends BaseController {
   _cleanupSelf() {
     this.cleanup(this.el);
   }
   cleanup(element) {
     var _a, _b, _c;
-    element.dataset.controller = ((_a = element.dataset.controller) == null ? void 0 : _a.replaceAll(new RegExp(`(s|^)${this.identifier}(s|$)`, "g"), "")) || "";
+    element.dataset.controller = ((_a = element.dataset.controller) == null ? void 0 : _a.replaceAll(new RegExp(`(\\s|^)${this.identifier}(\\s|$)`, "g"), "")) || "";
     if (element.dataset.controller == "") {
       delete element.dataset.controller;
     }
-    let substringIdentifierValueRegex = new RegExp(`(s|^)${this.identifier}\\..+?(s|$)`, "g");
+    let substringIdentifierValueRegex = new RegExp(`(\\s|^)${this.identifier}\\..+?(\\s|$)`, "g");
     element.dataset.target = ((_b = element.dataset.target) == null ? void 0 : _b.replaceAll(substringIdentifierValueRegex, "")) || "";
-    delete element.dataset[camelCase$1(`${this.identifier}-target`)];
+    delete element.dataset[camelCase(`${this.identifier}-target`)];
     if (element.dataset.target == "") {
       delete element.dataset.target;
     }
     element.dataset.action = ((_c = element.dataset.target) == null ? void 0 : _c.replaceAll(substringIdentifierValueRegex, "")) || "";
-    delete element.dataset[camelCase$1(`${this.identifier}-action`)];
+    delete element.dataset[camelCase(`${this.identifier}-action`)];
     if (element.dataset.action == "") {
       delete element.dataset.action;
     }
     let values = this.constructor.values;
     if (values) {
-      Object.keys(values).forEach((val) => delete element.dataset[camelCase$1(`${this.identifier}-${val}-value`)]);
+      Object.keys(values).forEach((val) => delete element.dataset[camelCase(`${this.identifier}-${val}-value`)]);
     }
     let classes = this.constructor.classes;
     if (classes) {
-      Object.keys(classes).forEach((val) => delete element.dataset[camelCase$1(`${this.identifier}-${val}-class`)]);
+      Object.keys(classes).forEach((val) => delete element.dataset[camelCase(`${this.identifier}-${val}-class`)]);
     }
   }
 }
@@ -2660,6 +344,21 @@ function insertHiddenInput(name, value, targetElement, insertPosition) {
 function insertHiddenButton(type, targetElement, insertPosition) {
   return insertElement(targetElement, insertPosition, createHiddenButton(type));
 }
+function getAllRadiosInGroup(radio) {
+  let parent = radio.form || document;
+  return Array.from(parent.querySelectorAll(`input[type="radio"][name="${radio.name}"]`));
+}
+function getOtherRadiosInGroup(radio) {
+  return getAllRadiosInGroup(radio).filter((r) => r !== radio);
+}
+function isElementInViewport(el) {
+  const rect = el.getBoundingClientRect();
+  const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+  const windowWidth = window.innerWidth || document.documentElement.clientWidth;
+  const vertInView = rect.top <= windowHeight && rect.top + rect.height >= 0;
+  const horInView = rect.left <= windowWidth && rect.left + rect.width >= 0;
+  return vertInView && horInView;
+}
 function requestSubmit(form) {
   if (form.requestSubmit) {
     form.requestSubmit();
@@ -2678,17 +377,11 @@ function requestReset(form) {
   }
   button.click();
 }
-function useEventListeners(controller, element, eventNames, handler, opts) {
+function wrapArray(x) {
+  return Array.isArray(x) ? x : [x];
+}
+function useMixin(controller, setup, teardown) {
   const controllerDisconnect = controller.disconnect.bind(controller);
-  let options = opts;
-  if (options == null ? void 0 : options.debounce) {
-    handler = debounce$1(handler.bind(controller), options.debounce);
-    delete options.debounce;
-  } else {
-    handler = handler.bind(controller);
-  }
-  let setup = () => eventNames.forEach((eventName) => element.addEventListener(eventName, handler, options));
-  let teardown = () => eventNames.forEach((eventName) => element.removeEventListener(eventName, handler));
   setup();
   Object.assign(controller, {
     disconnect() {
@@ -2696,15 +389,28 @@ function useEventListeners(controller, element, eventNames, handler, opts) {
       controllerDisconnect();
     }
   });
+  return controllerDisconnect;
+}
+function useEventListener(controller, element, eventNameOrNames, handler, opts) {
+  if (opts == null ? void 0 : opts.debounce) {
+    handler = debounce(handler.bind(controller), opts.debounce);
+    delete opts.debounce;
+  } else {
+    handler = handler.bind(controller);
+  }
+  let eventNames = wrapArray(eventNameOrNames);
+  let setup = () => eventNames.forEach((eventName) => element.addEventListener(eventName, handler, opts));
+  let teardown = () => eventNames.forEach((eventName) => element.removeEventListener(eventName, handler));
+  useMixin(controller, setup, teardown);
   return { setup, teardown };
 }
-function useEventListener(controller, element, eventName, handler, opts) {
-  return useEventListeners(controller, element, [eventName], handler, opts);
+function useEventListeners(controller, element, eventNameOrNames, handler, opts) {
+  return useEventListener(controller, element, eventNameOrNames, handler, opts);
 }
-function useCollectionEventListeners(controller, elements, eventNames, handler, opts) {
+function useCollectionEventListener(controller, elements, eventNameOrNames, handler, opts) {
   let handlers = [];
   elements.forEach((el) => {
-    let { setup, teardown } = useEventListeners(controller, el, eventNames, handler, opts);
+    let { setup, teardown } = useEventListener(controller, el, eventNameOrNames, handler, opts);
     handlers.push({ setup, teardown });
   });
   return [
@@ -2712,95 +418,119 @@ function useCollectionEventListeners(controller, elements, eventNames, handler,
     () => handlers.forEach((h) => h.teardown())
   ];
 }
-function useCollectionEventListener(controller, elements, eventName, handler, opts) {
-  return useCollectionEventListeners(controller, elements, [eventName], handler, opts);
-}
-function useInterval(controller, handler, interval) {
-  const controllerDisconnect = controller.disconnect.bind(controller);
-  handler = handler.bind(controller);
-  let intervalHandle = null;
-  let setup = () => intervalHandle = setInterval(handler, interval);
-  let teardown = () => {
-    if (intervalHandle !== null) {
-      clearInterval(intervalHandle);
-    }
-  };
-  setup();
-  Object.assign(controller, {
-    disconnect() {
-      teardown();
-      controllerDisconnect();
-    }
-  });
-  return teardown;
+function useCollectionEventListeners(controller, elements, eventNameOrNames, handler, opts) {
+  return useCollectionEventListener(controller, elements, eventNameOrNames, handler, opts);
 }
 function useFullscreen(controller, el) {
-  const controllerDisconnect = controller.disconnect.bind(controller);
   let element = el || document.documentElement;
   let fullscreenOpen = document.fullscreenElement !== null;
-  function updateFullscreenState() {
-    fullscreenOpen = document.fullscreenElement !== null;
-  }
-  function isFullscreen() {
-    return fullscreenOpen;
-  }
-  async function exit() {
+  const updateFullscreenState = () => fullscreenOpen = document.fullscreenElement !== null;
+  const isFullscreen = () => fullscreenOpen;
+  const toggle = async () => fullscreenOpen ? await exit() : await enter();
+  let setup = () => document.addEventListener("fullscreenchange", updateFullscreenState);
+  let teardown = () => document.removeEventListener("fullscreenchange", updateFullscreenState);
+  const exit = async () => {
     if (document.exitFullscreen) {
       fullscreenOpen = false;
       await document.exitFullscreen();
     }
-  }
-  async function enter() {
-    if (fullscreenOpen) {
-      await exit();
-    }
-    if (element.requestFullscreen) {
-      await element.requestFullscreen();
-      fullscreenOpen = true;
-    }
-  }
-  async function toggle() {
+  };
+  const enter = async () => {
     if (fullscreenOpen) {
-      await exit();
-    } else {
-      await enter();
-    }
-  }
-  document.addEventListener("fullscreenchange", updateFullscreenState);
-  Object.assign(controller, {
-    disconnect() {
-      document.removeEventListener("fullscreenchange", updateFullscreenState);
-      controllerDisconnect();
+      await exit();
     }
-  });
+    if (element.requestFullscreen) {
+      await element.requestFullscreen();
+      fullscreenOpen = true;
+    }
+  };
+  useMixin(controller, setup, teardown);
   return {
     isFullscreen,
     enter,
     exit,
-    toggle
+    toggle,
+    teardown
   };
 }
-function useTimeout(controller, handler, timeout) {
-  const controllerDisconnect = controller.disconnect.bind(controller);
-  handler = handler.bind(controller);
-  let timeoutHandle = null;
-  let setup = () => timeoutHandle = setTimeout(handler, timeout);
-  let teardown = () => {
-    if (timeoutHandle !== null) {
-      clearTimeout(timeoutHandle);
+function reactive(object) {
+  if (object === null || typeof object !== "object") {
+    return object;
+  }
+  for (const property in object) {
+    if (Object.getOwnPropertyDescriptor(object, property) == void 0) {
+      continue;
     }
-  };
-  setup();
-  Object.assign(controller, {
-    disconnect() {
-      teardown();
-      controllerDisconnect();
+    object[property] = reactive(object[property]);
+  }
+  return new Proxy(object, {
+    get(target, property) {
+      return target[property];
+    },
+    set(target, property, value) {
+      target[property] = reactive(value);
+      return true;
     }
   });
-  return teardown;
+}
+function useGeolocation(controller, options = {}, update, error) {
+  if (update) {
+    update = update.bind(controller);
+  }
+  if (error) {
+    error = error.bind(controller);
+  }
+  const {
+    enableHighAccuracy = true,
+    maximumAge = 3e4,
+    timeout = 27e3
+  } = options;
+  const isSupported = navigator && "geolocation" in navigator;
+  const values = reactive({
+    locatedAt: null,
+    error: null,
+    coords: {
+      accuracy: 0,
+      latitude: Infinity,
+      longitude: Infinity,
+      altitude: null,
+      altitudeAccuracy: null,
+      heading: null,
+      speed: null
+    },
+    teardown: () => {
+      if (watcher) {
+        navigator.geolocation.clearWatch(watcher);
+        watcher = null;
+      }
+    }
+  });
+  let setup = () => {
+    if (isSupported) {
+      watcher = navigator.geolocation.watchPosition((position) => {
+        values.locatedAt = position.timestamp;
+        values.coords = position.coords;
+        values.error = null;
+        if (update) {
+          update(position);
+        }
+      }, (err) => {
+        values.error = err;
+        if (error) {
+          error(err);
+        }
+      }, {
+        enableHighAccuracy,
+        maximumAge,
+        timeout
+      });
+    }
+  };
+  let watcher = null;
+  useMixin(controller, setup, values.teardown);
+  return values;
 }
 function useInjectedFragment(controller, targetElement, insertPosition, fragment, options = {}) {
-  const controllerDisconnect = controller.disconnect.bind(controller);
   let nodes = Array.from(fragment.childNodes);
   let setup = () => {
     let parent = targetElement.parentElement;
@@ -2822,19 +552,8 @@ function useInjectedFragment(controller, targetElement, insertPosition, fragment
         break;
     }
   };
-  let teardown;
-  if (options.cleanup) {
-    teardown = () => nodes.forEach((node) => node.remove());
-  } else {
-    teardown = () => void 0;
-  }
-  setup();
-  Object.assign(controller, {
-    disconnect() {
-      teardown();
-      controllerDisconnect();
-    }
-  });
+  let teardown = options.cleanup ? () => nodes.forEach((node) => node.remove()) : () => void 0;
+  useMixin(controller, setup, teardown);
   return [nodes, teardown];
 }
 function useInjectedHTML(controller, targetElement, insertPosition, html, options = {}) {
@@ -2847,6 +566,128 @@ function useInjectedElement(controller, targetElement, insertPosition, element,
   let [nodes, teardown] = useInjectedFragment(controller, targetElement, insertPosition, fragment, options);
   return [nodes[0], teardown];
 }
+const StorageSerializers = {
+  boolean: {
+    read: (v) => v === "true",
+    write: (v) => String(v)
+  },
+  object: {
+    read: (v) => JSON.parse(v),
+    write: (v) => JSON.stringify(v)
+  },
+  number: {
+    read: (v) => Number.parseFloat(v),
+    write: (v) => String(v)
+  },
+  any: {
+    read: (v) => v,
+    write: (v) => String(v)
+  },
+  string: {
+    read: (v) => v,
+    write: (v) => String(v)
+  },
+  map: {
+    read: (v) => new Map(JSON.parse(v)),
+    write: (v) => JSON.stringify(Array.from(v.entries()))
+  },
+  set: {
+    read: (v) => new Set(JSON.parse(v)),
+    write: (v) => JSON.stringify(Array.from(v.entries()))
+  }
+};
+function useLocalStorage(controller, key, defaultValue, opts) {
+  let type = "any";
+  let { writeDefaults } = opts;
+  if (defaultValue == null) {
+    type = "any";
+  }
+  if (defaultValue instanceof Set) {
+    type = "set";
+  }
+  if (defaultValue instanceof Map) {
+    type = "map";
+  }
+  if (typeof defaultValue === "boolean") {
+    type = "boolean";
+  }
+  if (typeof defaultValue === "string") {
+    type = "string";
+  }
+  if (typeof defaultValue === "object") {
+    type = "object";
+  }
+  if (Array.isArray(defaultValue)) {
+    type = "object";
+  }
+  if (!Number.isNaN(defaultValue)) {
+    type = "number";
+  }
+  let data = reactive({
+    value: defaultValue
+  });
+  let storage = localStorage;
+  const serializer = StorageSerializers[type];
+  const read = (event) => {
+    if (event && event.key !== key) {
+      return;
+    }
+    try {
+      const rawValue = event ? event.newValue : storage.getItem(key);
+      if (rawValue == null) {
+        data.value = defaultValue;
+        if (writeDefaults && defaultValue !== null) {
+          storage.setItem(key, serializer.write(defaultValue));
+        }
+      } else {
+        data.value = serializer.read(rawValue);
+      }
+    } catch (e) {
+    }
+  };
+  read();
+  return {
+    get value() {
+      return data.value;
+    },
+    set value(value) {
+      data.value = value;
+      storage.setItem(key, serializer.write(value));
+    },
+    read
+  };
+}
+function useInterval(controller, handler, interval) {
+  handler = handler.bind(controller);
+  let intervalHandle = null;
+  let setup = () => intervalHandle = setInterval(handler, interval);
+  let teardown = () => {
+    if (intervalHandle !== null) {
+      clearInterval(intervalHandle);
+    }
+  };
+  useMixin(controller, setup, teardown);
+  return teardown;
+}
+function useTimeout(controller, handler, timeout) {
+  let controllerDisconnect;
+  let timeoutHandle = null;
+  handler = handler.bind(controller);
+  let newHandler = () => {
+    handler();
+    timeoutHandle = null;
+    Object.assign(controller, { disconnect: controllerDisconnect });
+  };
+  let setup = () => timeoutHandle = setTimeout(newHandler, timeout);
+  let teardown = () => {
+    if (timeoutHandle !== null) {
+      clearTimeout(timeoutHandle);
+      timeoutHandle = null;
+    }
+  };
+  controllerDisconnect = useMixin(controller, setup, teardown);
+  return teardown;
+}
 async function fetchRetry(n, input, init) {
   try {
     return await fetch(input, init);
@@ -2918,343 +759,56 @@ __publicField(AsyncBlockController, "values", {
   selector: String,
   maxRetries: Number
 });
-const method = (controller, methodName) => {
-  const method2 = controller[methodName];
-  if (typeof method2 == "function") {
-    return method2;
-  } else {
-    return (...args) => {
-    };
-  }
-};
-const composeEventName = (name, controller, eventPrefix) => {
-  let composedName = name;
-  if (eventPrefix === true) {
-    composedName = `${controller.identifier}:${name}`;
-  } else if (typeof eventPrefix === "string") {
-    composedName = `${eventPrefix}:${name}`;
-  }
-  return composedName;
-};
-const extendedEvent = (type, event, detail) => {
-  const { bubbles, cancelable, composed } = event || { bubbles: true, cancelable: true, composed: true };
-  if (event) {
-    Object.assign(detail, { originalEvent: event });
-  }
-  const customEvent = new CustomEvent(type, {
-    bubbles,
-    cancelable,
-    composed,
-    detail
-  });
-  return customEvent;
-};
-function isElementInViewport(el) {
-  const rect = el.getBoundingClientRect();
-  const windowHeight = window.innerHeight || document.documentElement.clientHeight;
-  const windowWidth = window.innerWidth || document.documentElement.clientWidth;
-  const vertInView = rect.top <= windowHeight && rect.top + rect.height >= 0;
-  const horInView = rect.left <= windowWidth && rect.left + rect.width >= 0;
-  return vertInView && horInView;
-}
-const defaultOptions$2 = {
-  dispatchEvent: true,
-  eventPrefix: true
-};
-const useIntersection = (controller, options = {}) => {
-  const { dispatchEvent, eventPrefix } = Object.assign({}, defaultOptions$2, options);
-  const targetElement = (options === null || options === void 0 ? void 0 : options.element) || controller.element;
-  const callback = (entries) => {
-    const [entry] = entries;
-    if (entry.isIntersecting) {
-      dispatchAppear(entry);
-    } else if (controller.isVisible) {
-      dispatchDisappear(entry);
-    }
-  };
-  const dispatchAppear = (entry) => {
-    controller.isVisible = true;
-    method(controller, "appear").call(controller, entry);
-    if (dispatchEvent) {
-      const eventName = composeEventName("appear", controller, eventPrefix);
-      const appearEvent = extendedEvent(eventName, null, { controller, entry });
-      targetElement.dispatchEvent(appearEvent);
-    }
-  };
-  const dispatchDisappear = (entry) => {
-    controller.isVisible = false;
-    method(controller, "disappear").call(controller, entry);
-    if (dispatchEvent) {
-      const eventName = composeEventName("disappear", controller, eventPrefix);
-      const disappearEvent = extendedEvent(eventName, null, { controller, entry });
-      targetElement.dispatchEvent(disappearEvent);
-    }
-  };
-  const controllerDisconnect = controller.disconnect.bind(controller);
-  const observer = new IntersectionObserver(callback, options);
-  const observe = () => {
-    observer.observe(targetElement);
-  };
-  const unobserve = () => {
-    observer.unobserve(targetElement);
-  };
-  Object.assign(controller, {
-    isVisible: false,
-    disconnect() {
-      unobserve();
-      controllerDisconnect();
-    }
-  });
-  observe();
-  return [observe, unobserve];
-};
-const defaultOptions$1 = {
-  events: ["click", "touchend"],
-  onlyVisible: true,
-  dispatchEvent: true,
-  eventPrefix: true
-};
-const useClickOutside = (controller, options = {}) => {
-  const { onlyVisible, dispatchEvent, events, eventPrefix } = Object.assign({}, defaultOptions$1, options);
-  const onEvent = (event) => {
-    const targetElement = (options === null || options === void 0 ? void 0 : options.element) || controller.element;
-    if (targetElement.contains(event.target) || !isElementInViewport(targetElement) && onlyVisible) {
-      return;
-    }
-    if (controller.clickOutside) {
-      controller.clickOutside(event);
-    }
-    if (dispatchEvent) {
-      const eventName = composeEventName("click:outside", controller, eventPrefix);
-      const clickOutsideEvent = extendedEvent(eventName, event, { controller });
-      targetElement.dispatchEvent(clickOutsideEvent);
-    }
-  };
-  const observe = () => {
-    events === null || events === void 0 ? void 0 : events.forEach((event) => {
-      window.addEventListener(event, onEvent, false);
-    });
+function useIntersectionObserver(controller, handler, options) {
+  handler = handler.bind(controller);
+  let observer = new IntersectionObserver(handler, options);
+  let teardown = () => {
+    observer == null ? void 0 : observer.disconnect();
+    observer = null;
   };
-  const unobserve = () => {
-    events === null || events === void 0 ? void 0 : events.forEach((event) => {
-      window.removeEventListener(event, onEvent, false);
-    });
+  let observe = (element) => observer == null ? void 0 : observer.observe(element);
+  let unobserve = (element) => observer == null ? void 0 : observer.unobserve(element);
+  return {
+    observer,
+    teardown,
+    observe,
+    unobserve
   };
-  const controllerDisconnect = controller.disconnect.bind(controller);
-  Object.assign(controller, {
-    disconnect() {
-      unobserve();
-      controllerDisconnect();
-    }
-  });
-  observe();
-  return [observe, unobserve];
-};
-const defaultOptions = {
-  debug: false,
-  logger: console,
-  dispatchEvent: true,
-  eventPrefix: true
-};
-class StimulusUse {
-  constructor(controller, options = {}) {
-    var _a, _b, _c;
-    this.log = (functionName, args) => {
-      if (!this.debug)
-        return;
-      this.logger.groupCollapsed(`%c${this.controller.identifier} %c#${functionName}`, "color: #3B82F6", "color: unset");
-      this.logger.log(__spreadValues({
-        controllerId: this.controllerId
-      }, args));
-      this.logger.groupEnd();
-    };
-    this.dispatch = (eventName, details = {}) => {
-      if (this.dispatchEvent) {
-        const _a2 = details, { event } = _a2, eventDetails = __objRest(_a2, ["event"]);
-        const customEvent = this.extendedEvent(eventName, event || null, eventDetails);
-        this.targetElement.dispatchEvent(customEvent);
-        this.log("dispatchEvent", __spreadValues({ eventName: customEvent.type }, eventDetails));
-      }
-    };
-    this.call = (methodName, args = {}) => {
-      const method2 = this.controller[methodName];
-      if (typeof method2 == "function") {
-        return method2.call(this.controller, args);
-      }
-    };
-    this.extendedEvent = (name, event, detail) => {
-      const { bubbles, cancelable, composed } = event || { bubbles: true, cancelable: true, composed: true };
-      if (event) {
-        Object.assign(detail, { originalEvent: event });
-      }
-      const customEvent = new CustomEvent(this.composeEventName(name), {
-        bubbles,
-        cancelable,
-        composed,
-        detail
-      });
-      return customEvent;
-    };
-    this.composeEventName = (name) => {
-      let composedName = name;
-      if (this.eventPrefix === true) {
-        composedName = `${this.controller.identifier}:${name}`;
-      } else if (typeof this.eventPrefix === "string") {
-        composedName = `${this.eventPrefix}:${name}`;
-      }
-      return composedName;
-    };
-    this.debug = (_b = (_a = options === null || options === void 0 ? void 0 : options.debug) !== null && _a !== void 0 ? _a : controller.application.stimulusUseDebug) !== null && _b !== void 0 ? _b : defaultOptions.debug;
-    this.logger = (_c = options === null || options === void 0 ? void 0 : options.logger) !== null && _c !== void 0 ? _c : defaultOptions.logger;
-    this.controller = controller;
-    this.controllerId = controller.element.id || controller.element.dataset.id;
-    this.targetElement = (options === null || options === void 0 ? void 0 : options.element) || controller.element;
-    const { dispatchEvent, eventPrefix } = Object.assign({}, defaultOptions, options);
-    Object.assign(this, { dispatchEvent, eventPrefix });
-    this.controllerInitialize = controller.initialize.bind(controller);
-    this.controllerConnect = controller.connect.bind(controller);
-    this.controllerDisconnect = controller.disconnect.bind(controller);
-  }
-}
-class UseHover extends StimulusUse {
-  constructor(controller, options = {}) {
-    super(controller, options);
-    this.observe = () => {
-      this.targetElement.addEventListener("mouseenter", this.onEnter);
-      this.targetElement.addEventListener("mouseleave", this.onLeave);
-    };
-    this.unobserve = () => {
-      this.targetElement.removeEventListener("mouseenter", this.onEnter);
-      this.targetElement.removeEventListener("mouseleave", this.onLeave);
-    };
-    this.onEnter = (event) => {
-      this.call("mouseEnter", event);
-      this.log("mouseEnter", { hover: true });
-      this.dispatch("mouseEnter", { hover: false });
-    };
-    this.onLeave = (event) => {
-      this.call("mouseLeave", event);
-      this.log("mouseLeave", { hover: false });
-      this.dispatch("mouseLeave", { hover: false });
-    };
-    this.controller = controller;
-    this.enhanceController();
-    this.observe();
-  }
-  enhanceController() {
-    const controllerDisconnect = this.controller.disconnect.bind(this.controller);
-    const disconnect = () => {
-      this.unobserve();
-      controllerDisconnect();
-    };
-    Object.assign(this.controller, { disconnect });
-  }
 }
-const useHover = (controller, options = {}) => {
-  const observer = new UseHover(controller, options);
-  return [observer.observe, observer.unobserve];
-};
-class UseMutation extends StimulusUse {
-  constructor(controller, options = {}) {
-    super(controller, options);
-    this.observe = () => {
-      try {
-        this.observer.observe(this.targetElement, this.options);
-      } catch (error2) {
-        this.controller.application.handleError(error2, "At a minimum, one of childList, attributes, and/or characterData must be true", {});
-      }
-    };
-    this.unobserve = () => {
-      this.observer.disconnect();
-    };
-    this.mutation = (entries) => {
-      this.call("mutate", entries);
-      this.log("mutate", { entries });
-      this.dispatch("mutate", { entries });
-    };
-    this.targetElement = (options === null || options === void 0 ? void 0 : options.element) || controller.element;
-    this.controller = controller;
-    this.options = options;
-    this.observer = new MutationObserver(this.mutation);
-    this.enhanceController();
-    this.observe();
-  }
-  enhanceController() {
-    const controllerDisconnect = this.controller.disconnect.bind(this.controller);
-    const disconnect = () => {
-      this.unobserve();
-      controllerDisconnect();
-    };
-    Object.assign(this.controller, { disconnect });
+function useIntersection(controller, element, appear, disappear, options) {
+  if (appear) {
+    appear = appear.bind(controller);
   }
-}
-const useMutation = (controller, options = {}) => {
-  const observer = new UseMutation(controller, options);
-  return [observer.observe, observer.unobserve];
-};
-const useWindowResize = (controller) => {
-  const callback = (event) => {
-    const { innerWidth, innerHeight } = window;
-    const payload = {
-      height: innerHeight || Infinity,
-      width: innerWidth || Infinity,
-      event
-    };
-    method(controller, "windowResize").call(controller, payload);
-  };
-  const controllerDisconnect = controller.disconnect.bind(controller);
-  const observe = () => {
-    window.addEventListener("resize", callback);
-    callback();
-  };
-  const unobserve = () => {
-    window.removeEventListener("resize", callback);
+  if (disappear) {
+    disappear = disappear.bind(controller);
+  }
+  let opts = options != null ? options : {};
+  let processEntries = (entries) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting) {
+        appear && appear(entry);
+      } else {
+        disappear && disappear(entry);
+      }
+    });
   };
-  Object.assign(controller, {
-    disconnect() {
-      unobserve();
-      controllerDisconnect();
-    }
-  });
-  observe();
-  return [observe, unobserve];
-};
-class DebounceController extends Controller {
-}
-DebounceController.debounces = [];
-const defaultWait = 200;
-const debounce = (fn, wait = defaultWait) => {
-  let timeoutId = null;
-  return function() {
-    const args = arguments;
-    const context = this;
-    const callback = () => fn.apply(context, args);
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(callback, wait);
+  let { observer, observe, unobserve, teardown } = useIntersectionObserver(controller, processEntries, opts);
+  let setup = () => observe(element);
+  useMixin(controller, setup, teardown);
+  return {
+    observer,
+    observe: () => observe(element),
+    unobserve: () => unobserve(element),
+    teardown
   };
-};
-const useDebounce = (controller, options) => {
-  var _a;
-  const constructor = controller.constructor;
-  (_a = constructor.debounces) === null || _a === void 0 ? void 0 : _a.forEach((func) => {
-    if (typeof func === "string") {
-      controller[func] = debounce(controller[func], options === null || options === void 0 ? void 0 : options.wait);
-    }
-    if (typeof func === "object") {
-      const { name, wait } = func;
-      if (!name)
-        return;
-      controller[name] = debounce(controller[name], wait || (options === null || options === void 0 ? void 0 : options.wait));
-    }
-  });
-};
+}
 class LazyBlockController extends LoadBlockController {
   async connect() {
     let element = this.el;
     if ("IntersectionObserver" in window) {
-      [this.observe, this.unobserve] = useIntersection(this, { element, threshold: 0.3 });
+      let { observe, unobserve } = useIntersection(this, element, this.appear, null, { threshold: 0.3 });
+      this.observe = observe;
+      this.unobserve = unobserve;
     } else {
       await this.loadContent();
     }
@@ -3339,9 +893,8 @@ class AutoSubmitFormController extends BaseController {
 __publicField(AutoSubmitFormController, "values", { submitMode: String, eventMode: String, debounceInterval: Number });
 class AutosizeController extends BaseController {
   connect() {
-    useWindowResize(this);
-    let [, unobserveIntersection] = useIntersection(this);
-    this.unobserveIntersection = unobserveIntersection;
+    let { teardown } = useIntersection(this, this.el, this.appear);
+    this._unobserveIntersection = teardown;
     if (!isHTMLTextAreaElement(this.el)) {
       throw new Error(`Expected controller to be attached to a textarea, but was a '${this.el.tagName}'`);
     }
@@ -3349,13 +902,13 @@ class AutosizeController extends BaseController {
       this.el.style.resize = "none";
       this.el.style.boxSizing = "border-box";
       this._handler();
-      useEventListeners(this, window, ["resize"], this._handler);
-      useEventListeners(this, this.el, ["input", "change", "focus"], this._handler, { debounce: 100 });
+      useEventListener(this, window, ["resize"], this._handler);
+      useEventListener(this, this.el, ["input", "change", "focus"], this._handler, { debounce: 100 });
     });
   }
   appear(_entry) {
     this.autosize(this.el);
-    this.unobserveIntersection();
+    this._unobserveIntersection();
   }
   _handler() {
     this.autosize(this.el);
@@ -3366,42 +919,58 @@ class AutosizeController extends BaseController {
     element.style.height = element.scrollHeight + offset + "px";
   }
 }
-class CharCountController extends BaseController {
-  get _errorClasses() {
-    return this.errorClass.split(" ");
+function controllerMethod(controller, methodName) {
+  const method = controller[methodName];
+  if (typeof method == "function") {
+    return method;
+  } else if (method != void 0) {
+    return () => method;
+  } else {
+    return () => void 0;
   }
-  get _defaultErrorClasses() {
-    return [];
+}
+function pascalCase(str) {
+  return upperFirst(camelCase(str));
+}
+function addMethodsForClassDefinition(controller, name) {
+  let defaultElement = controller.element;
+  let hasClass = () => controller[`has${pascalCase(name)}Class`] == true;
+  let classes = () => controller[`${name}Classes`];
+  let defaultClasses = () => controllerMethod(controller, `default${pascalCase(name)}Classes`).call(controller) || [];
+  let classOrDefault = () => hasClass() ? classes() : defaultClasses();
+  if (controller[`${name}Classes`] == void 0) {
+    Object.defineProperty(controller, `${name}Classes`, {
+      get: () => hasClass() ? controller[`${name}Class`].split(" ") : defaultClasses()
+    });
   }
+  let methods = {
+    [`add${pascalCase(name)}Classes`]: (element = defaultElement) => element.classList.add(...classOrDefault()),
+    [`remove${pascalCase(name)}Classes`]: (element = defaultElement) => element.classList.remove(...classOrDefault()),
+    [`${name}ClassesPresent`]: (element = defaultElement) => classOrDefault().every((klass) => element.classList.contains(klass))
+  };
+  console.log(methods);
+  Object.assign(controller, methods);
+}
+function installClassMethods(controller) {
+  let classes = controller.constructor.classes || [];
+  console.log(classes);
+  classes.forEach((classDefinition) => addMethodsForClassDefinition(controller, classDefinition));
+}
+class CharCountController extends BaseController {
   connect() {
+    installClassMethods(this);
     requestAnimationFrame(() => {
       useEventListener(this, this.inputTarget, "input", this._updateCharCount);
       this._updateCharCount();
     });
   }
-  _addErrorClasses(el = this.el) {
-    if (this.hasErrorClass) {
-      el.classList.add(...this._errorClasses);
-    } else {
-      el.classList.add(...this._defaultErrorClasses);
-    }
-  }
-  _removeErrorClasses(el = this.el) {
-    if (this.hasErrorClass) {
-      el.classList.remove(...this._errorClasses);
-    } else {
-      el.classList.remove(...this._defaultErrorClasses);
-    }
-  }
   _updateCharCount() {
     let charCount = this.inputTarget.value.length;
     this.outputTarget.innerText = charCount.toString();
-    if (this.hasErrorClass) {
-      if (this._isValidCount(charCount)) {
-        this._removeErrorClasses(this.outputTarget);
-      } else {
-        this._addErrorClasses(this.outputTarget);
-      }
+    if (this._isValidCount(charCount)) {
+      this.removeErrorClasses(this.outputTarget);
+    } else {
+      this.addErrorClasses(this.outputTarget);
     }
   }
   _isValidCount(count) {
@@ -3542,7 +1111,7 @@ class DetectDirtyController extends BaseController {
     let element = this.el;
     this._cacheLoadValues();
     this._checkDirty();
-    useEventListeners(this, element, ["input", "change"], this._checkDirty);
+    useEventListener(this, element, ["input", "change"], this._checkDirty, { debounce: 10 });
   }
   restore(event) {
     event == null ? void 0 : event.preventDefault();
@@ -3557,10 +1126,7 @@ class DetectDirtyController extends BaseController {
     let value = element.getAttribute(this._cacheAttrName);
     if (isElementCheckable(element)) {
       return value == null ? element.defaultChecked : value == "true";
-    } else if (value !== null) {
-      return value;
-    }
-    if (isHTMLSelectElement(element)) {
+    } else if (isHTMLSelectElement(element)) {
       let options = Array.from(element.options);
       options.forEach((option) => {
         if (option.defaultSelected) {
@@ -3568,6 +1134,8 @@ class DetectDirtyController extends BaseController {
           return option.value;
         }
       });
+    } else if (value !== null) {
+      return value;
     }
     return value;
   }
@@ -3577,6 +1145,9 @@ class DetectDirtyController extends BaseController {
   }
   _checkDirty() {
     let element = this.el;
+    if (isHTMLInputElement(element) && element.type == "radio") {
+      getOtherRadiosInGroup(element).forEach((radio) => radio.removeAttribute("data-dirty"));
+    }
     if (this._isElementDirty()) {
       element.setAttribute("data-dirty", "true");
     } else {
@@ -3631,7 +1202,7 @@ class DetectDirtyFormController extends BaseController {
     let element = this.el;
     this._cacheLoadValues();
     this._checkDirty();
-    useEventListeners(this, element, ["input", "change"], this._checkDirty);
+    useEventListener(this, element, ["input", "change"], this._checkDirty, { debounce: 10 });
   }
   restore(event) {
     event == null ? void 0 : event.preventDefault();
@@ -3644,10 +1215,7 @@ class DetectDirtyFormController extends BaseController {
     let value = element.getAttribute(this._cacheAttrName);
     if (isElementCheckable(element)) {
       return value == null ? element.defaultChecked : value == "true";
-    } else if (value !== null) {
-      return value;
-    }
-    if (isHTMLSelectElement(element)) {
+    } else if (isHTMLSelectElement(element)) {
       let options = Array.from(element.options);
       options.forEach((option) => {
         if (option.defaultSelected) {
@@ -3655,6 +1223,8 @@ class DetectDirtyFormController extends BaseController {
           return option.value;
         }
       });
+    } else if (value !== null) {
+      return value;
     }
     return value;
   }
@@ -3662,6 +1232,9 @@ class DetectDirtyFormController extends BaseController {
     return element.hasAttribute(this._cacheAttrName);
   }
   _checkElementDirty(element) {
+    if (isHTMLInputElement(element) && element.type == "radio") {
+      getOtherRadiosInGroup(element).forEach((radio) => radio.removeAttribute("data-dirty"));
+    }
     if (this._isElementDirty(element)) {
       element.setAttribute("data-dirty", "true");
     } else {
@@ -3932,10 +1505,7 @@ class NavigateFormErrorsController extends BaseController {
     __publicField(this, "_errors", []);
     __publicField(this, "_firstClick", false);
   }
-  get _currentClasses() {
-    return this.currentClass.split(" ");
-  }
-  get _defaultCurrentClasses() {
+  get defaultCurrentClasses() {
     return ["currentError"];
   }
   get _errorCount() {
@@ -3969,9 +1539,10 @@ class NavigateFormErrorsController extends BaseController {
     return this._errors[this._index];
   }
   get _otherErrors() {
-    return this._errors.filter((error2, index) => index !== this._index);
+    return this._errors.filter((error, index) => index !== this._index);
   }
   connect() {
+    installClassMethods(this);
     requestAnimationFrame(() => {
       this._firstClick = true;
       this._toggleButtons();
@@ -4019,22 +1590,8 @@ class NavigateFormErrorsController extends BaseController {
     this._toggleVisibility();
   }
   _updateClasses() {
-    this._addCurrentClasses(this._currentError);
-    this._otherErrors.forEach((error2) => this._removeCurrentClasses(error2));
-  }
-  _addCurrentClasses(el = this.el) {
-    if (this.hasCurrentClass) {
-      el.classList.add(...this._currentClasses);
-    } else {
-      el.classList.add(...this._defaultCurrentClasses);
-    }
-  }
-  _removeCurrentClasses(el = this.el) {
-    if (this.hasCurrentClass) {
-      el.classList.remove(...this._currentClasses);
-    } else {
-      el.classList.remove(...this._defaultCurrentClasses);
-    }
+    this.addCurrentClasses(this._currentError);
+    this._otherErrors.forEach((error) => this.removeCurrentClasses(error));
   }
   _toggleVisibility() {
     if (this._errorCount === 0) {
@@ -4115,30 +1672,11 @@ __publicField(NestedFormController, "targets", ["target", "template"]);
 __publicField(NestedFormController, "values", {
   insertMode: String,
   wrapperClass: String
-});
-class PasswordConfirmController extends BaseController {
-  get _errorClasses() {
-    return this.errorClass.split(" ");
-  }
-  get _defaultErrorClasses() {
-    return [];
-  }
-  connect() {
-    useCollectionEventListener(this, this.passwordTargets, "change", this._checkPasswordsMatch);
-  }
-  _addErrorClasses(el = this.el) {
-    if (this.hasErrorClass) {
-      el.classList.add(...this._errorClasses);
-    } else {
-      el.classList.add(...this._defaultErrorClasses);
-    }
-  }
-  _removeErrorClasses(el = this.el) {
-    if (this.hasErrorClass) {
-      el.classList.remove(...this._errorClasses);
-    } else {
-      el.classList.remove(...this._defaultErrorClasses);
-    }
+});
+class PasswordConfirmController extends BaseController {
+  connect() {
+    installClassMethods(this);
+    useCollectionEventListener(this, this.passwordTargets, "change", this._checkPasswordsMatch);
   }
   _allPasswordsMatch() {
     let values = new Set(this.passwordTargets.map((el) => el.value));
@@ -4148,14 +1686,10 @@ class PasswordConfirmController extends BaseController {
     let element = this.el;
     if (this._allPasswordsMatch()) {
       this.dispatch(element, "password-confirm:match");
-      if (this.hasErrorClass) {
-        this.passwordTargets.forEach((el) => this._removeErrorClasses(el));
-      }
+      this.passwordTargets.forEach((el) => this.removeErrorClasses(el));
     } else {
       this.dispatch(element, "password-confirm:no-match");
-      if (this.hasErrorClass) {
-        this.passwordTargets.forEach((el) => this._addErrorClasses(el));
-      }
+      this.passwordTargets.forEach((el) => this.addErrorClasses(el));
     }
   }
 }
@@ -4204,6 +1738,20 @@ class RemoteFormController extends BaseController {
 }
 __publicField(RemoteFormController, "targets", []);
 __publicField(RemoteFormController, "values", { selector: String });
+function useEventBus(controller, eventNameOrNames, handler, opts) {
+  let options = opts;
+  if (options == null ? void 0 : options.debounce) {
+    handler = debounce(handler.bind(controller), options.debounce);
+    delete options.debounce;
+  } else {
+    handler = handler.bind(controller);
+  }
+  let eventNames = wrapArray(eventNameOrNames);
+  let setup = () => eventNames.forEach((eventName) => EventBus.on(eventName, handler));
+  let teardown = () => eventNames.forEach((eventName) => EventBus.off(eventName, handler));
+  useMixin(controller, setup, teardown);
+  return { setup, teardown };
+}
 class SyncInputsController extends BaseController {
   get _eventName() {
     return `sync:${this._key}`;
@@ -4236,12 +1784,8 @@ class SyncInputsController extends BaseController {
       el.innerHTML = val.toString();
     }
   }
-  initialize() {
-    this._read = this._read.bind(this);
-    this._emit = this._emit.bind(this);
-  }
   connect() {
-    EventBus.on(this._eventName, this._read);
+    useEventBus(this, this._eventName, this._read);
     requestAnimationFrame(() => {
       if (isTypeOfFormInputElement(this.el)) {
         this._emit();
@@ -4249,9 +1793,6 @@ class SyncInputsController extends BaseController {
       }
     });
   }
-  disconnect() {
-    EventBus.off(this._eventName, this._read);
-  }
   _emit() {
     EventBus.emit(this._eventName, { value: this._value, dispatcher: this.el });
   }
@@ -4275,78 +1816,42 @@ class ValueWarnController extends BaseController {
   get _minMessage() {
     return this.hasMinMessageValue ? this.minMessageValue : `Value must be greater than ${this.minValue}`;
   }
-  get _warningHideClasses() {
-    return this.warningHideClass.split(" ");
-  }
-  get _defaultWarningHideClasses() {
+  get defaultWarningHideClasses() {
     return ["hide"];
   }
-  get _inputWarningClasses() {
-    return this.inputWarningClass.split(" ");
-  }
-  get _defaultInputWarningClasses() {
-    return [""];
-  }
   connect() {
-    this._addWarningHideClasses(this.warningTarget);
+    installClassMethods(this);
+    this.addWarningHideClasses(this.warningTarget);
     useEventListener(this, this.inputTarget, "input", this._check);
     this._check();
   }
   _check() {
     if (this.hasMinValue && Number.parseFloat(this.inputTarget.value) < this.minValue) {
-      this._removeWarningHideClasses(this.warningTarget);
-      this._addInputWarningClasses(this.inputTarget);
+      this.removeWarningHideClasses(this.warningTarget);
+      this.addInputWarningClasses(this.inputTarget);
       this.warningTarget.innerText = this._minMessage;
     } else if (this.hasMaxValue && Number.parseFloat(this.inputTarget.value) > this.maxValue) {
-      this._removeWarningHideClasses(this.warningTarget);
-      this._addInputWarningClasses(this.inputTarget);
+      this.removeWarningHideClasses(this.warningTarget);
+      this.addInputWarningClasses(this.inputTarget);
       this.warningTarget.innerText = this._maxMessage;
     } else {
-      this._addWarningHideClasses(this.warningTarget);
-      this._removeInputWarningClasses(this.inputTarget);
+      this.addWarningHideClasses(this.warningTarget);
+      this.removeInputWarningClasses(this.inputTarget);
       this.warningTarget.innerText = "";
     }
   }
-  _addWarningHideClasses(el = this.el) {
-    if (this.hasWarningHideClass) {
-      el.classList.add(...this._warningHideClasses);
-    } else {
-      el.classList.add(...this._defaultWarningHideClasses);
-    }
-  }
-  _removeWarningHideClasses(el = this.el) {
-    if (this.hasWarningHideClass) {
-      el.classList.remove(...this._warningHideClasses);
-    } else {
-      el.classList.remove(...this._defaultWarningHideClasses);
-    }
-  }
-  _addInputWarningClasses(el = this.el) {
-    if (this.hasInputWarningClass) {
-      el.classList.add(...this._inputWarningClasses);
-    } else {
-      el.classList.add(...this._defaultInputWarningClasses);
-    }
-  }
-  _removeInputWarningClasses(el = this.el) {
-    if (this.hasInputWarningClass) {
-      el.classList.remove(...this._inputWarningClasses);
-    } else {
-      el.classList.remove(...this._defaultInputWarningClasses);
-    }
-  }
 }
 __publicField(ValueWarnController, "classes", ["inputWarning", "warningHide"]);
 __publicField(ValueWarnController, "targets", ["input", "warning"]);
-__publicField(ValueWarnController, "values", { max: Number, min: Number, minMessage: String, maxMessage: String });
+__publicField(ValueWarnController, "values", {
+  max: Number,
+  min: Number,
+  minMessage: String,
+  maxMessage: String
+});
 class WordCountController extends BaseController {
-  get _errorClasses() {
-    return this.errorClass.split(" ");
-  }
-  get _defaultErrorClasses() {
-    return [];
-  }
   connect() {
+    installClassMethods(this);
     this._updateWordCount();
     useEventListener(this, this.inputTarget, "input", this._updateWordCount);
   }
@@ -4356,26 +1861,10 @@ class WordCountController extends BaseController {
     let matches = textAreaValue.match(/\S+/g);
     wordCount = matches && matches.length || 0;
     this.outputTarget.innerText = wordCount.toString();
-    if (this.hasErrorClass) {
-      if (this._isValidCount(wordCount)) {
-        this._removeErrorClasses(this.outputTarget);
-      } else {
-        this._addErrorClasses(this.outputTarget);
-      }
-    }
-  }
-  _addErrorClasses(el = this.el) {
-    if (this.hasErrorClass) {
-      el.classList.add(...this._errorClasses);
+    if (this._isValidCount(wordCount)) {
+      this.removeErrorClasses(this.outputTarget);
     } else {
-      el.classList.add(...this._defaultErrorClasses);
-    }
-  }
-  _removeErrorClasses(el = this.el) {
-    if (this.hasErrorClass) {
-      el.classList.remove(...this._errorClasses);
-    } else {
-      el.classList.remove(...this._defaultErrorClasses);
+      this.addErrorClasses(this.outputTarget);
     }
   }
   _isValidCount(count) {
@@ -4394,18 +1883,6 @@ __publicField(WordCountController, "targets", ["input", "output"]);
 __publicField(WordCountController, "values", { min: Number, max: Number });
 __publicField(WordCountController, "classes", ["error"]);
 class FallbackImageController extends BaseController {
-  get _successClasses() {
-    return this.successClass.split(" ");
-  }
-  get _defaultSuccessClasses() {
-    return [];
-  }
-  get _failClasses() {
-    return this.failClass.split(" ");
-  }
-  get _defaultFailClasses() {
-    return [];
-  }
   initialize() {
     this._hasLoadedSuccessfully = this._hasLoadedSuccessfully.bind(this);
     this._success = this._success.bind(this);
@@ -4421,15 +1898,15 @@ class FallbackImageController extends BaseController {
     }
   }
   disconnect() {
-    this._removeSuccessClasses();
-    this._removeFailClasses();
+    this.removeSuccessClasses();
+    this.removeFailClasses();
   }
   _success() {
-    this._addSuccessClasses();
+    this.addSuccessClasses();
   }
   _fail() {
     let element = this.el;
-    this._addFailClasses();
+    this.addFailClasses();
     if (this.hasPlaceholderValue && element.src !== this.placeholderValue) {
       this.dispatch(element, "fallback-image:placeholder");
       element.src = this.placeholderValue;
@@ -4443,34 +1920,6 @@ class FallbackImageController extends BaseController {
     let element = this.el;
     return element.naturalHeight > 0 && element.naturalWidth > 0;
   }
-  _addFailClasses(el = this.el) {
-    if (this.hasFailClass) {
-      el.classList.add(...this._failClasses);
-    } else {
-      el.classList.add(...this._defaultFailClasses);
-    }
-  }
-  _removeFailClasses(el = this.el) {
-    if (this.hasFailClass) {
-      el.classList.remove(...this._failClasses);
-    } else {
-      el.classList.remove(...this._defaultFailClasses);
-    }
-  }
-  _addSuccessClasses(el = this.el) {
-    if (this.hasSuccessClass) {
-      el.classList.add(...this._successClasses);
-    } else {
-      el.classList.add(...this._defaultSuccessClasses);
-    }
-  }
-  _removeSuccessClasses(el = this.el) {
-    if (this.hasSuccessClass) {
-      el.classList.remove(...this._successClasses);
-    } else {
-      el.classList.remove(...this._defaultSuccessClasses);
-    }
-  }
 }
 __publicField(FallbackImageController, "values", { placeholder: String });
 __publicField(FallbackImageController, "classes", ["success", "fail"]);
@@ -5109,12 +2558,6 @@ __publicField(LightboxImageController, "values", {
 });
 __publicField(LightboxImageController, "classes", ["modal", "image"]);
 class MediaPlayerController extends BaseController {
-  initialize() {
-  }
-  connect() {
-  }
-  disconnect() {
-  }
   async play(event) {
     event == null ? void 0 : event.preventDefault();
     await this.mediaTarget.play();
@@ -5268,123 +2711,145 @@ class ScrollToTopController extends BaseController {
 __publicField(ScrollToTopController, "values", {
   mode: String
 });
+function extractPredicates(expressionString) {
+  expressionString = expressionString.trim();
+  let andExpression = expressionString.includes("&&");
+  let orExpression = expressionString.includes("||");
+  let groupings = expressionString.includes("(") || expressionString.includes(")");
+  if (andExpression && orExpression) {
+    throw new Error("Cannot have both && and || in the same expression.");
+  }
+  if (groupings) {
+    throw new Error("Cannot have logical groupings `(>3 && <= 9) || (>1 && <2)` in the expression. Only supports simple expressions like  `>1 && <3`");
+  }
+  let expressions = expressionString.split(andExpression ? "&&" : "||");
+  if (andExpression) {
+    return expressions.map((ex) => _predicateForExpression(ex));
+  } else if (orExpression) {
+    return expressions.map((ex) => _predicateForExpression(ex));
+  } else {
+    return [_predicateForExpression(expressionString)];
+  }
+}
+function _predicateForExpression(expression) {
+  let operators = [">=", "<=", "==", "!=", ">", "<"];
+  let operator = operators.find((part) => expression.includes(part));
+  if (!operator) {
+    throw new Error(`Could not find operator in expression: ${expression}`);
+  }
+  let expressionValue = expression.split(operator)[1].trim();
+  let isNumber = /^-?[0-9]\d*(\.\d+)?$/.test(expressionValue);
+  expressionValue = isNumber ? parseFloat(expressionValue) : expressionValue;
+  if (expressionValue == "") {
+    throw new Error(`Could not find a value in expression: ${expression}`);
+  }
+  let notEmpty = (signalValue) => signalValue !== "";
+  switch (operator) {
+    case ">":
+      return (signalValue) => isNumber && notEmpty(signalValue) && signalValue > expressionValue;
+    case "<":
+      return (signalValue) => isNumber && notEmpty(signalValue) && signalValue < expressionValue;
+    case ">=":
+      return (signalValue) => isNumber && notEmpty(signalValue) && signalValue >= expressionValue;
+    case "<=":
+      return (signalValue) => isNumber && notEmpty(signalValue) && signalValue <= expressionValue;
+    case "==":
+      return (signalValue) => notEmpty(signalValue) && signalValue == expressionValue;
+    case "!=":
+      return (signalValue) => notEmpty(signalValue) && signalValue != expressionValue;
+    default:
+      throw new Error(`Unknown operator ${operator}`);
+  }
+}
+function signalEventName(name, type) {
+  return `signal:${type}:${name}`;
+}
+function signalConnectEvent(name) {
+  return signalEventName(name, "connect");
+}
+function signalValueEvent(name) {
+  return signalEventName(name, "value");
+}
+class SignalActionController extends BaseController {
+  get _predicates() {
+    return extractPredicates(this.whenValue);
+  }
+  connect() {
+    EventBus.emit(signalConnectEvent(this.nameValue));
+    useEventBus(this, signalValueEvent(this.nameValue), this._onSignal);
+  }
+  _onSignal(payload) {
+    let value = payload.value;
+    if (!this.hasWhenValue) {
+      this.dispatch(this.el, signalEventName(this.nameValue, "match"));
+      return;
+    }
+    if (this._predicates.every((predicate) => predicate(value))) {
+      this.dispatch(this.el, signalEventName(this.nameValue, "match"), { detail: { element: this.el, value } });
+    } else {
+      this.dispatch(this.el, signalEventName(this.nameValue, "no-match"), { detail: { element: this.el, value } });
+    }
+  }
+}
+__publicField(SignalActionController, "values", {
+  name: String,
+  when: String
+});
 class SignalInputController extends BaseController {
+  get _debounceTimeout() {
+    return this.hasDebounceIntervalValue ? this.debounceIntervalValue : null;
+  }
   get _name() {
     return this.hasNameValue ? this.nameValue : this.element.name;
   }
-  get _eventName() {
-    return `signal:value:${this._name}`;
-  }
   connect() {
-    useEventListeners(this, this.el, ["input"], this.emitValue, { debounce: 1e3 });
-    useEventListeners(this, this.el, ["change"], this.emitValue);
+    useEventBus(this, signalConnectEvent(this._name), () => this.emitValue());
+    useEventListener(this, this.el, "input", this.emitValue, { debounce: this._debounceTimeout || void 0 });
+    useEventListener(this, this.el, "change", this.emitValue);
     requestAnimationFrame(() => this.emitValue());
   }
   emitValue() {
+    var _a;
     let value = this.el.value;
     if (isHTMLInputElement(this.el) && this.el.type === "checkbox") {
       value = this.el.checked ? "true" : "false";
+    } else if (isHTMLInputElement(this.el) && this.el.type === "radio") {
+      let selectedValue = (_a = getAllRadiosInGroup(this.el).find((el) => el.checked)) == null ? void 0 : _a.value;
+      value = selectedValue ? selectedValue : "";
     }
-    EventBus.emit(this._eventName, {
-      element: this.el,
-      value
-    });
+    EventBus.emit(signalValueEvent(this._name), { element: this.el, value });
   }
 }
 __publicField(SignalInputController, "values", {
-  name: String
+  name: String,
+  debounceInterval: Number
 });
 class SignalVisibilityController extends BaseController {
   get _predicates() {
-    let expressionString = this.showValue.replaceAll(" ", "").trim();
-    let andExpression = expressionString.includes("&&");
-    let orExpression = expressionString.includes("||");
-    let groupings = expressionString.includes("(") || expressionString.includes(")");
-    if (andExpression && orExpression) {
-      throw new Error("Cannot have both && and || in the same expression.");
-    }
-    if (groupings) {
-      throw new Error("Cannot have logical groupings `(>3 && <= 9) || (>1 && <2)` in the expression. Only supports simple expressions like  `>1 && <3`");
-    }
-    let expressions = expressionString.split(andExpression ? "&&" : "||");
-    if (andExpression) {
-      return expressions.map((ex) => this._predicateForExpression(ex));
-    } else if (orExpression) {
-      return expressions.map((ex) => this._predicateForExpression(ex));
-    } else {
-      return [this._predicateForExpression(expressionString)];
-    }
+    return extractPredicates(this.showValue);
   }
-  get _hideClasses() {
-    return this.hideClass.split(" ");
-  }
-  get _defaultHideClasses() {
+  get defaultHideClasses() {
     return ["hide"];
   }
-  get _eventName() {
-    return `signal:value:${this.nameValue}`;
-  }
-  _predicateForExpression(expression) {
-    let operators = [">=", "<=", "==", "!=", ">", "<"];
-    let operator = operators.find((part) => expression.includes(part));
-    if (!operator) {
-      throw new Error(`Could not find operator in expression: ${expression}`);
-    }
-    let expressionValue = expression.split(operator)[1];
-    let isNumber = /^-?[0-9]\d*(\.\d+)?$/.test(expressionValue);
-    expressionValue = isNumber ? parseFloat(expressionValue) : expressionValue;
-    let notEmpty = (signalValue) => signalValue !== "";
-    switch (operator) {
-      case ">":
-        return (signalValue) => isNumber && notEmpty(signalValue) && signalValue > expressionValue;
-      case "<":
-        return (signalValue) => isNumber && notEmpty(signalValue) && signalValue < expressionValue;
-      case ">=":
-        return (signalValue) => isNumber && notEmpty(signalValue) && signalValue >= expressionValue;
-      case "<=":
-        return (signalValue) => isNumber && notEmpty(signalValue) && signalValue <= expressionValue;
-      case "==":
-        return (signalValue) => notEmpty(signalValue) && signalValue == expressionValue;
-      case "!=":
-        return (signalValue) => notEmpty(signalValue) && signalValue != expressionValue;
-      default:
-        throw new Error(`Unknown operator ${operator}`);
-    }
-  }
-  initialize() {
-    this._onSignal = this._onSignal.bind(this);
-  }
   connect() {
-    EventBus.on(this._eventName, this._onSignal);
+    installClassMethods(this);
+    EventBus.emit(signalConnectEvent(this.nameValue));
+    useEventBus(this, signalValueEvent(this.nameValue), this._onSignal);
   }
   _onSignal(payload) {
     let value = payload.value;
     if (this.showValue == "default") {
       if (value == "") {
-        this._removeHideClasses(this.el);
+        this.removeHideClasses(this.el);
       } else {
-        this._addHideClasses(this.el);
+        this.addHideClasses(this.el);
       }
       return;
     }
     if (this._predicates.every((predicate) => predicate(value))) {
-      this._removeHideClasses(this.el);
-    } else {
-      this._addHideClasses(this.el);
-    }
-  }
-  _addHideClasses(el = this.el) {
-    if (this.hasHideClass) {
-      el.classList.add(...this._hideClasses);
+      this.removeHideClasses(this.el);
     } else {
-      el.classList.add(...this._defaultHideClasses);
-    }
-  }
-  _removeHideClasses(el = this.el) {
-    if (this.hasHideClass) {
-      el.classList.remove(...this._hideClasses);
-    } else {
-      el.classList.remove(...this._defaultHideClasses);
+      this.addHideClasses(this.el);
     }
   }
 }
@@ -5431,6 +2896,9 @@ class TableSortController extends BaseController {
     event.preventDefault();
     let headerCell = event.target;
     let headerCellIndex = this._indexOfHeaderCell(headerCell);
+    if (headerCell.dataset.sort == "false") {
+      return;
+    }
     if (headerCell.dataset.sort == "asc") {
       this._reverse = true;
       this._otherHeaderCells(headerCell).forEach((cell) => delete cell.dataset.sort);
@@ -5483,6 +2951,14 @@ class TableSortController extends BaseController {
   }
 }
 __publicField(TableSortController, "values", { startSort: Number });
+function useMutationObserver(controller, element, handler, options) {
+  handler = handler.bind(controller);
+  let observer = new MutationObserver(handler);
+  let setup = () => observer.observe(element, options);
+  let teardown = () => observer.disconnect();
+  useMixin(controller, setup, teardown);
+  return teardown;
+}
 class TableTruncateController extends BaseController {
   get _truncated() {
     return this.hasTruncatedValue ? this.truncatedValue : false;
@@ -5499,12 +2975,8 @@ class TableTruncateController extends BaseController {
   get _limit() {
     return this.hasLimitValue ? this.limitValue : 20;
   }
-  initialize() {
-    this.truncate = this.truncate.bind(this);
-    this.expand = this.expand.bind(this);
-  }
   connect() {
-    useMutation(this, { childList: true, element: this._tableBody });
+    useMutationObserver(this, this._tableBody, this.mutate, { childList: true });
     requestAnimationFrame(() => {
       this.truncate();
       useEventListener(this, this.showMoreTarget, "click", this.expand);
@@ -5587,24 +3059,13 @@ class IntersectionController extends BaseController {
     }
   }
   connect() {
-    useIntersection(this, {
-      threshold: this._threshold,
-      element: this.el
-    });
+    useIntersection(this, this.el, this.appear, this.disappear, { threshold: this._threshold });
   }
   appear(entry) {
-    this.dispatch(this.el, "intersection:appear", {
-      detail: {
-        element: this.el
-      }
-    });
+    this.dispatch(this.el, "intersection:appear");
   }
   disappear(entry) {
-    this.dispatch(this.el, "intersection:disappear", {
-      detail: {
-        element: this.el
-      }
-    });
+    this.dispatch(this.el, "intersection:disappear");
   }
 }
 __publicField(IntersectionController, "values", { threshold: String });
@@ -5659,7 +3120,7 @@ class TimeoutController extends BaseController {
 __publicField(TimeoutController, "values", { seconds: Number });
 class UserFocusController extends BaseController {
   connect() {
-    useEventListeners(this, window, ["focus", "blur"], this._handleVisibility);
+    useEventListener(this, window, ["focus", "blur"], this._handleVisibility);
     useEventListener(this, document, "visibilitychange", this._handleVisibility);
     requestAnimationFrame(() => {
       this._handleVisibility();
@@ -5720,29 +3181,17 @@ class CountdownController extends BaseController {
   get _removeUnused() {
     return this.hasRemoveUnusedValue ? this.removeUnusedValue : false;
   }
-  get _endedClasses() {
-    return this.endedClass.split(" ");
-  }
-  get _defaultEndedClasses() {
-    return [];
-  }
-  get _countingDownClasses() {
-    return this.countingDownClass.split(" ");
-  }
-  get _defaultCountingDownClasses() {
-    return [];
-  }
   get _deadlineDate() {
     return new Date(this.deadlineValue);
   }
   connect() {
     this._interval = setInterval(this._tick.bind(this), 1e3);
-    this._addCountingDownClasses();
+    this.addCountingDownClasses();
   }
   disconnect() {
     this._clearTick();
-    this._removeCountingDownClasses();
-    this._removeEndedClasses();
+    this.removeCountingDownClasses();
+    this.removeEndedClasses();
   }
   deadlineValueChanged() {
     if (this._interval == null) {
@@ -5756,8 +3205,8 @@ class CountdownController extends BaseController {
       if (isPast(this._deadlineDate)) {
         distance = { years: 0, months: 0, days: 0, hours: 0, minutes: 0, seconds: 0 };
         this._clearTick();
-        this._removeCountingDownClasses();
-        this._addEndedClasses();
+        this.removeCountingDownClasses();
+        this.addEndedClasses();
         this.dispatch(this.el, "countdown:ended");
       } else {
         distance = intervalToDuration({ start: this._deadlineDate, end: now });
@@ -5826,34 +3275,6 @@ class CountdownController extends BaseController {
   _seconds(duration) {
     return duration.seconds || 0;
   }
-  _addEndedClasses(el = this.el) {
-    if (this.hasEndedClass) {
-      el.classList.add(...this._endedClasses);
-    } else {
-      el.classList.add(...this._defaultEndedClasses);
-    }
-  }
-  _removeEndedClasses(el = this.el) {
-    if (this.hasEndedClass) {
-      el.classList.remove(...this._endedClasses);
-    } else {
-      el.classList.remove(...this._defaultEndedClasses);
-    }
-  }
-  _addCountingDownClasses(el = this.el) {
-    if (this.hasCountingDownClass) {
-      el.classList.add(...this._countingDownClasses);
-    } else {
-      el.classList.add(...this._defaultCountingDownClasses);
-    }
-  }
-  _removeCountingDownClasses(el = this.el) {
-    if (this.hasCountingDownClass) {
-      el.classList.remove(...this._countingDownClasses);
-    } else {
-      el.classList.remove(...this._defaultCountingDownClasses);
-    }
-  }
 }
 __publicField(CountdownController, "values", { deadline: String, removeUnused: Boolean });
 __publicField(CountdownController, "targets", ["years", "months", "days", "hours", "minutes", "seconds"]);
@@ -5929,16 +3350,10 @@ __publicField(DurationController, "values", {
   seconds: Boolean
 });
 class TabsController extends BaseController {
-  get _hideClasses() {
-    return this.hideClass.split(" ");
-  }
-  get _defaultHideClasses() {
+  get defaultHideClasses() {
     return ["hide"];
   }
-  get _activeClasses() {
-    return this.activeClass.split(" ");
-  }
-  get _defaultActiveClasses() {
+  get defaultActiveClasses() {
     return ["is-active"];
   }
   get _currentTab() {
@@ -5971,17 +3386,17 @@ class TabsController extends BaseController {
     let activeLink = links[index];
     let otherPanels = [...panels.slice(0, index), ...panels.slice(index + 1)];
     let otherLinks = [...links.slice(0, index), ...links.slice(index + 1)];
-    this._addActiveClasses(activeLink);
+    this.addActiveClasses(activeLink);
     activeLink.setAttribute("aria-selected", "true");
-    this._addActiveClasses(activePanel);
-    this._removeHideClasses(activePanel);
+    this.addActiveClasses(activePanel);
+    this.removeHideClasses(activePanel);
     otherLinks.forEach((link) => {
       link.removeAttribute("aria-selected");
-      this._removeActiveClasses(link);
+      this.removeActiveClasses(link);
     });
     otherPanels.forEach((panel) => {
-      this._removeActiveClasses(panel);
-      this._addHideClasses(panel);
+      this.removeActiveClasses(panel);
+      this.addHideClasses(panel);
     });
   }
   _clampIndex(index) {
@@ -5992,48 +3407,18 @@ class TabsController extends BaseController {
     this.contentTargets.forEach((content) => {
       let hidden = content.hasAttribute("tab-hidden");
       if (hidden) {
-        this._removeHideClasses(content);
+        this.removeHideClasses(content);
       }
       let height = content.offsetHeight;
       if (height > minHeight) {
         minHeight = height;
       }
       if (hidden) {
-        this._addHideClasses(content);
+        this.addHideClasses(content);
       }
     });
     this.contentTargets.forEach((content) => content.style.minHeight = minHeight + "px");
   }
-  _addHideClasses(el = this.el) {
-    el.setAttribute("tab-hidden", "true");
-    if (this.hasHideClass) {
-      el.classList.add(...this._hideClasses);
-    } else {
-      el.classList.add(...this._defaultHideClasses);
-    }
-  }
-  _removeHideClasses(el = this.el) {
-    el.removeAttribute("tab-hidden");
-    if (this.hasHideClass) {
-      el.classList.remove(...this._hideClasses);
-    } else {
-      el.classList.remove(...this._defaultHideClasses);
-    }
-  }
-  _addActiveClasses(el = this.el) {
-    if (this.hasActiveClass) {
-      el.classList.add(...this._activeClasses);
-    } else {
-      el.classList.add(...this._defaultActiveClasses);
-    }
-  }
-  _removeActiveClasses(el = this.el) {
-    if (this.hasActiveClass) {
-      el.classList.remove(...this._activeClasses);
-    } else {
-      el.classList.remove(...this._defaultActiveClasses);
-    }
-  }
 }
 __publicField(TabsController, "values", { currentTab: Number, equalize: Boolean });
 __publicField(TabsController, "targets", ["link", "content"]);
@@ -6059,9 +3444,6 @@ class TimeDistanceController extends BaseController {
   timestampValueChanged() {
     this._timestamp = toDate(this.timestampValue * 1e3);
   }
-  initialize() {
-    this._update = this._update.bind(this);
-  }
   connect() {
     if (!this.hasTimestampValue) {
       throw new Error("Expected `timestampValue` to be present");
@@ -6082,24 +3464,19 @@ __publicField(TimeDistanceController, "values", {
   timestamp: Number
 });
 class TreeViewController extends BaseController {
-  get _collapsedClasses() {
-    return this.hasCollapsedClass ? this.collapsedClass.split(" ") : this._defaultCollapsedClasses;
+  get defaultActiveClasses() {
+    return ["active"];
   }
-  get _defaultCollapsedClasses() {
+  get defaultCollapsedClasses() {
     return ["collapsed"];
   }
-  get _activeClasses() {
-    return this.hasActiveClass ? this.activeClass.split(" ") : this._defaultActiveClasses;
-  }
-  get _defaultActiveClasses() {
-    return ["active"];
-  }
   initialize() {
     this._nodeClicked = this._nodeClicked.bind(this);
   }
   connect() {
+    installClassMethods(this);
+    useMutationObserver(this, this.el, this.mutate, { subtree: true, childList: true });
     this._setup();
-    useMutation(this, { subtree: true, childList: true });
   }
   disconnect() {
     this._teardown();
@@ -6129,8 +3506,8 @@ class TreeViewController extends BaseController {
   _teardownNode(el) {
     [el, ...Array.from(el.querySelectorAll("ul, ol, li"))].forEach((x) => {
       x.removeEventListener("click", this._nodeClicked);
-      this._removeActiveClasses(x);
-      this._removeCollapsedClasses(x);
+      this.removeActiveClasses(x);
+      this.removeCollapsedClasses(x);
     });
   }
   _nodeClicked(event) {
@@ -6148,20 +3525,21 @@ class TreeViewController extends BaseController {
     }
   }
   _nodeActive(el) {
-    return this._activeClasses.every((klass) => el.classList.contains(klass));
+    return this.activeClassesPresent(el);
   }
   _showNode(el) {
-    this._removeCollapsedClasses(el);
-    this._addActiveClasses(el);
+    this.removeCollapsedClasses(el);
+    this.addActiveClasses(el);
   }
   _hideNode(el) {
-    this._removeActiveClasses(el);
-    this._addCollapsedClasses(el);
+    this.removeActiveClasses(el);
+    this.addCollapsedClasses(el);
   }
   _hasNested(el) {
     return el.querySelectorAll("ul, ol").length > 0;
   }
   mutate(entries) {
+    console.log("mutate", entries);
     for (const mutation of entries) {
       if (mutation.type === "childList") {
         Array.from(mutation.addedNodes || []).forEach((el) => this._setupNode(el));
@@ -6169,50 +3547,16 @@ class TreeViewController extends BaseController {
       }
     }
   }
-  _addCollapsedClasses(el = this.el) {
-    if (this.hasCollapsedClass) {
-      el.classList.add(...this._collapsedClasses);
-    } else {
-      el.classList.add(...this._defaultCollapsedClasses);
-    }
-  }
-  _removeCollapsedClasses(el = this.el) {
-    if (this.hasCollapsedClass) {
-      el.classList.remove(...this._collapsedClasses);
-    } else {
-      el.classList.remove(...this._defaultCollapsedClasses);
-    }
-  }
-  _addActiveClasses(el = this.el) {
-    if (this.hasActiveClass) {
-      el.classList.add(...this._activeClasses);
-    } else {
-      el.classList.add(...this._defaultActiveClasses);
-    }
-  }
-  _removeActiveClasses(el = this.el) {
-    if (this.hasActiveClass) {
-      el.classList.remove(...this._activeClasses);
-    } else {
-      el.classList.remove(...this._defaultActiveClasses);
-    }
-  }
 }
 __publicField(TreeViewController, "classes", [
   "active",
   "collapsed"
 ]);
 class AnchorSpyController extends BaseController {
-  get _activeClasses() {
-    return this.activeClass.split(" ");
-  }
-  get _defaultActiveClasses() {
+  get defaultActiveClasses() {
     return ["active"];
   }
-  get _inactiveClasses() {
-    return this.inactiveClass.split(" ");
-  }
-  get _defaultInactiveClasses() {
+  get defaultInactiveClasses() {
     return ["inactive"];
   }
   get _key() {
@@ -6225,6 +3569,7 @@ class AnchorSpyController extends BaseController {
     window.location.hash = value;
   }
   connect() {
+    installClassMethods(this);
     requestAnimationFrame(() => {
       this._checkAnchor();
       useEventListener(this, window, "hashchange", this._checkAnchor);
@@ -6234,43 +3579,15 @@ class AnchorSpyController extends BaseController {
     event == null ? void 0 : event.preventDefault();
     this._anchor = this._key;
   }
-  _addActiveClasses(el = this.el) {
-    if (this.hasActiveClass) {
-      el.classList.add(...this._activeClasses);
-    } else {
-      el.classList.add(...this._defaultActiveClasses);
-    }
-  }
-  _removeActiveClasses(el = this.el) {
-    if (this.hasActiveClass) {
-      el.classList.remove(...this._activeClasses);
-    } else {
-      el.classList.remove(...this._defaultActiveClasses);
-    }
-  }
-  _addInactiveClasses(el = this.el) {
-    if (this.hasInactiveClass) {
-      el.classList.add(...this._inactiveClasses);
-    } else {
-      el.classList.add(...this._defaultInactiveClasses);
-    }
-  }
-  _removeInactiveClasses(el = this.el) {
-    if (this.hasInactiveClass) {
-      el.classList.remove(...this._inactiveClasses);
-    } else {
-      el.classList.remove(...this._defaultInactiveClasses);
-    }
-  }
   _checkAnchor() {
     if (this._key === this._anchor) {
       this.dispatch(this.el, "anchor-spy:active");
-      this._addActiveClasses(this.el);
-      this._removeInactiveClasses(this.el);
+      this.addActiveClasses(this.el);
+      this.removeInactiveClasses(this.el);
     } else {
       this.dispatch(this.el, "anchor-spy:inactive");
-      this._addInactiveClasses(this.el);
-      this._removeActiveClasses(this.el);
+      this.addInactiveClasses(this.el);
+      this.removeActiveClasses(this.el);
     }
   }
 }
@@ -6363,16 +3680,11 @@ class ConfirmNavigationController extends BaseController {
   get _message() {
     return this.hasMessageValue ? this.messageValue : "Do you want to leave this page? Changes you made may not be saved";
   }
-  initialize() {
-    this.allowSubmit = this.allowSubmit.bind(this);
-    this.confirmNavigation = this.confirmNavigation.bind(this);
-    this.confirmTurboNavigation = this.confirmTurboNavigation.bind(this);
-  }
   connect() {
     window.onbeforeunload = () => this._message;
     useEventListener(this, window, "popstate", this.confirmNavigation);
     useEventListener(this, window, "submit", this.allowSubmit);
-    useEventListeners(this, window, ["turbolinks:before-visit", "turbo:before-visit"], this.confirmTurboNavigation);
+    useEventListener(this, window, ["turbolinks:before-visit", "turbo:before-visit"], this.confirmTurboNavigation);
   }
   disconnect() {
     window.onbeforeunload = null;
@@ -6408,12 +3720,10 @@ class DisableWithController extends BaseController {
   get _timeout() {
     return this.hasTimeoutValue ? this.timeoutValue : 1e3;
   }
-  initialize() {
-  }
   connect() {
     requestAnimationFrame(() => {
-      useEventListeners(this, this.el, ["click"], this.disable);
-      useEventListeners(this, window, ["turbo:load", "turbolinks:load"], this._enable);
+      useEventListener(this, this.el, ["click"], this.disable);
+      useEventListener(this, window, ["turbo:load", "turbolinks:load"], this._enable);
     });
   }
   disable(event) {
@@ -6560,18 +3870,6 @@ class EmptyDomController extends BaseController {
   get _container() {
     return this.hasContainerTarget ? this.containerTarget : this.el;
   }
-  get _notEmptyClasses() {
-    return this.notEmptyClass.split(" ");
-  }
-  get _defaultNotEmptyClasses() {
-    return [];
-  }
-  get _emptyClasses() {
-    return this.emptyClass.split(" ");
-  }
-  get _defaultEmptyClasses() {
-    return [];
-  }
   get _children() {
     let element = this._container;
     if (this.hasScopeSelectorValue) {
@@ -6581,7 +3879,8 @@ class EmptyDomController extends BaseController {
     }
   }
   connect() {
-    useMutation(this, { element: this._container, childList: true });
+    installClassMethods(this);
+    useMutationObserver(this, this._container, this.mutate, { childList: true });
     this.checkEmpty();
   }
   mutate(entries) {
@@ -6591,43 +3890,15 @@ class EmptyDomController extends BaseController {
     let element = this._container;
     let children = this._children;
     if (children.length === 0) {
-      this._removeNotEmptyClasses();
-      this._addEmptyClasses();
+      this.removeNotEmptyClasses();
+      this.addEmptyClasses();
       this.dispatch(element, "dom:empty");
     } else {
-      this._addNotEmptyClasses();
-      this._removeEmptyClasses();
+      this.addNotEmptyClasses();
+      this.removeEmptyClasses();
       this.dispatch(element, "dom:not-empty", { detail: { count: children.length } });
     }
   }
-  _addNotEmptyClasses(el = this.el) {
-    if (this.hasNotEmptyClass) {
-      el.classList.add(...this._notEmptyClasses);
-    } else {
-      el.classList.add(...this._defaultNotEmptyClasses);
-    }
-  }
-  _removeNotEmptyClasses(el = this.el) {
-    if (this.hasNotEmptyClass) {
-      el.classList.remove(...this._notEmptyClasses);
-    } else {
-      el.classList.remove(...this._defaultNotEmptyClasses);
-    }
-  }
-  _addEmptyClasses(el = this.el) {
-    if (this.hasEmptyClass) {
-      el.classList.add(...this._emptyClasses);
-    } else {
-      el.classList.add(...this._defaultEmptyClasses);
-    }
-  }
-  _removeEmptyClasses(el = this.el) {
-    if (this.hasEmptyClass) {
-      el.classList.remove(...this._emptyClasses);
-    } else {
-      el.classList.remove(...this._defaultEmptyClasses);
-    }
-  }
 }
 __publicField(EmptyDomController, "targets", ["container"]);
 __publicField(EmptyDomController, "classes", ["empty", "notEmpty"]);
@@ -6699,32 +3970,16 @@ class PrefetchController extends BaseController {
 }
 __publicField(PrefetchController, "values", { mode: String });
 class PrintButtonController extends PrintController {
-  get _unsupportedClasses() {
-    return this.unsupportedClass.split(" ");
-  }
-  get _defaultUnsupportedClasses() {
+  get defaultUnsupportedClasses() {
     return ["unsupported"];
   }
   connect() {
+    installClassMethods(this);
     if (!("print" in window)) {
-      this._addUnsupportedClasses(this.el);
+      this.addUnsupportedClasses();
     }
     useEventListener(this, this.el, "click", this.print);
   }
-  _addUnsupportedClasses(el = this.el) {
-    if (this.hasUnsupportedClass) {
-      el.classList.add(...this._unsupportedClasses);
-    } else {
-      el.classList.add(...this._defaultUnsupportedClasses);
-    }
-  }
-  _removeUnsupportedClasses(el = this.el) {
-    if (this.hasUnsupportedClass) {
-      el.classList.remove(...this._unsupportedClasses);
-    } else {
-      el.classList.remove(...this._defaultUnsupportedClasses);
-    }
-  }
 }
 __publicField(PrintButtonController, "classes", [
   "unsupported"
@@ -6746,14 +4001,10 @@ class ResponsiveIframeWrapperController extends BaseController {
 class ResponsiveIframeBodyController extends BaseController {
   connect() {
     if (window.self !== window.top) {
-      useWindowResize(this);
-      useDebounce(this, {});
+      useEventListener(this, window, "resize", this.postUpdate, { debounce: 200 });
       this.postUpdate();
     }
   }
-  windowResize(payload) {
-    this.postUpdate();
-  }
   postUpdate() {
     let payload = { name: "iframe-body", height: this.getHeight() };
     window.parent.postMessage(payload, "*");
@@ -6764,7 +4015,6 @@ class ResponsiveIframeBodyController extends BaseController {
     return Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
   }
 }
-__publicField(ResponsiveIframeBodyController, "debounces", ["postUpdate"]);
 class SelfDestructController extends BaseController {
   connect() {
     requestAnimationFrame(() => {
@@ -6778,10 +4028,7 @@ class StickyController extends BaseController {
     super(...arguments);
     __publicField(this, "_magicElement", null);
   }
-  get _stuckClasses() {
-    return this.stuckClass.split(" ");
-  }
-  get _defaultStuckClasses() {
+  get defaultStuckClasses() {
     return ["stuck"];
   }
   get _mode() {
@@ -6804,9 +4051,9 @@ class StickyController extends BaseController {
           return;
         }
         if (entry.intersectionRatio === 0) {
-          this._addStuckClasses();
+          this.addStuckClasses();
         } else if (entry.intersectionRatio === 1) {
-          this._removeStuckClasses();
+          this.removeStuckClasses();
         }
       });
     }, {
@@ -6814,20 +4061,6 @@ class StickyController extends BaseController {
     });
     observer.observe(this._magicElement);
   }
-  _addStuckClasses(el = this.el) {
-    if (this.hasStuckClass) {
-      el.classList.add(...this._stuckClasses);
-    } else {
-      el.classList.add(...this._defaultStuckClasses);
-    }
-  }
-  _removeStuckClasses(el = this.el) {
-    if (this.hasStuckClass) {
-      el.classList.remove(...this._stuckClasses);
-    } else {
-      el.classList.remove(...this._defaultStuckClasses);
-    }
-  }
 }
 __publicField(StickyController, "classes", ["stuck"]);
 __publicField(StickyController, "values", { mode: String });
@@ -6901,10 +4134,6 @@ class TemporaryStateController extends EphemeralController {
     }
     throw new Error("Expected `secondsValue` to be present");
   }
-  initialize() {
-    this.setState = this.setState.bind(this);
-    this.removeState = this.removeState.bind(this);
-  }
   connect() {
     this.setState();
     useTimeout(this, this.removeState, this._seconds);
@@ -6930,22 +4159,63 @@ function applyTemporaryState(element, propertyString, value, seconds, controller
   if (!element.dataset.controller || !((_a = element.dataset.controller) == null ? void 0 : _a.includes(controllerIdentifier))) {
     element.dataset.controller = (element.dataset.controller || ` ${controllerIdentifier} `).trim().replaceAll("  ", " ");
   }
-  element[camelCase$2(`${controllerIdentifier}-attribute-value`)] = propertyString;
-  element[camelCase$2(`${controllerIdentifier}-seconds-value`)] = seconds.toString();
+  element[camelCase(`${controllerIdentifier}-attribute-value`)] = propertyString;
+  element[camelCase(`${controllerIdentifier}-seconds-value`)] = seconds.toString();
 }
 function applyTemporaryClass(element, value, seconds) {
   applyTemporaryState(element, "className", value, seconds);
 }
+function useClickOutside(controller, element, callback) {
+  callback = callback.bind(controller);
+  const handler = (event) => {
+    if (element.contains(event.target) || !isElementInViewport(element)) {
+      return;
+    }
+    callback(event);
+  };
+  let { teardown } = useEventListener(controller, window, ["click", "touchend"], handler);
+  useMixin(controller, () => void 0, teardown);
+  return {
+    teardown
+  };
+}
+function useHover(controller, element, enter, leave) {
+  let teardownEnter = null;
+  let teardownLeave = null;
+  if (enter) {
+    enter = enter.bind(controller);
+    let { teardown: _teardownEnter } = useEventListener(controller, element, "mouseenter", enter);
+    teardownEnter = _teardownEnter;
+  }
+  if (leave) {
+    leave = leave.bind(controller);
+    let { teardown: _teardownLeave } = useEventListener(controller, element, "mouseleave", leave);
+    teardownLeave = _teardownLeave;
+  }
+  let setup = () => void 0;
+  let teardown = () => {
+    if (teardownEnter) {
+      teardownEnter();
+    }
+    if (teardownLeave) {
+      teardownLeave();
+    }
+  };
+  useMixin(controller, setup, teardown);
+  return {
+    teardown
+  };
+}
 class ToggleClassController extends BaseController {
   connect() {
     if (!this.hasClassValue) {
       throw new Error("data-toggle-class-class-value must not be empty");
     }
     if (this.hasMouseEnterValue || this.hasMouseLeaveValue) {
-      useHover(this);
+      useHover(this, this.el, this.mouseEnter, this.mouseLeave);
     }
     if (this.hasClickAwayValue && this.clickAwayValue) {
-      useClickOutside(this);
+      useClickOutside(this, this.el, this.clickOutside);
     }
     requestAnimationFrame(() => {
       if (this.hasInitialValue) {
@@ -7046,16 +4316,7 @@ __publicField(ToggleClassController, "values", {
   clickAway: Boolean,
   initial: String
 });
-function controllerMethod(controller, methodName) {
-  const method2 = controller[methodName];
-  if (typeof method2 == "function") {
-    return method2;
-  } else {
-    return () => {
-    };
-  }
-}
-function installsTrixBehaviour(controller) {
+function useTrixModifiers(controller) {
   const controllerDisconnect = controller.disconnect.bind(controller);
   let observing = false;
   let observerCallback = (entries, observer2) => {
@@ -7117,9 +4378,6 @@ function installsTrixBehaviour(controller) {
   });
 }
 class TrixModifierController extends BaseController {
-  connect() {
-    installsTrixBehaviour(this);
-  }
   get enabledBehaviours() {
     let enabled = (datasetProp) => datasetProp !== void 0 && datasetProp !== "false";
     let behaviourIfEnabled = (datasetProp, trixInstallable) => enabled(datasetProp) ? [trixInstallable] : [];
@@ -7137,15 +4395,6 @@ class TrixModifierController extends BaseController {
       ...behaviourIfEnabled(this.el.dataset.noFileUploads, this.fileUploads)
     ];
   }
-  install(elements) {
-    this.enabledBehaviours.forEach((behaviour) => behaviour.install(elements));
-  }
-  pasteEvent(event) {
-    this.enabledBehaviours.forEach((behaviour) => behaviour.pasteEvent && behaviour.pasteEvent(event));
-  }
-  uninstall(elements) {
-    this.enabledBehaviours.forEach((behaviour) => behaviour.uninstall(elements));
-  }
   get bold() {
     return this.formattingHandlers(".trix-button--icon-bold", "bold");
   }
@@ -7203,6 +4452,18 @@ class TrixModifierController extends BaseController {
       }
     };
   }
+  connect() {
+    useTrixModifiers(this);
+  }
+  install(elements) {
+    this.enabledBehaviours.forEach((behaviour) => behaviour.install(elements));
+  }
+  pasteEvent(event) {
+    this.enabledBehaviours.forEach((behaviour) => behaviour.pasteEvent && behaviour.pasteEvent(event));
+  }
+  uninstall(elements) {
+    this.enabledBehaviours.forEach((behaviour) => behaviour.uninstall(elements));
+  }
   simpleHideShowHandlers(selector) {
     return {
       install: ({ toolbar: toolbar2 }) => this.hideToolbarSelector(toolbar2, selector),
@@ -7320,5 +4581,5 @@ __publicField(TurboFrameRefreshController, "values", {
   interval: Number,
   poll: Boolean
 });
-export { AlertController, AnchorSpyController, AsyncBlockController, AutoSubmitFormController, AutosizeController, BackLinkController, BaseController, CharCountController, CheckboxDisableInputsController, CheckboxEnableInputsController, CheckboxSelectAllController, CheckboxXORController, ClipboardController, ClockController, ConfirmController, ConfirmNavigationController, CountdownController, DebugController, DetectDirtyController, DetectDirtyFormController, DisableWithController, DismissableController, DurationController, ElementSaveController, EmptyDomController, EnableInputsController, EphemeralController, EventBus, FallbackImageController, FocusStealController, FormRcController, FormSaveController, FullscreenController, IntersectionController, IntervalController, LazyBlockController, LightboxImageController, LimitedSelectionCheckboxesController, LoadBlockController, MediaPlayerController, NavigateFormErrorsController, NestedFormController, PasswordConfirmController, PasswordPeekController, PollBlockController, PrefetchController, PresenceController, PrintButtonController, PrintController, RemoteFormController, RemoveController, ResponsiveIframeBodyController, ResponsiveIframeWrapperController, ScrollContainerController, ScrollIntoFocusController, ScrollToBottomController, ScrollToController, ScrollToTopController, SelfDestructController, SignalInputController, SignalVisibilityController, StickyController, SyncInputsController, TableSortController, TableTruncateController, TabsController, TeleportController, TemporaryStateController, TimeDistanceController, TimeoutController, ToggleClassController, TreeViewController, TrixModifierController, TurboFrameRCController, TurboFrameRefreshController, UserFocusController, ValueWarnController, WordCountController, applyTemporaryClass, applyTemporaryState, createHiddenButton, createHiddenInput, getScrollParent, insertElement, insertHiddenButton, insertHiddenInput, isDirty, isElementCheckable, isFormDirty, isHTMLAnchorElement, isHTMLButtonElement, isHTMLFormElement, isHTMLImageElement, isHTMLInputElement, isHTMLLinkElement, isHTMLSelectElement, isHTMLTextAreaElement, isTurboFrame, isTypeOfFormInputElement, requestReset, requestSubmit, scrollAbsoluteBottom, scrollAbsoluteLeft, scrollAbsoluteRight, scrollAbsoluteTop, scrollDown, scrollLeft, scrollRight, scrollToElement, scrollUp, useCollectionEventListener, useCollectionEventListeners, useEventListener, useEventListeners, useFullscreen, useInjectedElement, useInjectedFragment, useInjectedHTML, useInterval, useTimeout };
+export { AlertController, AnchorSpyController, AsyncBlockController, AutoSubmitFormController, AutosizeController, BackLinkController, BaseController, CharCountController, CheckboxDisableInputsController, CheckboxEnableInputsController, CheckboxSelectAllController, CheckboxXORController, ClipboardController, ClockController, ConfirmController, ConfirmNavigationController, CountdownController, DebugController, DetectDirtyController, DetectDirtyFormController, DisableWithController, DismissableController, DurationController, ElementSaveController, EmptyDomController, EnableInputsController, EphemeralController, EventBus, FallbackImageController, FocusStealController, FormRcController, FormSaveController, FullscreenController, IntersectionController, IntervalController, LazyBlockController, LightboxImageController, LimitedSelectionCheckboxesController, LoadBlockController, MediaPlayerController, NavigateFormErrorsController, NestedFormController, PasswordConfirmController, PasswordPeekController, PollBlockController, PrefetchController, PresenceController, PrintButtonController, PrintController, RemoteFormController, RemoveController, ResponsiveIframeBodyController, ResponsiveIframeWrapperController, ScrollContainerController, ScrollIntoFocusController, ScrollToBottomController, ScrollToController, ScrollToTopController, SelfDestructController, SignalActionController, SignalInputController, SignalVisibilityController, StickyController, StorageSerializers, SyncInputsController, TableSortController, TableTruncateController, TabsController, TeleportController, TemporaryStateController, TimeDistanceController, TimeoutController, ToggleClassController, TreeViewController, TrixModifierController, TurboFrameRCController, TurboFrameRefreshController, UserFocusController, ValueWarnController, WordCountController, applyTemporaryClass, applyTemporaryState, createHiddenButton, createHiddenInput, getAllRadiosInGroup, getOtherRadiosInGroup, getScrollParent, insertElement, insertHiddenButton, insertHiddenInput, isDirty, isElementCheckable, isElementInViewport, isFormDirty, isHTMLAnchorElement, isHTMLButtonElement, isHTMLFormElement, isHTMLImageElement, isHTMLInputElement, isHTMLLinkElement, isHTMLSelectElement, isHTMLTextAreaElement, isTurboFrame, isTypeOfFormInputElement, requestReset, requestSubmit, scrollAbsoluteBottom, scrollAbsoluteLeft, scrollAbsoluteRight, scrollAbsoluteTop, scrollDown, scrollLeft, scrollRight, scrollToElement, scrollUp, useCollectionEventListener, useCollectionEventListeners, useEventListener, useEventListeners, useFullscreen, useGeolocation, useInjectedElement, useInjectedFragment, useInjectedHTML, useInterval, useLocalStorage, useTimeout };
 //# sourceMappingURL=stimulus-library.es.js.map