stimulus-library 0.7.3 → 0.8.0-beta

package/dist/stimulus-library.es.js

@@ -1,4719 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { Controller } from "stimulus";
-import { camelCase, debounce, upperFirst, clamp, get, set } from "lodash-es";
-import { isPast, intervalToDuration, formatDuration, toDate, formatDistanceToNow } from "date-fns";
-function logProperty(prop) {
-  switch (prop) {
-    case "application":
-    case "el":
-    case "element":
-    case "constructor":
-    case "initialize":
-    case "log":
-    case "logEvent":
-    case "dispatch":
-    case "data":
-    case "valueDescriptorMap":
-    case "mutate":
-    case "identifier":
-      return false;
-  }
-  if (/^_.*?$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Target(s)?$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Value$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?ValueChanged$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Class$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?Classes$/.test(prop)) {
-    return false;
-  }
-  if (/^.*?ClassesPresent$/.test(prop)) {
-    return false;
-  }
-  return true;
-}
-function log(controller, functionName, args = {}) {
-  if (!controller.application.debug) {
-    return;
-  }
-  let logger = console;
-  logger.groupCollapsed(...colorize(controller.identifier, "#3B82F6"), `#${functionName}`);
-  logger.log(__spreadValues({
-    element: controller.element,
-    controller
-  }, args));
-  logger.groupEnd();
-}
-function warn(controller, warning, args = {}) {
-  if (!controller.application.debug) {
-    return;
-  }
-  let logger = console;
-  logger.groupCollapsed(...colorize(controller.identifier, "#F39B1AFF"), `!! ${warning} !!`);
-  logger.warn(__spreadValues({
-    element: controller.element,
-    controller
-  }, args));
-  logger.groupEnd();
-}
-function logEvent(controller, eventName, event, element) {
-  if (!controller.application.debug) {
-    return;
-  }
-  let logger = console;
-  logger.groupCollapsed(...colorizeMany([
-    { text: controller.identifier, color: "#3B82F6" },
-    { text: eventName, color: "#0be000" }
-  ]), event.detail);
-  logger.log(...colorize("Dispatched on", "#3b82f6"), element);
-  logger.log(...colorize("event", "#3b82f6"), event);
-  logger.log(...colorize("event details", "#3b82f6"), event.detail);
-  logger.groupEnd();
-}
-function colorize(text, color) {
-  return colorizeMany([{ text, color }]);
-}
-function colorizeMany(texts) {
-  let str = "";
-  let colors = texts.flatMap((x) => {
-    str += `%c${x.text}%c `;
-    return [`color: ${x.color}`, "color: unset"];
-  });
-  return [str, ...colors];
-}
-function dispatchEvent(controller, element, eventName, options = {}) {
-  let mergedOptions = Object.assign({}, { bubbles: true, cancelable: true, detail: { target: element } }, options);
-  if (!mergedOptions.detail.target) {
-    mergedOptions.detail.target = element;
-  }
-  let event = new CustomEvent(eventName, mergedOptions);
-  logEvent(controller, eventName, event, element);
-  element.dispatchEvent(event);
-}
-class BaseController extends Controller {
-  constructor(context) {
-    super(context);
-    if (!this.application.debug) {
-      return this;
-    }
-    return new Proxy(this, {
-      get: (obj, prop) => {
-        let returnVal = Reflect.get(obj, prop);
-        let self = this;
-        if ("logFormattedMessage" in this.application) {
-          return returnVal;
-        }
-        if (logProperty(prop.toString())) {
-          if (typeof returnVal == "function") {
-            return new Proxy(returnVal, {
-              apply(target, thisArg, argArray) {
-                log(self, prop.toString(), {
-                  args: argArray
-                });
-                return Reflect.apply(target, thisArg, argArray);
-              }
-            });
-          } else {
-            log(this, prop.toString());
-          }
-        }
-        return returnVal;
-      }
-    });
-  }
-  get el() {
-    return this.element;
-  }
-  get isTurboPreview() {
-    return document.documentElement.hasAttribute("data-turbo-preview") || document.documentElement.hasAttribute("data-turbolinks-preview");
-  }
-  get isTurbolinksPreview() {
-    return this.isTurboPreview;
-  }
-  get csrfToken() {
-    return this.metaValue("csrf-token");
-  }
-  metaValue(name) {
-    const element = document.head.querySelector(`meta[name="${name}"]`);
-    return (element == null ? void 0 : element.getAttribute("content")) || null;
-  }
-  dispatchEvent(element, eventName, options = {}) {
-    dispatchEvent(this, element, eventName, options);
-  }
-}
-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"), "")) || "";
-    if (element.dataset.controller == "") {
-      delete element.dataset.controller;
-    }
-    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(`${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(`${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(`${this.identifier}-${val}-value`)]);
-    }
-    let classes = this.constructor.classes;
-    if (classes) {
-      Object.keys(classes).forEach((val) => delete element.dataset[camelCase(`${this.identifier}-${val}-class`)]);
-    }
-  }
-}
-const smoothSupported = "scrollBehavior" in document.documentElement.style;
-let smoothPolyfilled;
-async function scrollToElement(element, { behavior = "smooth", block = "start", inline = "nearest" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollIntoView({ behavior, block, inline });
-}
-async function scrollAbsoluteTop(element, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollTo({ top: 0, left: 0, behavior });
-}
-async function scrollAbsoluteBottom(element, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  if (element == window) {
-    element.scrollTo({ top: document.body.scrollHeight, left: 0, behavior });
-  } else {
-    element.scrollTo({ top: element.scrollHeight, left: 0, behavior });
-  }
-}
-async function scrollAbsoluteLeft(element, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollTo({ left: 0, behavior });
-}
-async function scrollAbsoluteRight(element, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  if (element == window) {
-    element.scrollTo({ left: document.body.scrollWidth, behavior });
-  } else {
-    element.scrollTo({ left: element.scrollWidth, behavior });
-  }
-}
-async function scrollUp(element, amount, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({ top: -amount, left: 0, behavior });
-}
-async function scrollDown(element, amount, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({ top: amount, left: 0, behavior });
-}
-async function scrollLeft(element, amount, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({ top: 0, left: -amount, behavior });
-}
-async function scrollRight(element, amount, { behavior = "smooth" } = {}) {
-  if (behavior == "smooth" && !smoothSupported) {
-    await polyfillSmooth();
-  }
-  element.scrollBy({ top: 0, left: amount, behavior });
-}
-async function polyfillSmooth() {
-  const { polyfill } = await import(
-    /* webpackChunkName: "smoothscroll-polyfill" */
-    "smoothscroll-polyfill"
-  );
-  if (smoothPolyfilled) {
-    return;
-  }
-  smoothPolyfilled = true;
-  polyfill();
-}
-function getScrollParent(node) {
-  if (!node) {
-    return null;
-  }
-  if (node == document.body) {
-    return window;
-  }
-  const overflowY = getComputedStyle(node).overflowY;
-  const isScrollable = overflowY !== "visible" && overflowY !== "hidden";
-  if (isScrollable && node.scrollHeight >= node.clientHeight) {
-    return node;
-  }
-  return getScrollParent(node.parentElement) || document.body;
-}
-function isTurboFrame(element) {
-  return element.nodeName == "TURBO-FRAME";
-}
-function mitt(n) {
-  return { all: n = n || new Map(), on: function(t, e) {
-    var i = n.get(t);
-    i ? i.push(e) : n.set(t, [e]);
-  }, off: function(t, e) {
-    var i = n.get(t);
-    i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : n.set(t, []));
-  }, emit: function(t, e) {
-    var i = n.get(t);
-    i && i.slice().map(function(n2) {
-      n2(e);
-    }), (i = n.get("*")) && i.slice().map(function(n2) {
-      n2(t, e);
-    });
-  } };
-}
-const EventBus = mitt();
-function isHTMLLinkElement(element) {
-  return element.nodeName == "LINK";
-}
-function isHTMLAnchorElement(element) {
-  return element.nodeName == "A";
-}
-function isHTMLFormElement(element) {
-  return element.nodeName == "FORM";
-}
-function isHTMLInputElement(element) {
-  return element.nodeName == "INPUT";
-}
-function isHTMLLabelElement(element) {
-  return element.nodeName == "LABEL";
-}
-function isHTMLTextAreaElement(element) {
-  return element.nodeName == "TEXTAREA";
-}
-function isHTMLButtonElement(element) {
-  return element.nodeName == "BUTTON";
-}
-function isHTMLSelectElement(element) {
-  return element.nodeName == "SELECT";
-}
-function isHTMLImageElement(element) {
-  return element.nodeName == "IMG";
-}
-function isHTMLButtonInputElement(element) {
-  return element.nodeName == "INPUT" && element.type == "button";
-}
-function isHTMLSubmitInputElement(element) {
-  return element.nodeName == "INPUT" && element.type == "submit";
-}
-function isHTMLResetInputElement(element) {
-  return element.nodeName == "INPUT" && element.type == "reset";
-}
-function isHTMLButtonButtonElement(element) {
-  return element.nodeName == "BUTTON" && element.type == "button";
-}
-function isHTMLSubmitButtonElement(element) {
-  return element.nodeName == "BUTTON" && element.type == "submit";
-}
-function isHTMLResetButtonElement(element) {
-  return element.nodeName == "BUTTON" && element.type == "reset";
-}
-function isTypeOfResetButtonElement(element) {
-  return isHTMLResetButtonElement(element) || isHTMLResetInputElement(element);
-}
-function isTypeOfSubmitButtonElement(element) {
-  return isHTMLSubmitButtonElement(element) || isHTMLSubmitInputElement(element);
-}
-function isTypeOfButtonableElement(element) {
-  return isTypeOfResetButtonElement(element) || isTypeOfSubmitButtonElement(element) || isHTMLButtonButtonElement(element);
-}
-function isElementCheckable(element) {
-  return isHTMLInputElement(element) && (element.type === "radio" || element.type === "checkbox");
-}
-function isTypeOfFormInputElement(element) {
-  return isHTMLInputElement(element) || isHTMLSelectElement(element) || isHTMLTextAreaElement(element);
-}
-function createHiddenButton(type) {
-  let button = document.createElement("button");
-  button.type = type;
-  button.style.display = "none";
-  button.dataset.sythentic = "true";
-  return button;
-}
-function createHiddenInput(name, value) {
-  let input = document.createElement("input");
-  input.type = "hidden";
-  input.name = name;
-  input.value = value;
-  return input;
-}
-function insertElement(targetElement, insertPosition, element) {
-  let createdElement = targetElement.insertAdjacentElement(insertPosition, element);
-  if (!createdElement) {
-    throw new Error(`Failed to insert element ${element.nodeName} into ${targetElement.nodeName}`);
-  }
-  return createdElement;
-}
-function insertHiddenInput(name, value, targetElement, insertPosition) {
-  return insertElement(targetElement, insertPosition, createHiddenInput(name, value));
-}
-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();
-  } else {
-    let button = form.querySelector('button[type="submit"]');
-    if (!button) {
-      button = insertHiddenButton("submit", form, "beforeend");
-    }
-    button.click();
-  }
-}
-function requestReset(form) {
-  let button = form.querySelector('button[type="reset"]');
-  if (!button) {
-    button = insertHiddenButton("reset", form, "beforeend");
-  }
-  button.click();
-}
-function wrapArray(x) {
-  return Array.isArray(x) ? x : [x];
-}
-function useMixin(controller, setup, teardown) {
-  const controllerDisconnect = controller.disconnect.bind(controller);
-  setup();
-  Object.assign(controller, {
-    disconnect() {
-      teardown();
-      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 useEventListeners(controller, element, eventNameOrNames, handler, opts) {
-  return useEventListener(controller, element, eventNameOrNames, handler, opts);
-}
-function useCollectionEventListener(controller, elements, eventNameOrNames, handler, opts) {
-  let handlers = [];
-  elements.forEach((el) => {
-    let { setup, teardown } = useEventListener(controller, el, eventNameOrNames, handler, opts);
-    handlers.push({ setup, teardown });
-  });
-  return [
-    () => handlers.forEach((h) => h.setup()),
-    () => handlers.forEach((h) => h.teardown())
-  ];
-}
-function useCollectionEventListeners(controller, elements, eventNameOrNames, handler, opts) {
-  return useCollectionEventListener(controller, elements, eventNameOrNames, handler, opts);
-}
-function useFullscreen(controller, el) {
-  let element = el || document.documentElement;
-  let fullscreenOpen = document.fullscreenElement !== null;
-  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();
-    }
-  };
-  const enter = async () => {
-    if (fullscreenOpen) {
-      await exit();
-    }
-    if (element.requestFullscreen) {
-      await element.requestFullscreen();
-      fullscreenOpen = true;
-    }
-  };
-  useMixin(controller, setup, teardown);
-  return {
-    isFullscreen,
-    enter,
-    exit,
-    toggle,
-    teardown
-  };
-}
-function reactive(object) {
-  if (object === null || typeof object !== "object") {
-    return object;
-  }
-  for (const property in object) {
-    if (Object.getOwnPropertyDescriptor(object, property) == void 0) {
-      continue;
-    }
-    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;
-    }
-  });
-}
-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 = {}) {
-  let nodes = Array.from(fragment.childNodes);
-  let setup = () => {
-    let parent = targetElement.parentElement;
-    if (["beforebegin", "afterend"].includes(insertPosition) && parent == null) {
-      throw new Error("Cannot insert beforebegin into a node with no parent");
-    }
-    switch (insertPosition) {
-      case "beforeend":
-        targetElement.append(fragment);
-        break;
-      case "afterbegin":
-        targetElement.prepend(fragment);
-        break;
-      case "beforebegin":
-        parent.insertBefore(fragment, targetElement);
-        break;
-      case "afterend":
-        parent.insertBefore(fragment, targetElement);
-        break;
-    }
-  };
-  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 = {}) {
-  const fragment = document.createRange().createContextualFragment(html);
-  return useInjectedFragment(controller, targetElement, insertPosition, fragment, options);
-}
-function useInjectedElement(controller, targetElement, insertPosition, element, options = {}) {
-  const fragment = new DocumentFragment();
-  fragment.append(element);
-  let [nodes, teardown] = useInjectedFragment(controller, targetElement, insertPosition, fragment, options);
-  return [nodes[0], teardown];
-}
-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;
-}
-const StorageSerializers = {
-  boolean: {
-    deserialize: (v) => v === "true",
-    serialize: (v) => String(v),
-    isEmpty: (v) => v === "" || v === null
-  },
-  object: {
-    deserialize: (v) => JSON.parse(v),
-    serialize: (v) => JSON.stringify(v),
-    isEmpty: (v) => {
-      const values = Object.values(JSON.parse(v));
-      return values.length === 0 || values.every((v2) => v2 === "" || v2 === null);
-    }
-  },
-  number: {
-    deserialize: (v) => Number.parseFloat(v),
-    serialize: (v) => String(v),
-    isEmpty: (v) => v === "" || v === null
-  },
-  any: {
-    deserialize: (v) => v,
-    serialize: (v) => String(v),
-    isEmpty: (v) => v === "" || v === null
-  },
-  string: {
-    deserialize: (v) => v,
-    serialize: (v) => String(v),
-    isEmpty: (v) => v === "" || v === null
-  },
-  map: {
-    deserialize: (v) => new Map(JSON.parse(v)),
-    serialize: (v) => JSON.stringify(Array.from(v.entries())),
-    isEmpty: (v) => {
-      const values = Array.from(v.values());
-      return values.length === 0 || values.every((v2) => v2 === "" || v2 === null);
-    }
-  },
-  set: {
-    deserialize: (v) => new Set(JSON.parse(v)),
-    serialize: (v) => JSON.stringify(Array.from(v.entries())),
-    isEmpty: (v) => {
-      const values = Array.from(v.values());
-      return values.length === 0 || values.every((v2) => v2 === "" || v2 === null);
-    }
-  }
-};
-function useLocalStorage(controller, key, defaultValue, opts = { writeDefaults: true }) {
-  let type;
-  let { writeDefaults } = opts;
-  if (defaultValue == null) {
-    type = "any";
-  } else if (defaultValue instanceof Set) {
-    type = "set";
-  } else if (defaultValue instanceof Map) {
-    type = "map";
-  } else if (typeof defaultValue === "boolean") {
-    type = "boolean";
-  } else if (typeof defaultValue === "string") {
-    type = "string";
-  } else if (typeof defaultValue === "object") {
-    type = "object";
-  } else if (Array.isArray(defaultValue)) {
-    type = "object";
-  } else if (!Number.isNaN(defaultValue)) {
-    type = "number";
-  } else {
-    type = "any";
-  }
-  let data = reactive({
-    value: defaultValue
-  });
-  let storage = localStorage;
-  const serializer = StorageSerializers[type];
-  const read = () => {
-    const rawValue = storage.getItem(key);
-    if (rawValue == null) {
-      data.value = defaultValue;
-      if (writeDefaults && defaultValue !== null) {
-        storage.setItem(key, serializer.serialize(defaultValue));
-      }
-    } else {
-      data.value = serializer.deserialize(rawValue);
-    }
-    return data.value;
-  };
-  const write = (value) => {
-    storage.setItem(key, serializer.serialize(value));
-    data.value = value;
-  };
-  const clear = () => {
-    storage.removeItem(key);
-    data.value = defaultValue;
-    return data.value;
-  };
-  const isEmpty = () => {
-    let rawValue = storage.getItem(key);
-    return serializer.isEmpty(rawValue);
-  };
-  read();
-  return {
-    get value() {
-      return read();
-    },
-    set value(value) {
-      write(value);
-    },
-    read,
-    clear,
-    write,
-    isEmpty
-  };
-}
-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;
-}
-function useTemporaryContent(controller, target, content, timeout, teardownCallback) {
-  const setContent = (element, text) => {
-    if (isHTMLInputElement(element)) {
-      element.value = text;
-    } else {
-      element.textContent = text;
-    }
-  };
-  const getContent = (element) => {
-    return isHTMLInputElement(element) ? element.value : element.innerHTML;
-  };
-  let cleanupTimeout = () => void 0;
-  let originalText = getContent(target);
-  const teardown = () => {
-    setContent(target, originalText);
-    cleanupTimeout();
-    if (teardownCallback) {
-      teardownCallback.call(controller);
-    }
-  };
-  const setup = () => {
-    setContent(target, content);
-    if (timeout !== void 0) {
-      cleanupTimeout = useTimeout(controller, teardown, timeout);
-    }
-  };
-  useMixin(controller, setup, teardown);
-  return {
-    teardown,
-    update(newContent) {
-      setContent(target, newContent);
-    }
-  };
-}
-async function fetchRetry(n, input, init) {
-  try {
-    return await fetch(input, init);
-  } catch (err) {
-    if (n === 1) {
-      throw err;
-    }
-    return await fetchRetry(n - 1, input, init);
-  }
-}
-class LoadBlockController extends BaseController {
-  get _errorMessage() {
-    return this.hasErrorMessageValue ? this.errorMessageValue : "This content failed to load";
-  }
-  get _maxRetries() {
-    return this.hasMaxRetriesValue ? this.maxRetriesValue : 1;
-  }
-  connect() {
-  }
-  async loadContent(event = null) {
-    event == null ? void 0 : event.preventDefault();
-    let self = this;
-    let el = this.hasReplaceTarget ? this.replaceTarget : this.el;
-    let failure = () => {
-      el.replaceWith(this._errorMessage);
-      self.dispatchEvent(el, "ajax:error");
-    };
-    try {
-      let response = await fetchRetry(this._maxRetries, this.endpointValue);
-      if (!response.ok) {
-        failure();
-      }
-      let text = await response.text();
-      let newEl = document.createElement("div");
-      newEl.innerHTML = text;
-      if (this.hasSelectorValue) {
-        let selectedContent = newEl.querySelectorAll(this.selectorValue);
-        el.replaceWith(...selectedContent);
-      } else {
-        el.replaceWith(...newEl.children);
-      }
-      self.dispatchEvent(el, "ajax:success");
-    } catch (e) {
-      failure();
-    } finally {
-      self.dispatchEvent(el, "ajax:complete");
-    }
-  }
-}
-__publicField(LoadBlockController, "targets", ["replace"]);
-__publicField(LoadBlockController, "values", {
-  endpoint: String,
-  errorMessage: String,
-  selector: String,
-  maxRetries: Number
-});
-class AsyncBlockController extends LoadBlockController {
-  get _errorMessage() {
-    return this.hasErrorMessageValue ? this.errorMessageValue : "This content failed to load";
-  }
-  async connect() {
-    await this.loadContent();
-  }
-}
-__publicField(AsyncBlockController, "targets", ["replace"]);
-__publicField(AsyncBlockController, "values", {
-  endpoint: String,
-  errorMessage: String,
-  selector: String,
-  maxRetries: Number
-});
-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;
-  };
-  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
-  };
-}
-function useIntersection(controller, element, appear, disappear, options) {
-  if (appear) {
-    appear = appear.bind(controller);
-  }
-  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);
-      }
-    });
-  };
-  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
-  };
-}
-class LazyBlockController extends LoadBlockController {
-  async connect() {
-    let element = this.el;
-    if ("IntersectionObserver" in window) {
-      let { observe, unobserve } = useIntersection(this, element, this.appear, null, { threshold: 0.3 });
-      this.observe = observe;
-      this.unobserve = unobserve;
-    } else {
-      await this.loadContent();
-    }
-  }
-  async appear(entry) {
-    if (entry.target === this.el && entry.isIntersecting) {
-      await this.loadContent();
-      if (this.unobserve) {
-        this.unobserve();
-      }
-    }
-  }
-}
-class PollBlockController extends LoadBlockController {
-  connect() {
-    if (!this.hasSecondsValue) {
-      throw new Error("Required value `seconds` is missing");
-    }
-    requestAnimationFrame(() => {
-      this._timeout();
-      useInterval(this, this._timeout, this.secondsValue * 1e3);
-    });
-  }
-  async _timeout() {
-    await this.loadContent();
-  }
-}
-__publicField(PollBlockController, "targets", ["replace"]);
-__publicField(PollBlockController, "values", {
-  endpoint: String,
-  errorMessage: String,
-  selector: String,
-  maxRetries: Number,
-  seconds: Number
-});
-class AutoSubmitFormController extends BaseController {
-  get _eventModes() {
-    if (this.hasEventModeValue) {
-      let modes = this.eventModeValue.split(" ").map((mode) => mode.trim());
-      if (modes.length === 1 && modes[0] === "debounced") {
-        return ["change", "input"];
-      }
-      if (!modes.every((mode) => ["change", "input"].includes(mode))) {
-        throw new Error(`The modeValue provided '${this.eventModeValue}' is not one of the recognised configuration options`);
-      }
-      return modes;
-    } else {
-      return ["change"];
-    }
-  }
-  get _debounceTimeout() {
-    return this.hasDebounceIntervalValue ? this.debounceIntervalValue : -1;
-  }
-  get _mode() {
-    if (this.hasSubmitModeValue) {
-      if (!["direct", "request"].includes(this.submitModeValue)) {
-        throw new Error(`The modeValue provided '${this.submitModeValue}' is not one of the recognised configuration options`);
-      }
-      return this.submitModeValue;
-    } else {
-      return "request";
-    }
-  }
-  get _cssSelector() {
-    let inputTypes = ["input", "textarea", "select"];
-    let ignore = ":not([data-no-autosubmit])";
-    return inputTypes.map((type) => type.concat(ignore)).join(",");
-  }
-  get inputElements() {
-    let subElements = Array.from(this.element.querySelectorAll(this._cssSelector));
-    subElements = subElements.filter((el) => !this._ancestorIsTrix(el));
-    return subElements;
-  }
-  connect() {
-    this.inputElements.forEach((el) => {
-      return useEventListener(this, el, this._eventModes, this.submit, { debounce: this._debounceTimeout && this._debounceTimeout > 0 ? this._debounceTimeout : void 0 });
-    });
-  }
-  _ancestorIsTrix(element) {
-    return element.closest("trix-toolbar") !== null && element.closest("trix-editor") !== null;
-  }
-  submit() {
-    let el = this.el;
-    if (this._mode == "request") {
-      requestSubmit(el);
-    } else {
-      el.submit();
-    }
-  }
-}
-__publicField(AutoSubmitFormController, "values", { submitMode: String, eventMode: String, debounceInterval: Number });
-class AutosizeController extends BaseController {
-  connect() {
-    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}'`);
-    }
-    requestAnimationFrame(() => {
-      this.el.style.resize = "none";
-      this.el.style.boxSizing = "border-box";
-      this._handler();
-      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();
-  }
-  _handler() {
-    this.autosize(this.el);
-  }
-  autosize(element) {
-    let offset = element.offsetHeight - element.clientHeight;
-    element.style.height = "auto";
-    element.style.height = element.scrollHeight + offset + "px";
-  }
-}
-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;
-  }
-}
-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))
-  };
-  Object.assign(controller, methods);
-}
-function installClassMethods(controller) {
-  let classes = controller.constructor.classes || [];
-  classes.forEach((classDefinition) => addMethodsForClassDefinition(controller, classDefinition));
-}
-class CharCountController extends BaseController {
-  connect() {
-    installClassMethods(this);
-    requestAnimationFrame(() => {
-      useEventListener(this, this.inputTarget, "input", this._updateCharCount);
-      this._updateCharCount();
-    });
-  }
-  _updateCharCount() {
-    let charCount = this.inputTarget.value.length;
-    this.outputTarget.innerText = charCount.toString();
-    if (this._isValidCount(charCount)) {
-      this.removeErrorClasses(this.outputTarget);
-    } else {
-      this.addErrorClasses(this.outputTarget);
-    }
-  }
-  _isValidCount(count) {
-    let min = 0;
-    let max = 99999;
-    if (this.hasMinValue) {
-      min = this.minValue;
-    }
-    if (this.hasMaxValue) {
-      max = this.maxValue;
-    }
-    return count >= min && count <= max;
-  }
-}
-__publicField(CharCountController, "targets", ["input", "output"]);
-__publicField(CharCountController, "values", { min: Number, max: Number });
-__publicField(CharCountController, "classes", ["error"]);
-class CheckboxDisableInputsController extends BaseController {
-  connect() {
-    this.toggle();
-  }
-  toggle() {
-    if (this.hasDisablerTarget && this.disablerTarget.checked) {
-      this.disable();
-    } else {
-      this.enable();
-    }
-  }
-  disable() {
-    let shouldClear = this.hasClearValue && this.clearValue;
-    this.disableTargets.forEach((el, _) => {
-      if (shouldClear) {
-        el.value = "";
-      }
-      el.disabled = true;
-    });
-  }
-  enable() {
-    this.disableTargets.forEach((el, _) => {
-      el.disabled = false;
-    });
-  }
-}
-__publicField(CheckboxDisableInputsController, "targets", ["disabler", "disable"]);
-__publicField(CheckboxDisableInputsController, "values", {
-  clear: Boolean
-});
-class CheckboxEnableInputsController extends BaseController {
-  connect() {
-    this.toggle();
-  }
-  toggle() {
-    if (this.hasEnablerTarget && this.enablerTarget.checked) {
-      this.enable();
-    } else {
-      this.disable();
-    }
-  }
-  disable() {
-    let shouldClear = this.hasClearValue && this.clearValue;
-    this.enableTargets.forEach((el, _) => {
-      if (shouldClear) {
-        el.value = "";
-      }
-      el.disabled = true;
-    });
-  }
-  enable() {
-    this.enableTargets.forEach((el, _) => {
-      el.disabled = false;
-    });
-  }
-}
-__publicField(CheckboxEnableInputsController, "targets", ["enabler", "enable"]);
-__publicField(CheckboxEnableInputsController, "values", {
-  clear: Boolean
-});
-class CheckboxSelectAllController extends BaseController {
-  get _checked() {
-    return this._enabled.filter((checkbox) => checkbox.checked);
-  }
-  get _enabled() {
-    return this.checkboxTargets.filter((checkbox) => !checkbox.disabled && !checkbox.readOnly);
-  }
-  get _unchecked() {
-    return this._enabled.filter((checkbox) => !checkbox.checked);
-  }
-  connect() {
-    requestAnimationFrame(() => {
-      if (!this.hasSelectAllTarget) {
-        return;
-      }
-      useEventListener(this, this.selectAllTarget, "change", this._toggle);
-      useCollectionEventListener(this, this.checkboxTargets, "change", this._refresh);
-      this._refresh();
-    });
-  }
-  _toggle(event) {
-    event.preventDefault();
-    let target = event.target;
-    this._enabled.forEach((checkbox) => checkbox.checked = checkbox.disabled || checkbox.readOnly ? checkbox.checked : target.checked);
-  }
-  _refresh() {
-    const checkboxesCount = this._enabled.length;
-    const checkboxesCheckedCount = this._checked.length;
-    this.selectAllTarget.checked = checkboxesCheckedCount > 0;
-    this.selectAllTarget.indeterminate = checkboxesCheckedCount > 0 && checkboxesCheckedCount < checkboxesCount;
-  }
-}
-__publicField(CheckboxSelectAllController, "targets", ["selectAll", "checkbox"]);
-class CheckboxXORController extends BaseController {
-  connect() {
-    useCollectionEventListener(this, this.checkboxTargets, "change", this._update);
-  }
-  _otherCheckboxes(el) {
-    return Array.from(this.checkboxTargets).filter((field) => field !== el);
-  }
-  _update(event) {
-    const target = event.target;
-    if (!target) {
-      throw new Error("No target found on event");
-    }
-    let others = this._otherCheckboxes(target);
-    if (target.checked) {
-      others.forEach((checkbox) => {
-        checkbox.checked = false;
-        this.dispatchEvent(this.el, "change");
-      });
-    }
-  }
-}
-__publicField(CheckboxXORController, "targets", ["checkbox"]);
-class DetectDirtyController extends BaseController {
-  get _cacheAttrName() {
-    return "detect-dirty-load-value";
-  }
-  connect() {
-    let element = this.el;
-    this._cacheLoadValues();
-    this._checkDirty();
-    useEventListener(this, element, ["input", "change"], this._checkDirty, { debounce: 10 });
-  }
-  restore(event) {
-    event == null ? void 0 : event.preventDefault();
-    this._restoreElementFromLoadValue();
-  }
-  _getElementValue() {
-    let element = this.el;
-    return isElementCheckable(element) ? element.checked : element.value;
-  }
-  _getElementLoadValue() {
-    let element = this.el;
-    let value = element.getAttribute(this._cacheAttrName);
-    if (isElementCheckable(element)) {
-      return value == null ? element.defaultChecked : value == "true";
-    } else if (isHTMLSelectElement(element)) {
-      let options = Array.from(element.options);
-      options.forEach((option) => {
-        if (option.defaultSelected) {
-          element.value = option.value;
-          return option.value;
-        }
-      });
-    } else if (value !== null) {
-      return value;
-    }
-    return value;
-  }
-  _elementHasCachedLoadValue() {
-    let element = this.el;
-    return element.hasAttribute(this._cacheAttrName);
-  }
-  _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 {
-      element.removeAttribute("data-dirty");
-    }
-  }
-  _isElementDirty() {
-    return this._getElementValue() !== this._getElementLoadValue();
-  }
-  _restoreElementFromLoadValue() {
-    let element = this.el;
-    let cacheValue = element.getAttribute(this._cacheAttrName);
-    if (isElementCheckable(element)) {
-      element.setAttribute(this._cacheAttrName, element.checked.toString());
-      element.checked = cacheValue == null ? element.defaultChecked : cacheValue == "true";
-    } else if (isHTMLSelectElement(element)) {
-      if (cacheValue == null) {
-        let options = Array.from(element.options);
-        options.forEach((option) => {
-          if (option.defaultSelected) {
-            element.value = option.value;
-            return;
-          }
-        });
-      } else {
-        element.value = cacheValue;
-      }
-    } else {
-      element.value = cacheValue == null ? element.defaultValue : cacheValue;
-    }
-  }
-  _cacheLoadValues() {
-    let element = this.el;
-    if (!this._elementHasCachedLoadValue() && isElementCheckable(element)) {
-      element.setAttribute(this._cacheAttrName, element.checked.toString());
-    } else {
-      element.setAttribute(this._cacheAttrName, element.value.toString());
-    }
-  }
-}
-function isDirty(element) {
-  return element.hasAttribute("data-dirty");
-}
-class DetectDirtyFormController extends BaseController {
-  get _formElements() {
-    return Array.from(this.el.querySelectorAll("input, select, textarea"));
-  }
-  get _cacheAttrName() {
-    return "detect-dirty-load-value";
-  }
-  connect() {
-    let element = this.el;
-    this._cacheLoadValues();
-    this._checkDirty();
-    useEventListener(this, element, ["input", "change"], this._checkDirty, { debounce: 10 });
-  }
-  restore(event) {
-    event == null ? void 0 : event.preventDefault();
-    this._formElements.forEach((element) => this._restoreElementFromLoadValue(element));
-  }
-  _getElementValue(element) {
-    return isElementCheckable(element) ? element.checked : element.value;
-  }
-  _getElementLoadValue(element) {
-    let value = element.getAttribute(this._cacheAttrName);
-    if (isElementCheckable(element)) {
-      return value == null ? element.defaultChecked : value == "true";
-    } else if (isHTMLSelectElement(element)) {
-      let options = Array.from(element.options);
-      options.forEach((option) => {
-        if (option.defaultSelected) {
-          element.value = option.value;
-          return option.value;
-        }
-      });
-    } else if (value !== null) {
-      return value;
-    }
-    return value;
-  }
-  _elementHasCachedLoadValue(element) {
-    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 {
-      element.removeAttribute("data-dirty");
-    }
-  }
-  _isElementDirty(element) {
-    return this._getElementValue(element) !== this._getElementLoadValue(element);
-  }
-  _cacheElementLoadValue(element) {
-    if (!this._elementHasCachedLoadValue(element) && isElementCheckable(element)) {
-      element.setAttribute(this._cacheAttrName, element.checked.toString());
-    } else {
-      element.setAttribute(this._cacheAttrName, element.value.toString());
-    }
-  }
-  _restoreElementFromLoadValue(element) {
-    let cacheValue = element.getAttribute(this._cacheAttrName);
-    if (isElementCheckable(element)) {
-      element.setAttribute(this._cacheAttrName, element.checked.toString());
-      element.checked = cacheValue == null ? element.defaultChecked : cacheValue == "true";
-    } else if (isHTMLSelectElement(element)) {
-      if (cacheValue == null) {
-        let options = Array.from(element.options);
-        options.forEach((option) => {
-          if (option.defaultSelected) {
-            element.value = option.value;
-            return;
-          }
-        });
-      } else {
-        element.value = cacheValue;
-      }
-    } else {
-      element.value = cacheValue == null ? element.defaultValue : cacheValue;
-    }
-  }
-  _cacheLoadValues() {
-    this._formElements.forEach((el) => this._cacheElementLoadValue(el));
-  }
-  _checkDirty() {
-    this._formElements.forEach((el) => this._checkElementDirty(el));
-    if (this._formElements.some((el) => isFormDirty(el))) {
-      this.el.setAttribute("data-dirty", "true");
-    } else {
-      this.el.removeAttribute("data-dirty");
-    }
-  }
-}
-function isFormDirty(element) {
-  return element.hasAttribute("data-dirty");
-}
-class EnableInputsController extends BaseController {
-  connect() {
-  }
-  disable() {
-    let shouldClear = this.hasClearValue && this.clearValue;
-    this.inputTargets.forEach((el, _) => {
-      if (shouldClear) {
-        el.value = "";
-      }
-      el.disabled = true;
-    });
-  }
-  enable() {
-    this.inputTargets.forEach((el, _) => el.disabled = false);
-  }
-}
-__publicField(EnableInputsController, "targets", ["input"]);
-__publicField(EnableInputsController, "values", {
-  clear: Boolean
-});
-class FocusStealController extends BaseController {
-  get _mode() {
-    const MODES = ["immediate", "wait"];
-    if (this.hasModeValue) {
-      if (!MODES.includes(this.modeValue)) {
-        throw new Error(`The given modeValue '${this.modeValue}' is not one of the supported modes: "${MODES.join('", "')}"`);
-      } else {
-        return this.modeValue;
-      }
-    } else {
-      return MODES[0];
-    }
-  }
-  connect() {
-    if (this._mode == "immediate") {
-      this.steal();
-    }
-  }
-  steal() {
-    this.el.focus();
-  }
-}
-__publicField(FocusStealController, "values", {
-  mode: String
-});
-class FormRcController extends BaseController {
-  get _mode() {
-    if (this.hasSubmitModeValue) {
-      if (!["direct", "request"].includes(this.submitModeValue)) {
-        throw new Error(`The modeValue provided '${this.submitModeValue}' is not one of the recognised configuration options`);
-      }
-      return this.submitModeValue;
-    } else {
-      return "request";
-    }
-  }
-  get form() {
-    let form;
-    if (this.hasFormSelectorValue) {
-      form = document.querySelector(this.formSelectorValue);
-      if (!form) {
-        throw new Error(`Could not find a form on the page that matches selector '${this.formSelectorValue}'`);
-      }
-    } else {
-      form = this.formTarget;
-    }
-    return form;
-  }
-  submit(event) {
-    event == null ? void 0 : event.preventDefault();
-    let el = this.formTarget;
-    if (this._mode == "request") {
-      requestSubmit(el);
-    } else {
-      el.submit();
-    }
-  }
-  reset(event) {
-    event == null ? void 0 : event.preventDefault();
-    requestReset(this.form);
-  }
-}
-__publicField(FormRcController, "targets", ["form"]);
-__publicField(FormRcController, "values", {
-  formSelector: String,
-  submitMode: String
-});
-class FormSaveController extends BaseController {
-  get _formID() {
-    if (this.hasIdValue) {
-      return this.idValue;
-    }
-    let elementID = this.el.id;
-    if (elementID !== "") {
-      return elementID;
-    } else {
-      throw new Error(`No ID value to uniquely identify this form. Please either specify data-${this.identifier}-id-value or give this form an 'id' attribute. `);
-    }
-  }
-  get _formIdentifier() {
-    const url = location.href;
-    return `${url} ${this._formID}`;
-  }
-  get _formElements() {
-    return this.el.elements;
-  }
-  get _formData() {
-    let data = { [this._formIdentifier]: {} };
-    for (const element of this._formElements) {
-      let el = element;
-      if (el.name.length > 0) {
-        if (isHTMLInputElement(el) && el.type == "checkbox") {
-          data[this._formIdentifier][el.name] = el.checked;
-        } else if (isHTMLInputElement(el) && el.type == "radio") {
-          if (el.checked) {
-            data[this._formIdentifier][el.name] = el.value;
-          }
-        } else {
-          data[this._formIdentifier][el.name] = el.value;
-        }
-      }
-    }
-    return data;
-  }
-  get _restoreOnLoad() {
-    return this.hasRestoreOnLoadValue ? this.restoreOnLoadValue : true;
-  }
-  get _clearOnSubmit() {
-    return this.hasClearOnSubmitValue ? this.clearOnSubmitValue : true;
-  }
-  connect() {
-    requestAnimationFrame(() => {
-      let element = this.el;
-      if (!isHTMLFormElement(element)) {
-        throw new Error("Expected controller to be mounted on a form element.");
-      }
-      if (this._restoreOnLoad) {
-        this.restore();
-      }
-      if (this._clearOnSubmit) {
-        useEventListener(this, this.el, "submit", this._clear);
-      }
-    });
-  }
-  _clear() {
-    localStorage.removeItem(this._formIdentifier);
-    this.dispatchEvent(this.el, `form-save:cleared`);
-  }
-  clear(event) {
-    event == null ? void 0 : event.preventDefault();
-    this._clear();
-  }
-  save(event) {
-    event.preventDefault();
-    let data = this._formData;
-    localStorage.setItem(this._formIdentifier, JSON.stringify(data[this._formIdentifier]));
-    this.dispatchEvent(this.el, `form-save:save:success`);
-  }
-  restore(event) {
-    event == null ? void 0 : event.preventDefault();
-    if (localStorage.getItem(this._formIdentifier)) {
-      const savedData = JSON.parse(localStorage.getItem(this._formIdentifier));
-      for (const element of this._formElements) {
-        let el = element;
-        if (el.name in savedData) {
-          if (isHTMLInputElement(el) && el.type == "checkbox") {
-            el.checked = savedData[el.name];
-          } else if (isHTMLInputElement(el) && el.type == "radio") {
-            if (el.value == savedData[el.name]) {
-              el.checked = true;
-            }
-          } else {
-            el.value = savedData[el.name];
-          }
-        }
-      }
-      this.dispatchEvent(this.el, `form-save:restore:success`);
-    } else {
-      this.dispatchEvent(this.el, `form-save:restore:empty`);
-    }
-  }
-}
-__publicField(FormSaveController, "values", {
-  id: String,
-  restoreOnLoad: Boolean,
-  clearOnSubmit: Boolean
-});
-class LimitedSelectionCheckboxesController extends BaseController {
-  connect() {
-    useCollectionEventListener(this, this.inputTargets, "change", this._handleInputs);
-  }
-  _handleInputs(event) {
-    let tickedInputs = this.inputTargets.reduce((previousValue, el) => el.checked ? previousValue + 1 : previousValue, 0);
-    let target = event.target;
-    if (tickedInputs > this.maxValue) {
-      event.preventDefault();
-      target.checked = false;
-      this.dispatchEvent(target, "change");
-      this.dispatchEvent(target, "limited-selection:too-many");
-      if (this.hasErrorTarget && this.hasMessageValue) {
-        this.errorTarget.innerHTML = this.messageValue;
-      }
-    } else {
-      this.dispatchEvent(target, "limited-selection:selection");
-      if (this.hasErrorTarget) {
-        this.errorTarget.innerHTML = "";
-      }
-    }
-  }
-}
-__publicField(LimitedSelectionCheckboxesController, "targets", ["input", "error"]);
-__publicField(LimitedSelectionCheckboxesController, "values", { max: Number, message: String });
-class NavigateFormErrorsController extends BaseController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_errors", []);
-    __publicField(this, "_firstClick", false);
-  }
-  get defaultCurrentClasses() {
-    return ["currentError"];
-  }
-  get _errorCount() {
-    return this._errors.length;
-  }
-  get _previousIndex() {
-    let index = this._index - 1;
-    if (index < 0) {
-      return 0;
-    }
-    return index;
-  }
-  get _nextIndex() {
-    let index = this._index + 1;
-    if (index > this._errors.length - 1) {
-      return this._errors.length - 1;
-    }
-    return index;
-  }
-  get _index() {
-    return clamp(this.hasIndexValue ? this.indexValue : 0, 0, this._errors.length);
-  }
-  get _selector() {
-    if (this.hasSelectorValue) {
-      return this.selectorValue;
-    } else {
-      throw new Error("Expected `selectorValue` to be present");
-    }
-  }
-  get _currentError() {
-    return this._errors[this._index];
-  }
-  get _otherErrors() {
-    return this._errors.filter((error, index) => index !== this._index);
-  }
-  connect() {
-    installClassMethods(this);
-    requestAnimationFrame(() => {
-      this._firstClick = true;
-      this._toggleButtons();
-      this._toggleVisibility();
-    });
-  }
-  async current(event) {
-    event == null ? void 0 : event.preventDefault();
-    if (this._firstClick) {
-      this._firstClick = false;
-      this._toggleButtons();
-    }
-    await scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
-    this._updateClasses();
-  }
-  async next(event) {
-    event == null ? void 0 : event.preventDefault();
-    if (this._firstClick) {
-      this._firstClick = false;
-      this._toggleButtons();
-    } else {
-      this.indexValue = this._nextIndex;
-    }
-    await scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
-    this._updateClasses();
-  }
-  async previous(event) {
-    event == null ? void 0 : event.preventDefault();
-    if (this._firstClick) {
-      this._firstClick = false;
-      this._toggleButtons();
-    } else {
-      this.indexValue = this._previousIndex;
-    }
-    await scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
-    this._updateClasses();
-  }
-  indexValueChanged() {
-    this._toggleButtons();
-  }
-  selectorValueChanged() {
-    this._errors = Array.from(document.querySelectorAll(this._selector));
-    this.indexValue = 0;
-    this._toggleButtons();
-    this._toggleVisibility();
-  }
-  _updateClasses() {
-    this.addCurrentClasses(this._currentError);
-    this._otherErrors.forEach((error) => this.removeCurrentClasses(error));
-  }
-  _toggleVisibility() {
-    if (this._errorCount === 0) {
-      this.el.style.display = "none";
-    } else {
-      this.el.style.display = "";
-    }
-  }
-  _toggleButtons() {
-    if (this.hasNextTarget) {
-      if (!this.hasCurrentTarget && this._firstClick && this.indexValue == this._errorCount - 1) {
-        this.nextTarget.removeAttribute("disabled");
-        return;
-      } else if (this.indexValue >= this._errorCount - 1) {
-        this.nextTarget.setAttribute("disabled", "true");
-      } else {
-        this.nextTarget.removeAttribute("disabled");
-      }
-    }
-    if (this.hasPreviousTarget) {
-      if (this.indexValue <= 0) {
-        this.previousTarget.setAttribute("disabled", "true");
-      } else {
-        this.previousTarget.removeAttribute("disabled");
-      }
-    }
-  }
-}
-__publicField(NavigateFormErrorsController, "values", {
-  selector: String,
-  index: Number
-});
-__publicField(NavigateFormErrorsController, "classes", ["current"]);
-__publicField(NavigateFormErrorsController, "targets", ["next", "current", "previous"]);
-class NestedFormController extends BaseController {
-  get _wrapperClass() {
-    return this.hasWrapperSelectorValue ? this.wrapperClassValue : "nested-fields";
-  }
-  get _insertMode() {
-    return this.hasInsertModeValue ? this.insertModeValue : "beforeend";
-  }
-  connect() {
-    this._checkStructure();
-  }
-  add(event) {
-    event == null ? void 0 : event.preventDefault();
-    const content = this.templateTarget.innerHTML.replace(/NEW_RECORD/g, this._generateID());
-    this.targetTarget.insertAdjacentHTML(this._insertMode, content);
-  }
-  remove(event) {
-    event.preventDefault();
-    const wrapper = event.target.closest(`.${this._wrapperClass}`);
-    if (wrapper == null) {
-      throw new Error(`#remove was clicked from outside of a child record. Could not find an ancestor with class .${this._wrapperClass}`);
-    }
-    if (wrapper.dataset.newRecord === "true") {
-      wrapper.remove();
-    } else {
-      wrapper.style.display = "none";
-      let destroyInput = wrapper.querySelector("input[name*='_destroy']");
-      if (destroyInput == null) {
-        throw new Error(`Could not find a hidden input with name '_destroy'. NestedForm cannot remove an already persisted record without it.`);
-      }
-      destroyInput.value = "1";
-    }
-  }
-  _generateID() {
-    return new Date().getTime().toString() + Math.random().toString().slice(2);
-  }
-  _checkStructure() {
-    let template = this.templateTarget.innerHTML;
-    if (template.indexOf("NEW_RECORD")) {
-      throw new Error("Could not find 'NEW_RECORD' in the provided template. Please make sure you've passed `child_index: 'NEW_RECORD'` to `fields_for`");
-    }
-  }
-}
-__publicField(NestedFormController, "targets", ["target", "template"]);
-__publicField(NestedFormController, "values", {
-  insertMode: String,
-  wrapperClass: String
-});
-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));
-    return values.has("") || values.size == 1;
-  }
-  _checkPasswordsMatch() {
-    let element = this.el;
-    if (this._allPasswordsMatch()) {
-      this.dispatchEvent(element, "password-confirm:match");
-      this.passwordTargets.forEach((el) => this.removeErrorClasses(el));
-    } else {
-      this.dispatchEvent(element, "password-confirm:no-match");
-      this.passwordTargets.forEach((el) => this.addErrorClasses(el));
-    }
-  }
-}
-__publicField(PasswordConfirmController, "targets", ["password"]);
-__publicField(PasswordConfirmController, "classes", ["error"]);
-class PasswordPeekController extends BaseController {
-  peak(event) {
-    event == null ? void 0 : event.preventDefault();
-    this.passwordTarget.type = "text";
-  }
-  hide(event) {
-    event == null ? void 0 : event.preventDefault();
-    this.passwordTarget.type = "password";
-  }
-  toggle(event) {
-    event == null ? void 0 : event.preventDefault();
-    if (this.passwordTarget.type === "password") {
-      this.peak();
-    } else {
-      this.hide();
-    }
-  }
-}
-__publicField(PasswordPeekController, "targets", ["password"]);
-class RemoteFormController extends BaseController {
-  get _selector() {
-    return this.hasSelectorValue ? this.selectorValue : `[data-controller~="${this.identifier}"]`;
-  }
-  replace(event) {
-    const [data, status, xhr] = event.detail;
-    if (data instanceof Node) {
-      let newElement = data.querySelector(this._selector);
-      if (newElement == null) {
-        throw new Error(`expected new form DOM with [data-controller="${this.identifier}"] to be present in returned payload`);
-      }
-      let parentNode = this.el.parentNode;
-      if (parentNode == null) {
-        throw new Error("expected form to have a DOM parent, could not execute replaceChild");
-      }
-      parentNode.replaceChild(newElement, this.el);
-      this.dispatchEvent(newElement, "remote-form:replace");
-    } else {
-      console.log("Unknown", data);
-    }
-  }
-}
-__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}`;
-  }
-  get _key() {
-    if (this.hasKeyValue) {
-      return this.keyValue;
-    }
-    throw new Error("Expected `keyValue` to be present");
-  }
-  get _value() {
-    let el = this.el;
-    if (isHTMLInputElement(el) && el.type === "checkbox") {
-      return el.checked;
-    } else if (isHTMLInputElement(el) && el.type === "radio") {
-      return el.checked ? el.value : "";
-    } else {
-      return el.value;
-    }
-  }
-  set _value(val) {
-    let el = this.el;
-    if (isHTMLInputElement(el) && el.type === "checkbox") {
-      el.checked = val.toString() === "true";
-    } else if (isHTMLInputElement(el) && el.type === "radio") {
-      el.checked = el.value === val;
-    } else if (isHTMLInputElement(el) || isHTMLTextAreaElement(el) || isHTMLSelectElement(el)) {
-      el.value = val.toString();
-    } else {
-      el.innerHTML = val.toString();
-    }
-  }
-  connect() {
-    useEventBus(this, this._eventName, this._read);
-    requestAnimationFrame(() => {
-      if (isTypeOfFormInputElement(this.el)) {
-        this._emit();
-        useEventListener(this, this.el, "input", this._emit);
-      }
-    });
-  }
-  _emit() {
-    EventBus.emit(this._eventName, { value: this._value, dispatcher: this.el });
-  }
-  _read(payload) {
-    if (payload === void 0) {
-      throw new Error("No payload received");
-    }
-    let { dispatcher, value } = payload;
-    if (dispatcher !== this.el) {
-      this._value = value;
-    }
-  }
-}
-__publicField(SyncInputsController, "values", {
-  key: String
-});
-class ValueWarnController extends BaseController {
-  get _maxMessage() {
-    return this.hasMaxMessageValue ? this.maxMessageValue : `Value must be less than ${this.maxValue}`;
-  }
-  get _minMessage() {
-    return this.hasMinMessageValue ? this.minMessageValue : `Value must be greater than ${this.minValue}`;
-  }
-  get defaultWarningHideClasses() {
-    return ["hide"];
-  }
-  connect() {
-    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.warningTarget.innerText = this._minMessage;
-    } else if (this.hasMaxValue && Number.parseFloat(this.inputTarget.value) > this.maxValue) {
-      this.removeWarningHideClasses(this.warningTarget);
-      this.addInputWarningClasses(this.inputTarget);
-      this.warningTarget.innerText = this._maxMessage;
-    } else {
-      this.addWarningHideClasses(this.warningTarget);
-      this.removeInputWarningClasses(this.inputTarget);
-      this.warningTarget.innerText = "";
-    }
-  }
-}
-__publicField(ValueWarnController, "classes", ["inputWarning", "warningHide"]);
-__publicField(ValueWarnController, "targets", ["input", "warning"]);
-__publicField(ValueWarnController, "values", {
-  max: Number,
-  min: Number,
-  minMessage: String,
-  maxMessage: String
-});
-class WordCountController extends BaseController {
-  connect() {
-    installClassMethods(this);
-    this._updateWordCount();
-    useEventListener(this, this.inputTarget, "input", this._updateWordCount);
-  }
-  _updateWordCount() {
-    let wordCount = 0;
-    let textAreaValue = this.inputTarget.value;
-    let matches = textAreaValue.match(/\S+/g);
-    wordCount = matches && matches.length || 0;
-    this.outputTarget.innerText = wordCount.toString();
-    if (this._isValidCount(wordCount)) {
-      this.removeErrorClasses(this.outputTarget);
-    } else {
-      this.addErrorClasses(this.outputTarget);
-    }
-  }
-  _isValidCount(count) {
-    let min = 0;
-    let max = 99999;
-    if (this.hasMinValue) {
-      min = this.minValue;
-    }
-    if (this.hasMaxValue) {
-      max = this.maxValue;
-    }
-    return count >= min && count <= max;
-  }
-}
-__publicField(WordCountController, "targets", ["input", "output"]);
-__publicField(WordCountController, "values", { min: Number, max: Number });
-__publicField(WordCountController, "classes", ["error"]);
-class FallbackImageController extends BaseController {
-  initialize() {
-    this._hasLoadedSuccessfully = this._hasLoadedSuccessfully.bind(this);
-    this._success = this._success.bind(this);
-    this._fail = this._fail.bind(this);
-  }
-  connect() {
-    let element = this.el;
-    element.onerror = this._fail;
-    if (element.complete && !this._hasLoadedSuccessfully()) {
-      this._fail();
-    } else {
-      this._success();
-    }
-  }
-  disconnect() {
-    this.removeSuccessClasses();
-    this.removeFailClasses();
-  }
-  _success() {
-    this.addSuccessClasses();
-  }
-  _fail() {
-    let element = this.el;
-    this.addFailClasses();
-    if (this.hasPlaceholderValue && element.src !== this.placeholderValue) {
-      this.dispatchEvent(element, "fallback-image:placeholder");
-      element.src = this.placeholderValue;
-      element.onerror = this._fail;
-    } else {
-      this.dispatchEvent(element, "fallback-image:fail");
-      element.style.display = "none";
-    }
-  }
-  _hasLoadedSuccessfully() {
-    let element = this.el;
-    return element.naturalHeight > 0 && element.naturalWidth > 0;
-  }
-}
-__publicField(FallbackImageController, "values", { placeholder: String });
-__publicField(FallbackImageController, "classes", ["success", "fail"]);
-var supportCustomEvent = window.CustomEvent;
-if (!supportCustomEvent || typeof supportCustomEvent === "object") {
-  supportCustomEvent = function CustomEvent2(event, x) {
-    x = x || {};
-    var ev = document.createEvent("CustomEvent");
-    ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);
-    return ev;
-  };
-  supportCustomEvent.prototype = window.Event.prototype;
-}
-function safeDispatchEvent(target, event) {
-  var check = "on" + event.type.toLowerCase();
-  if (typeof target[check] === "function") {
-    target[check](event);
-  }
-  return target.dispatchEvent(event);
-}
-function createsStackingContext(el) {
-  while (el && el !== document.body) {
-    var s = window.getComputedStyle(el);
-    var invalid = function(k, ok) {
-      return !(s[k] === void 0 || s[k] === ok);
-    };
-    if (s.opacity < 1 || invalid("zIndex", "auto") || invalid("transform", "none") || invalid("mixBlendMode", "normal") || invalid("filter", "none") || invalid("perspective", "none") || s["isolation"] === "isolate" || s.position === "fixed" || s.webkitOverflowScrolling === "touch") {
-      return true;
-    }
-    el = el.parentElement;
-  }
-  return false;
-}
-function findNearestDialog(el) {
-  while (el) {
-    if (el.localName === "dialog") {
-      return el;
-    }
-    if (el.parentElement) {
-      el = el.parentElement;
-    } else if (el.parentNode) {
-      el = el.parentNode.host;
-    } else {
-      el = null;
-    }
-  }
-  return null;
-}
-function safeBlur(el) {
-  while (el && el.shadowRoot && el.shadowRoot.activeElement) {
-    el = el.shadowRoot.activeElement;
-  }
-  if (el && el.blur && el !== document.body) {
-    el.blur();
-  }
-}
-function inNodeList(nodeList, node) {
-  for (var i = 0; i < nodeList.length; ++i) {
-    if (nodeList[i] === node) {
-      return true;
-    }
-  }
-  return false;
-}
-function isFormMethodDialog(el) {
-  if (!el || !el.hasAttribute("method")) {
-    return false;
-  }
-  return el.getAttribute("method").toLowerCase() === "dialog";
-}
-function findFocusableElementWithin(hostElement) {
-  var opts = ["button", "input", "keygen", "select", "textarea"];
-  var query = opts.map(function(el) {
-    return el + ":not([disabled])";
-  });
-  query.push('[tabindex]:not([disabled]):not([tabindex=""])');
-  var target = hostElement.querySelector(query.join(", "));
-  if (!target && "attachShadow" in Element.prototype) {
-    var elems = hostElement.querySelectorAll("*");
-    for (var i = 0; i < elems.length; i++) {
-      if (elems[i].tagName && elems[i].shadowRoot) {
-        target = findFocusableElementWithin(elems[i].shadowRoot);
-        if (target) {
-          break;
-        }
-      }
-    }
-  }
-  return target;
-}
-function isConnected(element) {
-  return element.isConnected || document.body.contains(element);
-}
-function findFormSubmitter(event) {
-  if (event.submitter) {
-    return event.submitter;
-  }
-  var form = event.target;
-  if (!(form instanceof HTMLFormElement)) {
-    return null;
-  }
-  var submitter = dialogPolyfill.formSubmitter;
-  if (!submitter) {
-    var target = event.target;
-    var root = "getRootNode" in target && target.getRootNode() || document;
-    submitter = root.activeElement;
-  }
-  if (!submitter || submitter.form !== form) {
-    return null;
-  }
-  return submitter;
-}
-function maybeHandleSubmit(event) {
-  if (event.defaultPrevented) {
-    return;
-  }
-  var form = event.target;
-  var value = dialogPolyfill.imagemapUseValue;
-  var submitter = findFormSubmitter(event);
-  if (value === null && submitter) {
-    value = submitter.value;
-  }
-  var dialog = findNearestDialog(form);
-  if (!dialog) {
-    return;
-  }
-  var formmethod = submitter && submitter.getAttribute("formmethod") || form.getAttribute("method");
-  if (formmethod !== "dialog") {
-    return;
-  }
-  event.preventDefault();
-  if (value != null) {
-    dialog.close(value);
-  } else {
-    dialog.close();
-  }
-}
-function dialogPolyfillInfo(dialog) {
-  this.dialog_ = dialog;
-  this.replacedStyleTop_ = false;
-  this.openAsModal_ = false;
-  if (!dialog.hasAttribute("role")) {
-    dialog.setAttribute("role", "dialog");
-  }
-  dialog.show = this.show.bind(this);
-  dialog.showModal = this.showModal.bind(this);
-  dialog.close = this.close.bind(this);
-  dialog.addEventListener("submit", maybeHandleSubmit, false);
-  if (!("returnValue" in dialog)) {
-    dialog.returnValue = "";
-  }
-  if ("MutationObserver" in window) {
-    var mo = new MutationObserver(this.maybeHideModal.bind(this));
-    mo.observe(dialog, { attributes: true, attributeFilter: ["open"] });
-  } else {
-    var removed = false;
-    var cb = function() {
-      removed ? this.downgradeModal() : this.maybeHideModal();
-      removed = false;
-    }.bind(this);
-    var timeout;
-    var delayModel = function(ev) {
-      if (ev.target !== dialog) {
-        return;
-      }
-      var cand = "DOMNodeRemoved";
-      removed |= ev.type.substr(0, cand.length) === cand;
-      window.clearTimeout(timeout);
-      timeout = window.setTimeout(cb, 0);
-    };
-    ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(name) {
-      dialog.addEventListener(name, delayModel);
-    });
-  }
-  Object.defineProperty(dialog, "open", {
-    set: this.setOpen.bind(this),
-    get: dialog.hasAttribute.bind(dialog, "open")
-  });
-  this.backdrop_ = document.createElement("div");
-  this.backdrop_.className = "backdrop";
-  this.backdrop_.addEventListener("mouseup", this.backdropMouseEvent_.bind(this));
-  this.backdrop_.addEventListener("mousedown", this.backdropMouseEvent_.bind(this));
-  this.backdrop_.addEventListener("click", this.backdropMouseEvent_.bind(this));
-}
-dialogPolyfillInfo.prototype = {
-  get dialog() {
-    return this.dialog_;
-  },
-  maybeHideModal: function() {
-    if (this.dialog_.hasAttribute("open") && isConnected(this.dialog_)) {
-      return;
-    }
-    this.downgradeModal();
-  },
-  downgradeModal: function() {
-    if (!this.openAsModal_) {
-      return;
-    }
-    this.openAsModal_ = false;
-    this.dialog_.style.zIndex = "";
-    if (this.replacedStyleTop_) {
-      this.dialog_.style.top = "";
-      this.replacedStyleTop_ = false;
-    }
-    this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);
-    dialogPolyfill.dm.removeDialog(this);
-  },
-  setOpen: function(value) {
-    if (value) {
-      this.dialog_.hasAttribute("open") || this.dialog_.setAttribute("open", "");
-    } else {
-      this.dialog_.removeAttribute("open");
-      this.maybeHideModal();
-    }
-  },
-  backdropMouseEvent_: function(e) {
-    if (!this.dialog_.hasAttribute("tabindex")) {
-      var fake = document.createElement("div");
-      this.dialog_.insertBefore(fake, this.dialog_.firstChild);
-      fake.tabIndex = -1;
-      fake.focus();
-      this.dialog_.removeChild(fake);
-    } else {
-      this.dialog_.focus();
-    }
-    var redirectedEvent = document.createEvent("MouseEvents");
-    redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window, e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);
-    this.dialog_.dispatchEvent(redirectedEvent);
-    e.stopPropagation();
-  },
-  focus_: function() {
-    var target = this.dialog_.querySelector("[autofocus]:not([disabled])");
-    if (!target && this.dialog_.tabIndex >= 0) {
-      target = this.dialog_;
-    }
-    if (!target) {
-      target = findFocusableElementWithin(this.dialog_);
-    }
-    safeBlur(document.activeElement);
-    target && target.focus();
-  },
-  updateZIndex: function(dialogZ, backdropZ) {
-    if (dialogZ < backdropZ) {
-      throw new Error("dialogZ should never be < backdropZ");
-    }
-    this.dialog_.style.zIndex = dialogZ;
-    this.backdrop_.style.zIndex = backdropZ;
-  },
-  show: function() {
-    if (!this.dialog_.open) {
-      this.setOpen(true);
-      this.focus_();
-    }
-  },
-  showModal: function() {
-    if (this.dialog_.hasAttribute("open")) {
-      throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");
-    }
-    if (!isConnected(this.dialog_)) {
-      throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");
-    }
-    if (!dialogPolyfill.dm.pushDialog(this)) {
-      throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");
-    }
-    if (createsStackingContext(this.dialog_.parentElement)) {
-      console.warn("A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context");
-    }
-    this.setOpen(true);
-    this.openAsModal_ = true;
-    if (dialogPolyfill.needsCentering(this.dialog_)) {
-      dialogPolyfill.reposition(this.dialog_);
-      this.replacedStyleTop_ = true;
-    } else {
-      this.replacedStyleTop_ = false;
-    }
-    this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);
-    this.focus_();
-  },
-  close: function(opt_returnValue) {
-    if (!this.dialog_.hasAttribute("open")) {
-      throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");
-    }
-    this.setOpen(false);
-    if (opt_returnValue !== void 0) {
-      this.dialog_.returnValue = opt_returnValue;
-    }
-    var closeEvent = new supportCustomEvent("close", {
-      bubbles: false,
-      cancelable: false
-    });
-    safeDispatchEvent(this.dialog_, closeEvent);
-  }
-};
-var dialogPolyfill = {};
-dialogPolyfill.reposition = function(element) {
-  var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
-  var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;
-  element.style.top = Math.max(scrollTop, topValue) + "px";
-};
-dialogPolyfill.isInlinePositionSetByStylesheet = function(element) {
-  for (var i = 0; i < document.styleSheets.length; ++i) {
-    var styleSheet = document.styleSheets[i];
-    var cssRules = null;
-    try {
-      cssRules = styleSheet.cssRules;
-    } catch (e) {
-    }
-    if (!cssRules) {
-      continue;
-    }
-    for (var j = 0; j < cssRules.length; ++j) {
-      var rule = cssRules[j];
-      var selectedNodes = null;
-      try {
-        selectedNodes = document.querySelectorAll(rule.selectorText);
-      } catch (e) {
-      }
-      if (!selectedNodes || !inNodeList(selectedNodes, element)) {
-        continue;
-      }
-      var cssTop = rule.style.getPropertyValue("top");
-      var cssBottom = rule.style.getPropertyValue("bottom");
-      if (cssTop && cssTop !== "auto" || cssBottom && cssBottom !== "auto") {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-dialogPolyfill.needsCentering = function(dialog) {
-  var computedStyle = window.getComputedStyle(dialog);
-  if (computedStyle.position !== "absolute") {
-    return false;
-  }
-  if (dialog.style.top !== "auto" && dialog.style.top !== "" || dialog.style.bottom !== "auto" && dialog.style.bottom !== "") {
-    return false;
-  }
-  return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);
-};
-dialogPolyfill.forceRegisterDialog = function(element) {
-  if (window.HTMLDialogElement || element.showModal) {
-    console.warn("This browser already supports <dialog>, the polyfill may not work correctly", element);
-  }
-  if (element.localName !== "dialog") {
-    throw new Error("Failed to register dialog: The element is not a dialog.");
-  }
-  new dialogPolyfillInfo(element);
-};
-dialogPolyfill.registerDialog = function(element) {
-  if (!element.showModal) {
-    dialogPolyfill.forceRegisterDialog(element);
-  }
-};
-dialogPolyfill.DialogManager = function() {
-  this.pendingDialogStack = [];
-  var checkDOM = this.checkDOM_.bind(this);
-  this.overlay = document.createElement("div");
-  this.overlay.className = "_dialog_overlay";
-  this.overlay.addEventListener("click", function(e) {
-    this.forwardTab_ = void 0;
-    e.stopPropagation();
-    checkDOM([]);
-  }.bind(this));
-  this.handleKey_ = this.handleKey_.bind(this);
-  this.handleFocus_ = this.handleFocus_.bind(this);
-  this.zIndexLow_ = 1e5;
-  this.zIndexHigh_ = 1e5 + 150;
-  this.forwardTab_ = void 0;
-  if ("MutationObserver" in window) {
-    this.mo_ = new MutationObserver(function(records) {
-      var removed = [];
-      records.forEach(function(rec) {
-        for (var i = 0, c; c = rec.removedNodes[i]; ++i) {
-          if (!(c instanceof Element)) {
-            continue;
-          } else if (c.localName === "dialog") {
-            removed.push(c);
-          }
-          removed = removed.concat(c.querySelectorAll("dialog"));
-        }
-      });
-      removed.length && checkDOM(removed);
-    });
-  }
-};
-dialogPolyfill.DialogManager.prototype.blockDocument = function() {
-  document.documentElement.addEventListener("focus", this.handleFocus_, true);
-  document.addEventListener("keydown", this.handleKey_);
-  this.mo_ && this.mo_.observe(document, { childList: true, subtree: true });
-};
-dialogPolyfill.DialogManager.prototype.unblockDocument = function() {
-  document.documentElement.removeEventListener("focus", this.handleFocus_, true);
-  document.removeEventListener("keydown", this.handleKey_);
-  this.mo_ && this.mo_.disconnect();
-};
-dialogPolyfill.DialogManager.prototype.updateStacking = function() {
-  var zIndex = this.zIndexHigh_;
-  for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {
-    dpi.updateZIndex(--zIndex, --zIndex);
-    if (i === 0) {
-      this.overlay.style.zIndex = --zIndex;
-    }
-  }
-  var last = this.pendingDialogStack[0];
-  if (last) {
-    var p = last.dialog.parentNode || document.body;
-    p.appendChild(this.overlay);
-  } else if (this.overlay.parentNode) {
-    this.overlay.parentNode.removeChild(this.overlay);
-  }
-};
-dialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {
-  while (candidate = findNearestDialog(candidate)) {
-    for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {
-      if (dpi.dialog === candidate) {
-        return i === 0;
-      }
-    }
-    candidate = candidate.parentElement;
-  }
-  return false;
-};
-dialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {
-  var target = event.composedPath ? event.composedPath()[0] : event.target;
-  if (this.containedByTopDialog_(target)) {
-    return;
-  }
-  if (document.activeElement === document.documentElement) {
-    return;
-  }
-  event.preventDefault();
-  event.stopPropagation();
-  safeBlur(target);
-  if (this.forwardTab_ === void 0) {
-    return;
-  }
-  var dpi = this.pendingDialogStack[0];
-  var dialog = dpi.dialog;
-  var position = dialog.compareDocumentPosition(target);
-  if (position & Node.DOCUMENT_POSITION_PRECEDING) {
-    if (this.forwardTab_) {
-      dpi.focus_();
-    } else if (target !== document.documentElement) {
-      document.documentElement.focus();
-    }
-  }
-  return false;
-};
-dialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {
-  this.forwardTab_ = void 0;
-  if (event.keyCode === 27) {
-    event.preventDefault();
-    event.stopPropagation();
-    var cancelEvent = new supportCustomEvent("cancel", {
-      bubbles: false,
-      cancelable: true
-    });
-    var dpi = this.pendingDialogStack[0];
-    if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {
-      dpi.dialog.close();
-    }
-  } else if (event.keyCode === 9) {
-    this.forwardTab_ = !event.shiftKey;
-  }
-};
-dialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {
-  var clone = this.pendingDialogStack.slice();
-  clone.forEach(function(dpi) {
-    if (removed.indexOf(dpi.dialog) !== -1) {
-      dpi.downgradeModal();
-    } else {
-      dpi.maybeHideModal();
-    }
-  });
-};
-dialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {
-  var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;
-  if (this.pendingDialogStack.length >= allowed) {
-    return false;
-  }
-  if (this.pendingDialogStack.unshift(dpi) === 1) {
-    this.blockDocument();
-  }
-  this.updateStacking();
-  return true;
-};
-dialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {
-  var index = this.pendingDialogStack.indexOf(dpi);
-  if (index === -1) {
-    return;
-  }
-  this.pendingDialogStack.splice(index, 1);
-  if (this.pendingDialogStack.length === 0) {
-    this.unblockDocument();
-  }
-  this.updateStacking();
-};
-dialogPolyfill.dm = new dialogPolyfill.DialogManager();
-dialogPolyfill.formSubmitter = null;
-dialogPolyfill.imagemapUseValue = null;
-if (window.HTMLDialogElement === void 0) {
-  var testForm = document.createElement("form");
-  testForm.setAttribute("method", "dialog");
-  if (testForm.method !== "dialog") {
-    var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "method");
-    if (methodDescriptor) {
-      var realGet = methodDescriptor.get;
-      methodDescriptor.get = function() {
-        if (isFormMethodDialog(this)) {
-          return "dialog";
-        }
-        return realGet.call(this);
-      };
-      var realSet = methodDescriptor.set;
-      methodDescriptor.set = function(v) {
-        if (typeof v === "string" && v.toLowerCase() === "dialog") {
-          return this.setAttribute("method", v);
-        }
-        return realSet.call(this, v);
-      };
-      Object.defineProperty(HTMLFormElement.prototype, "method", methodDescriptor);
-    }
-  }
-  document.addEventListener("click", function(ev) {
-    dialogPolyfill.formSubmitter = null;
-    dialogPolyfill.imagemapUseValue = null;
-    if (ev.defaultPrevented) {
-      return;
-    }
-    var target = ev.target;
-    if ("composedPath" in ev) {
-      var path = ev.composedPath();
-      target = path.shift() || target;
-    }
-    if (!target || !isFormMethodDialog(target.form)) {
-      return;
-    }
-    var valid = target.type === "submit" && ["button", "input"].indexOf(target.localName) > -1;
-    if (!valid) {
-      if (!(target.localName === "input" && target.type === "image")) {
-        return;
-      }
-      dialogPolyfill.imagemapUseValue = ev.offsetX + "," + ev.offsetY;
-    }
-    var dialog = findNearestDialog(target);
-    if (!dialog) {
-      return;
-    }
-    dialogPolyfill.formSubmitter = target;
-  }, false);
-  document.addEventListener("submit", function(ev) {
-    var form = ev.target;
-    var dialog = findNearestDialog(form);
-    if (dialog) {
-      return;
-    }
-    var submitter = findFormSubmitter(ev);
-    var formmethod = submitter && submitter.getAttribute("formmethod") || form.getAttribute("method");
-    if (formmethod === "dialog") {
-      ev.preventDefault();
-    }
-  });
-  var nativeFormSubmit = HTMLFormElement.prototype.submit;
-  var replacementFormSubmit = function() {
-    if (!isFormMethodDialog(this)) {
-      return nativeFormSubmit.call(this);
-    }
-    var dialog = findNearestDialog(this);
-    dialog && dialog.close();
-  };
-  HTMLFormElement.prototype.submit = replacementFormSubmit;
-}
-class LightboxImageController extends BaseController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_dialog", null);
-  }
-  get _src() {
-    return this.hasSrcValue ? this.srcValue : this.el.src;
-  }
-  get _srcSet() {
-    return this.hasSrcSetValue ? this.srcSetValue : this.el.srcset;
-  }
-  get _sizes() {
-    return this.hasSizesValue ? this.sizesValue : this.el.sizes;
-  }
-  get _modalClassName() {
-    return this.hasModalClass ? this.modalClass : "image-lightbox-dialog";
-  }
-  get _imageClassName() {
-    return this.hasImageClass ? this.imageClass : "image-lightbox-image";
-  }
-  initialize() {
-    this.open = this.open.bind(this);
-    this.close = this.close.bind(this);
-  }
-  connect() {
-  }
-  disconnect() {
-    this.close();
-  }
-  open() {
-    let element = this.el;
-    if (this._dialog) {
-      return;
-    }
-    this._dialog = document.createElement("dialog");
-    let image = document.createElement("img");
-    image.className = this._imageClassName;
-    image.src = this._src;
-    image.srcset = this._srcSet;
-    image.sizes = this._sizes;
-    this._dialog.appendChild(image);
-    element.insertAdjacentElement("afterend", this._dialog);
-    dialogPolyfill.registerDialog(this._dialog);
-    this._dialog.className = this._modalClassName;
-    this._dialog.showModal();
-    scrollToElement(this._dialog, { behavior: "smooth", block: "end" }).catch(() => this._dialog.scrollIntoView(false));
-    useEventListener(this, this._dialog, "click", this.close);
-    useEventListener(this, this._dialog, "cancel", this.close);
-    useEventListener(this, this._dialog, "close", this.close);
-  }
-  close() {
-    if (this._dialog) {
-      this._dialog.close();
-      this._dialog.remove();
-      this._dialog = null;
-      scrollToElement(this.el, { behavior: "smooth", block: "end" }).catch(() => this.el.scrollIntoView(false));
-    }
-  }
-}
-__publicField(LightboxImageController, "values", {
-  src: String,
-  srcSet: String,
-  sizes: String
-});
-__publicField(LightboxImageController, "classes", ["modal", "image"]);
-class MediaPlayerController extends BaseController {
-  async play(event) {
-    event == null ? void 0 : event.preventDefault();
-    await this.mediaTarget.play();
-  }
-  pause(event) {
-    event == null ? void 0 : event.preventDefault();
-    this.mediaTarget.pause();
-  }
-  restart(event) {
-    event == null ? void 0 : event.preventDefault();
-    this.mediaTarget.currentTime = 0;
-  }
-  seek(event) {
-    event == null ? void 0 : event.preventDefault();
-    this.mediaTarget.currentTime += 5;
-  }
-}
-__publicField(MediaPlayerController, "targets", ["media"]);
-class ScrollContainerController extends BaseController {
-  get _increment() {
-    return this.hasIncrementValue ? this.incrementValue : 50;
-  }
-  get _behaviour() {
-    if (this.hasBehaviourValue) {
-      if (["auto", "smooth"].includes(this.behaviourValue)) {
-        return this.behaviourValue;
-      } else {
-        throw new Error(`'${this.behaviourValue}' is not a recognised scroll behaviour`);
-      }
-    } else {
-      return "auto";
-    }
-  }
-  async scrollTop(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollAbsoluteTop(this.el, { behavior: this._behaviour });
-  }
-  async scrollBottom(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollAbsoluteBottom(this.el, { behavior: this._behaviour });
-  }
-  async scrollLeft(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollAbsoluteLeft(this.el, { behavior: this._behaviour });
-  }
-  async scrollRight(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollAbsoluteLeft(this.el, { behavior: this._behaviour });
-  }
-  async up(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollUp(this.el, this._increment, { behavior: this._behaviour });
-  }
-  async down(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollDown(this.el, this._increment, { behavior: this._behaviour });
-  }
-  async left(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollLeft(this.el, this._increment, { behavior: this._behaviour });
-  }
-  async right(event) {
-    event == null ? void 0 : event.preventDefault();
-    await scrollRight(this.el, this._increment, { behavior: this._behaviour });
-  }
-}
-__publicField(ScrollContainerController, "values", {
-  behaviour: String,
-  increment: Number
-});
-class ScrollIntoFocusController extends EphemeralController {
-  connect() {
-    requestAnimationFrame(() => {
-      scrollToElement(this.el, {
-        behavior: this.hasBehaviorValue ? this.behaviorValue : "smooth",
-        block: this.hasBlockValue ? this.blockValue : "center",
-        inline: this.hasInlineValue ? this.inlineValue : "center"
-      }).catch(() => this.el.scrollIntoView());
-      this._cleanupSelf();
-    });
-  }
-}
-__publicField(ScrollIntoFocusController, "values", {
-  behavior: String,
-  block: String,
-  inline: String
-});
-class ScrollToBottomController extends BaseController {
-  get _mode() {
-    return this.hasModeValue ? this.modeValue : "document";
-  }
-  get _scrollTarget() {
-    let target;
-    if (this._mode == "document") {
-      target = window;
-    } else {
-      target = getScrollParent(this.el);
-    }
-    return target;
-  }
-  async scroll(event) {
-    event == null ? void 0 : event.preventDefault();
-    if (this._scrollTarget) {
-      await scrollAbsoluteBottom(this._scrollTarget);
-    }
-  }
-}
-__publicField(ScrollToBottomController, "values", {
-  mode: String
-});
-class ScrollToController extends BaseController {
-  scroll() {
-    let target = document.querySelector(this.selectorValue);
-    if (!target) {
-      console.warn(`Could not find target for '${this.selectorValue}'`);
-      return;
-    }
-    scrollToElement(target, {
-      behavior: this.hasBehaviorValue ? this.behaviorValue : "smooth",
-      block: this.hasBlockValue ? this.blockValue : "center",
-      inline: this.hasInlineValue ? this.inlineValue : "center"
-    }).catch(() => target.scrollIntoView());
-  }
-}
-__publicField(ScrollToController, "values", {
-  selector: String,
-  behavior: String,
-  block: String,
-  inline: String
-});
-class ScrollToTopController extends BaseController {
-  get _mode() {
-    return this.hasModeValue ? this.modeValue : "document";
-  }
-  get _scrollTarget() {
-    let target;
-    if (this._mode == "document") {
-      target = window;
-    } else {
-      target = getScrollParent(this.el);
-    }
-    return target;
-  }
-  async scroll(event) {
-    event == null ? void 0 : event.preventDefault();
-    if (this._scrollTarget) {
-      await scrollAbsoluteTop(this._scrollTarget);
-    }
-  }
-}
-__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 = /^-?\d*(\.\d+)?$/.test(expressionValue);
-  if (isNumber) {
-    expressionValue = parseFloat(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");
-}
-function signalVisibilityEvent(name, action) {
-  return signalEventName(`${name}:${action}`, "visibility");
-}
-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.dispatchEvent(this.el, signalEventName(this.nameValue, "match"));
-      return;
-    }
-    if (this._predicates.every((predicate) => predicate(value))) {
-      this.dispatchEvent(this.el, signalEventName(this.nameValue, "match"), { detail: { element: this.el, value } });
-    } else {
-      this.dispatchEvent(this.el, signalEventName(this.nameValue, "no-match"), { detail: { element: this.el, value } });
-    }
-  }
-}
-__publicField(SignalActionController, "values", {
-  name: String,
-  when: String
-});
-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 SignalDomChildrenController extends BaseController {
-  get _children() {
-    if (this.hasScopeSelectorValue) {
-      return Array.from(this.el.querySelectorAll(this.scopeSelectorValue));
-    } else {
-      return Array.from(this.el.children);
-    }
-  }
-  get _name() {
-    if (this.hasNameValue) {
-      return this.nameValue;
-    } else {
-      throw new Error("SignalEmptyDomController requires a nameValue to be provided");
-    }
-  }
-  connect() {
-    useEventBus(this, signalConnectEvent(this._name), this.emitChildCount);
-    EventBus.emit(signalConnectEvent(this._name));
-    useMutationObserver(this, this.el, this.mutate, { childList: true });
-    this.emitChildCount();
-  }
-  mutate(entries) {
-    this.emitChildCount();
-  }
-  emitChildCount() {
-    let childCount = this._children.length;
-    EventBus.emit(signalValueEvent(this._name), { element: this.el, value: childCount.toString() });
-  }
-}
-__publicField(SignalDomChildrenController, "values", {
-  name: String,
-  scopeSelector: String
-});
-class SignalInputController extends BaseController {
-  get _debounceTimeout() {
-    return this.hasDebounceIntervalValue ? this.debounceIntervalValue : 1;
-  }
-  get _name() {
-    return this.hasNameValue ? this.nameValue : this.element.name;
-  }
-  connect() {
-    useEventBus(this, signalConnectEvent(this._name), () => this.emitValue());
-    useEventListeners(this, this.el, ["input", "change"], this.emitValue, { debounce: this._debounceTimeout || void 0 });
-    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 : "";
-    }
-    this.dispatchEvent(this.el, signalValueEvent(this._name), { detail: { value } });
-    EventBus.emit(signalValueEvent(this._name), { element: this.el, value });
-  }
-}
-__publicField(SignalInputController, "values", {
-  name: String,
-  debounceInterval: Number
-});
-class SignalVisibilityController extends BaseController {
-  get _predicates() {
-    return extractPredicates(this.showValue);
-  }
-  get defaultHideClasses() {
-    return ["hide"];
-  }
-  connect() {
-    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);
-      } else {
-        this.addHideClasses(this.el);
-      }
-      return;
-    }
-    if (this._predicates.every((predicate) => predicate(value))) {
-      this.dispatchEvent(this.el, signalVisibilityEvent(this.nameValue, "show"), { detail: { predicate: this.showValue, value } });
-      this.removeHideClasses(this.el);
-    } else {
-      this.dispatchEvent(this.el, signalVisibilityEvent(this.nameValue, "hide"), { detail: { predicate: this.showValue, value } });
-      this.addHideClasses(this.el);
-    }
-  }
-}
-__publicField(SignalVisibilityController, "values", {
-  name: String,
-  show: String
-});
-__publicField(SignalVisibilityController, "classes", ["hide"]);
-class TableSortController extends BaseController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_lastIndex", null);
-    __publicField(this, "_reverse", false);
-  }
-  get _tableHead() {
-    let head = this.el.tHead;
-    if (head == null) {
-      throw new Error("Expected table to have a <thead> element.");
-    }
-    return head;
-  }
-  get _tableHeaders() {
-    let rows = this._tableHead.rows;
-    if (rows.length == 0) {
-      throw new Error("Expected table to have a <thead> element with at least one row.");
-    }
-    return Array.from(rows[0].cells);
-  }
-  get _tableBody() {
-    return this.el.tBodies[0];
-  }
-  get _tableRows() {
-    return Array.from(this._tableBody.rows);
-  }
-  connect() {
-    requestAnimationFrame(() => {
-      useCollectionEventListener(this, this._tableHeaders, "click", this.sort);
-      if (this.hasStartSortValue) {
-        this._sortByColumn(this.startSortValue);
-      }
-    });
-  }
-  sort(event) {
-    event.preventDefault();
-    let headerCell = event.target;
-    let headerCellIndex = this._indexOfHeaderCell(headerCell);
-    if (headerCell.dataset.sortable == "false") {
-      return;
-    }
-    if (headerCell.dataset.sort == "asc") {
-      this._reverse = true;
-      this._otherHeaderCells(headerCell).forEach((cell) => delete cell.dataset.sort);
-      headerCell.dataset.sort = "desc";
-      this._sortByColumn(headerCellIndex);
-    } else {
-      this._reverse = false;
-      this._otherHeaderCells(headerCell).forEach((cell) => delete cell.dataset.sort);
-      headerCell.dataset.sort = "asc";
-      this._sortByColumn(headerCellIndex);
-    }
-  }
-  _indexOfHeaderCell(cell) {
-    return this._tableHeaders.indexOf(cell);
-  }
-  _otherHeaderCells(cell) {
-    return Array.from(this._tableHeaders).filter((otherCell) => otherCell != cell);
-  }
-  _sortByColumn(index) {
-    let frag = document.createDocumentFragment();
-    let rows = this._tableRows;
-    let newRows = rows.sort((row, otherRow) => {
-      var _a, _b;
-      let cells = Array.from(row.cells);
-      let otherCells = Array.from(otherRow.cells);
-      let x = ((_a = cells[index]) == null ? void 0 : _a.innerText) || "";
-      let y = ((_b = otherCells[index]) == null ? void 0 : _b.innerText) || "";
-      let sortVal = x.localeCompare(y, "en", { sensitivity: "base", numeric: true, caseFirst: "upper" });
-      if (row.dataset.sortTop || otherRow.dataset.sortBottom) {
-        if (row.dataset.sortTop && otherRow.dataset.sortTop) {
-          return sortVal;
-        }
-        return -1;
-      }
-      if (row.dataset.sortBottom || otherRow.dataset.sortTop) {
-        if (row.dataset.sortBottom && otherRow.dataset.sortBottom) {
-          return sortVal;
-        }
-        return 1;
-      }
-      if (this._reverse) {
-        return sortVal > 0 ? -1 : 1;
-      }
-      return sortVal;
-    });
-    newRows.forEach((row) => frag.appendChild(row));
-    this._tableBody.innerHTML = "";
-    this._tableBody.appendChild(frag);
-    this._lastIndex = index;
-  }
-}
-__publicField(TableSortController, "values", { startSort: Number });
-class TableTruncateController extends BaseController {
-  get _truncated() {
-    return this.hasTruncatedValue ? this.truncatedValue : false;
-  }
-  set _truncated(value) {
-    this.truncatedValue = value;
-  }
-  get _tableBody() {
-    return this.el.tBodies[0];
-  }
-  get _tableRows() {
-    return Array.from(this._tableBody.rows);
-  }
-  get _limit() {
-    return this.hasLimitValue ? this.limitValue : 20;
-  }
-  connect() {
-    useMutationObserver(this, this._tableBody, this.mutate, { childList: true });
-    requestAnimationFrame(() => {
-      this.truncate();
-      useEventListener(this, this.showMoreTarget, "click", this.expand);
-    });
-  }
-  truncate(event) {
-    event == null ? void 0 : event.preventDefault();
-    this._truncated = true;
-    if (this._tableRows.length >= this._limit) {
-      this._tableRows.slice(this._limit).forEach((el) => {
-        if (el !== this.showMoreTarget) {
-          this._hideElement(el);
-        }
-      });
-      this._showElement(this.showMoreTarget);
-    } else {
-      this._hideElement(this.showMoreTarget);
-    }
-  }
-  expand(event) {
-    this._truncated = false;
-    event == null ? void 0 : event.preventDefault();
-    this._tableRows.slice(this._limit).forEach((el) => {
-      if (el !== this.showMoreTarget) {
-        this._showElement(el);
-      }
-    });
-    this._hideElement(this.showMoreTarget);
-  }
-  mutate(entries) {
-    if (this._truncated) {
-      this._reTruncate();
-    }
-  }
-  _showElement(el) {
-    el.style.display = "";
-  }
-  _hideElement(el) {
-    el.style.display = "none";
-  }
-  _reTruncate() {
-    this._tableRows.slice(0, this._limit).forEach((el) => {
-      if (el !== this.showMoreTarget) {
-        this._showElement(el);
-      }
-    });
-    this._tableRows.slice(this._limit).forEach((el) => {
-      if (el !== this.showMoreTarget) {
-        this._hideElement(el);
-      }
-    });
-    this._showElement(this.showMoreTarget);
-  }
-}
-__publicField(TableTruncateController, "targets", ["showMore"]);
-__publicField(TableTruncateController, "values", {
-  limit: Number,
-  truncated: Boolean
-});
-class AlertController extends BaseController {
-  alert() {
-    alert(this.messageValue);
-  }
-}
-__publicField(AlertController, "values", { message: String });
-class FullscreenController extends BaseController {
-  connect() {
-    let { enter, exit, toggle } = useFullscreen(this);
-    this.enter = enter;
-    this.exit = exit;
-    this.toggle = toggle;
-  }
-}
-class IntersectionController extends BaseController {
-  get _threshold() {
-    if (this.hasThresholdValue) {
-      return this.thresholdValue.split(",").map((val) => Number.parseFloat(val.trim())).filter((val) => val >= 0 && val <= 1);
-    } else {
-      return [0, 1];
-    }
-  }
-  connect() {
-    useIntersection(this, this.el, this.appear, this.disappear, { threshold: this._threshold });
-  }
-  appear(entry) {
-    dispatchEvent(this, this.el, "intersection:appear");
-  }
-  disappear(entry) {
-    dispatchEvent(this, this.el, "intersection:disappear");
-  }
-}
-__publicField(IntersectionController, "values", { threshold: String });
-class IntervalController extends BaseController {
-  connect() {
-    if (!this.hasSecondsValue) {
-      throw new Error("Expected `secondsValue` to be present");
-    }
-    requestAnimationFrame(() => {
-      useInterval(this, this._interval, this.secondsValue * 1e3);
-    });
-  }
-  _interval() {
-    this.dispatchEvent(this.el, "interval:action");
-  }
-}
-__publicField(IntervalController, "values", { seconds: Number });
-class PresenceController extends BaseController {
-  get name() {
-    return this.hasNameValue ? this.nameValue : ``;
-  }
-  get _addedEventName() {
-    return [this.name, "presence", "added"].filter((el) => !!el).join(":");
-  }
-  get _removedEventName() {
-    return [this.name, "presence", "removed"].filter((el) => !!el).join(":");
-  }
-  connect() {
-    this.dispatchEvent(this.el, this._addedEventName);
-  }
-  disconnect() {
-    this.dispatchEvent(this.el, this._removedEventName);
-  }
-}
-__publicField(PresenceController, "values", { name: String });
-class PrintController extends BaseController {
-  print(event) {
-    event == null ? void 0 : event.preventDefault();
-    window.print();
-  }
-}
-class TimeoutController extends BaseController {
-  connect() {
-    requestAnimationFrame(() => {
-      useTimeout(this, this._timeout, this.secondsValue * 1e3);
-    });
-  }
-  _timeout() {
-    this.dispatchEvent(this.el, "timeout");
-  }
-}
-__publicField(TimeoutController, "values", { seconds: Number });
-class UserFocusController extends BaseController {
-  connect() {
-    useEventListener(this, window, ["focus", "blur"], this._handleVisibility);
-    useEventListener(this, document, "visibilitychange", this._handleVisibility);
-    requestAnimationFrame(() => {
-      this._handleVisibility();
-    });
-  }
-  appear() {
-    this.dispatchEvent(this.el, "user-focus:active");
-  }
-  away() {
-    this.dispatchEvent(this.el, "user-focus:away");
-  }
-  _handleVisibility() {
-    this._documentIsActive() ? this.appear() : this.away();
-  }
-  _documentIsActive() {
-    return document.visibilityState == "visible" && document.hasFocus();
-  }
-}
-class ClockController extends BaseController {
-  get _tickInterval() {
-    if (this.hasMillisecondsTarget) {
-      return 1;
-    } else if (this.hasSecondsTarget) {
-      return 1e3;
-    } else if (this.hasMinutesTarget) {
-      return 15e3;
-    } else {
-      return 3e5;
-    }
-  }
-  connect() {
-    requestAnimationFrame(() => {
-      useInterval(this, this._tick, this._tickInterval);
-    });
-  }
-  _tick() {
-    let current = new Date();
-    if (this.hasHoursTarget) {
-      this.hoursTarget.innerHTML = current.getHours().toString().padStart(2, "0");
-    }
-    if (this.hasMinutesTarget) {
-      this.minutesTarget.innerHTML = current.getMinutes().toString().padStart(2, "0");
-    }
-    if (this.hasSecondsTarget) {
-      this.secondsTarget.innerHTML = current.getSeconds().toString().padStart(2, "0");
-    }
-    if (this.hasMillisecondsTarget) {
-      this.millisecondsTarget.innerHTML = current.getMilliseconds().toString().padStart(3, "0");
-    }
-  }
-}
-__publicField(ClockController, "targets", ["hours", "minutes", "seconds", "milliseconds"]);
-class CountdownController extends BaseController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_interval", null);
-  }
-  get _removeUnused() {
-    return this.hasRemoveUnusedValue ? this.removeUnusedValue : false;
-  }
-  get _deadlineDate() {
-    return new Date(this.deadlineValue);
-  }
-  connect() {
-    this._interval = setInterval(this._tick.bind(this), 1e3);
-    this.addCountingDownClasses();
-  }
-  disconnect() {
-    this._clearTick();
-    this.removeCountingDownClasses();
-    this.removeEndedClasses();
-  }
-  deadlineValueChanged() {
-    if (this._interval == null) {
-      this._interval = setInterval(this._tick.bind(this), 1e3);
-    }
-  }
-  _tick() {
-    try {
-      const now = new Date();
-      let distance = {};
-      if (isPast(this._deadlineDate)) {
-        distance = { years: 0, months: 0, days: 0, hours: 0, minutes: 0, seconds: 0 };
-        this._clearTick();
-        this.removeCountingDownClasses();
-        this.addEndedClasses();
-        this.dispatchEvent(this.el, "countdown:ended");
-      } else {
-        distance = intervalToDuration({ start: this._deadlineDate, end: now });
-      }
-      if (this.hasYearsTarget) {
-        this._updateTarget(this.yearsTarget, this._years(distance));
-      }
-      if (this.hasMonthsTarget) {
-        this._updateTarget(this.monthsTarget, this._months(distance));
-      }
-      if (this.hasDaysTarget) {
-        this._updateTarget(this.daysTarget, this._days(distance));
-      }
-      if (this.hasHoursTarget) {
-        this._updateTarget(this.hoursTarget, this._hours(distance));
-      }
-      if (this.hasMinutesTarget) {
-        this._updateTarget(this.minutesTarget, this._minutes(distance));
-      }
-      if (this.hasSecondsTarget) {
-        this._updateTarget(this.secondsTarget, this._seconds(distance));
-      }
-    } catch (e) {
-      console.error(e);
-      this._clearTick();
-    }
-  }
-  _clearTick() {
-    if (this._interval) {
-      clearInterval(this._interval);
-      this._interval = null;
-    }
-  }
-  _updateTarget(target, value) {
-    this._removeTargetIfUnused(target, value);
-    target.innerHTML = value.toString();
-  }
-  _removeTargetIfUnused(target, value) {
-    if (this._removeUnused) {
-      if (value === 0 && target.dataset.unused) {
-        if (Number.parseInt(target.dataset.unused) > Date.now() + 1500) {
-          target.remove();
-        }
-      } else if (value == 0) {
-        target.dataset.unused = Date.now().toString();
-      } else {
-        target.dataset.unused = void 0;
-      }
-    }
-  }
-  _years(duration) {
-    return duration.years || 0;
-  }
-  _months(duration) {
-    return duration.months || 0;
-  }
-  _days(duration) {
-    return duration.days || 0;
-  }
-  _hours(duration) {
-    return duration.hours || 0;
-  }
-  _minutes(duration) {
-    return duration.minutes || 0;
-  }
-  _seconds(duration) {
-    return duration.seconds || 0;
-  }
-}
-__publicField(CountdownController, "values", { deadline: String, removeUnused: Boolean });
-__publicField(CountdownController, "targets", ["years", "months", "days", "hours", "minutes", "seconds"]);
-__publicField(CountdownController, "classes", ["countingDown", "ended"]);
-class DurationController extends BaseController {
-  get _format() {
-    return [
-      "years",
-      "months",
-      "weeks",
-      "days",
-      "hours",
-      ...this._minutes ? ["minutes"] : [],
-      ...this._seconds ? ["seconds"] : []
-    ];
-  }
-  get _output() {
-    let { years, months, weeks, days, hours, minutes, seconds } = this._duration;
-    years || (years = 0);
-    months || (months = 0);
-    weeks || (weeks = 0);
-    days || (days = 0);
-    hours || (hours = 0);
-    minutes || (minutes = 0);
-    seconds || (seconds = 0);
-    let largeDenominators = [years, months, weeks, days, hours];
-    if (!this._minutes && !this._seconds && largeDenominators.every((x) => x === 0)) {
-      minutes = minutes + seconds / 60;
-      return `${(minutes / 60).toFixed(1)} hours`;
-    }
-    return formatDuration(this._duration, { format: this._format, delimiter: ", " });
-  }
-  get _seconds() {
-    return this.hasSecondsValue ? this.secondsValue : true;
-  }
-  get _minutes() {
-    return this.hasMinutesValue ? this.minutesValue : true;
-  }
-  get _timestamp() {
-    if (this.hasTimestampValue) {
-      return toDate(this.timestampValue * 1e3);
-    } else {
-      throw new Error("Expected `timestampValue` to be present");
-    }
-  }
-  get _duration() {
-    return intervalToDuration({ start: new Date(), end: this._timestamp });
-  }
-  get _tickInterval() {
-    if (this._seconds) {
-      return 1e3;
-    } else if (this._minutes) {
-      return 15e3;
-    } else {
-      return 12e4;
-    }
-  }
-  connect() {
-    this._clearInterval = useInterval(this, this._update, this._tickInterval);
-    this._update();
-  }
-  _update() {
-    try {
-      this.el.innerHTML = this._output;
-    } catch {
-      this._clearInterval();
-    }
-  }
-}
-__publicField(DurationController, "values", {
-  timestamp: Number,
-  minutes: Boolean,
-  seconds: Boolean
-});
-class TabsController extends BaseController {
-  get defaultHideClasses() {
-    return ["hide"];
-  }
-  get defaultActiveClasses() {
-    return ["is-active"];
-  }
-  get _currentTab() {
-    return this.hasCurrentTabValue ? this.currentTabValue : 0;
-  }
-  get _equalize() {
-    return this.hasEqualizeValue ? this.equalizeValue : false;
-  }
-  connect() {
-    useCollectionEventListener(this, this.linkTargets, "click", this.switchTabs);
-    if (this._equalize) {
-      this._setMinHeight();
-    }
-    this.currentTabValue = this._currentTab;
-  }
-  switchTabs(event) {
-    event.preventDefault();
-    this.currentTabValue = this.linkTargets.indexOf(event.currentTarget);
-  }
-  currentTabValueChanged() {
-    let index = this._currentTab;
-    index = this._clampIndex(index);
-    this._selectTab(index);
-  }
-  _selectTab(index) {
-    index = this._clampIndex(index);
-    let links = this.linkTargets;
-    let panels = this.contentTargets;
-    let activePanel = panels[index];
-    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);
-    activeLink.setAttribute("aria-selected", "true");
-    this.addActiveClasses(activePanel);
-    this.removeHideClasses(activePanel);
-    otherLinks.forEach((link) => {
-      link.removeAttribute("aria-selected");
-      this.removeActiveClasses(link);
-    });
-    otherPanels.forEach((panel) => {
-      this.removeActiveClasses(panel);
-      this.addHideClasses(panel);
-    });
-  }
-  _clampIndex(index) {
-    return clamp(index, 0, this.contentTargets.length - 1);
-  }
-  _setMinHeight() {
-    let minHeight = 0;
-    this.contentTargets.forEach((content) => {
-      let hidden = content.hasAttribute("tab-hidden");
-      if (hidden) {
-        this.removeHideClasses(content);
-      }
-      let height = content.offsetHeight;
-      if (height > minHeight) {
-        minHeight = height;
-      }
-      if (hidden) {
-        this.addHideClasses(content);
-      }
-    });
-    this.contentTargets.forEach((content) => content.style.minHeight = minHeight + "px");
-  }
-}
-__publicField(TabsController, "values", { currentTab: Number, equalize: Boolean });
-__publicField(TabsController, "targets", ["link", "content"]);
-__publicField(TabsController, "classes", ["active", "hide"]);
-class TimeDistanceController extends BaseController {
-  get _duration() {
-    return isPast(this._timestamp) ? intervalToDuration({ start: this._timestamp, end: new Date() }) : intervalToDuration({ start: new Date(), end: this._timestamp });
-  }
-  get _nextUpdate() {
-    let duration = this._duration;
-    if (duration.years && duration.years > 0) {
-      return null;
-    } else if (duration.months && duration.months > 0) {
-      return null;
-    } else if (duration.days && duration.days > 0) {
-      return null;
-    } else if (duration.hours && duration.hours > 0) {
-      return 18e5;
-    } else {
-      return 3e4;
-    }
-  }
-  timestampValueChanged() {
-    this._timestamp = toDate(this.timestampValue * 1e3);
-  }
-  connect() {
-    if (!this.hasTimestampValue) {
-      throw new Error("Expected `timestampValue` to be present");
-    }
-    this._update();
-  }
-  _update() {
-    this.el.innerHTML = formatDistanceToNow(this._timestamp, {
-      addSuffix: true,
-      includeSeconds: true
-    });
-    if (this._nextUpdate) {
-      useTimeout(this, this._update, this._nextUpdate);
-    }
-  }
-}
-__publicField(TimeDistanceController, "values", {
-  timestamp: Number
-});
-class TreeViewController extends BaseController {
-  get defaultActiveClasses() {
-    return ["active"];
-  }
-  get defaultCollapsedClasses() {
-    return ["collapsed"];
-  }
-  initialize() {
-    this._nodeClicked = this._nodeClicked.bind(this);
-  }
-  connect() {
-    installClassMethods(this);
-    useMutationObserver(this, this.el, this.mutate, { subtree: true, childList: true });
-    this._setup();
-  }
-  disconnect() {
-    this._teardown();
-  }
-  _setup() {
-    this._setupNode(this.el);
-  }
-  _setupNode(el) {
-    const process = (e) => {
-      let parent = e.parentElement;
-      if (parent) {
-        if (!this._nodeActive(parent)) {
-          this._hideNode(parent);
-        }
-        parent.removeEventListener("click", this._nodeClicked);
-        parent.addEventListener("click", this._nodeClicked);
-      }
-    };
-    if (el.tagName === "UL" || el.tagName === "OL") {
-      process(el);
-    }
-    el.querySelectorAll("ul, ol").forEach((e) => process(e));
-  }
-  _teardown() {
-    this.el.querySelectorAll("ul, ol, li").forEach((el) => this._teardownNode(el));
-  }
-  _teardownNode(el) {
-    [el, ...Array.from(el.querySelectorAll("ul, ol, li"))].forEach((x) => {
-      x.removeEventListener("click", this._nodeClicked);
-      this.removeActiveClasses(x);
-      this.removeCollapsedClasses(x);
-    });
-  }
-  _nodeClicked(event) {
-    if (event) {
-      event.stopImmediatePropagation();
-    }
-    let el = event.target;
-    if (!el || !this._hasNested(el)) {
-      return;
-    }
-    if (this._nodeActive(el)) {
-      this._hideNode(el);
-    } else {
-      this._showNode(el);
-    }
-  }
-  _nodeActive(el) {
-    return this.activeClassesPresent(el);
-  }
-  _showNode(el) {
-    this.removeCollapsedClasses(el);
-    this.addActiveClasses(el);
-  }
-  _hideNode(el) {
-    this.removeActiveClasses(el);
-    this.addCollapsedClasses(el);
-  }
-  _hasNested(el) {
-    return el.querySelectorAll("ul, ol").length > 0;
-  }
-  mutate(entries) {
-    for (const mutation of entries) {
-      if (mutation.type === "childList") {
-        Array.from(mutation.addedNodes || []).forEach((el) => this._setupNode(el));
-        Array.from(mutation.removedNodes || []).forEach((el) => this._teardownNode(el));
-      }
-    }
-  }
-}
-__publicField(TreeViewController, "classes", [
-  "active",
-  "collapsed"
-]);
-class AnchorSpyController extends BaseController {
-  get defaultActiveClasses() {
-    return ["active"];
-  }
-  get defaultInactiveClasses() {
-    return ["inactive"];
-  }
-  get _key() {
-    return this.keyValue.replaceAll("#", "");
-  }
-  get _anchor() {
-    return window.location.hash.substr(1);
-  }
-  set _anchor(value) {
-    window.location.hash = value;
-  }
-  connect() {
-    installClassMethods(this);
-    requestAnimationFrame(() => {
-      this._checkAnchor();
-      useEventListener(this, window, "hashchange", this._checkAnchor);
-    });
-  }
-  write(event) {
-    event == null ? void 0 : event.preventDefault();
-    this._anchor = this._key;
-  }
-  _checkAnchor() {
-    if (this._key === this._anchor) {
-      this.dispatchEvent(this.el, "anchor-spy:active");
-      this.addActiveClasses(this.el);
-      this.removeInactiveClasses(this.el);
-    } else {
-      this.dispatchEvent(this.el, "anchor-spy:inactive");
-      this.addInactiveClasses(this.el);
-      this.removeActiveClasses(this.el);
-    }
-  }
-}
-__publicField(AnchorSpyController, "values", { key: String });
-__publicField(AnchorSpyController, "classes", ["active", "inactive"]);
-class BackLinkController extends BaseController {
-  get _pages() {
-    return this.hasPagesValue ? Math.abs(this.pagesValue) : 1;
-  }
-  get _timeout() {
-    return this.hasTimeoutValue ? this.timeoutValue : 1500;
-  }
-  connect() {
-    useEventListener(this, this.el, "click", this.goBack);
-  }
-  goBack(event) {
-    event == null ? void 0 : event.preventDefault();
-    history.go(-this._pages);
-    if (this.el.href) {
-      useTimeout(this, this.fallback, this._timeout);
-    }
-  }
-  fallback() {
-    window.location.href = this.el.href;
-  }
-}
-__publicField(BackLinkController, "values", { timeout: Number, pages: Number });
-class ClipboardController extends BaseController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_supported", false);
-  }
-  connect() {
-    this._supported = document.queryCommandSupported("copy");
-    if (this.hasRemoveUnusedValue && this.removeUnusedValue) {
-      if (this._supported && this.hasFallbackTarget) {
-        this.fallbackTarget.remove();
-      } else if (this.hasCopyTarget) {
-        this.copyTarget.remove();
-      }
-    }
-  }
-  select(event) {
-    if (event) {
-      event.preventDefault();
-    }
-    this.sourceTarget.select();
-  }
-  copy(event) {
-    if (event) {
-      event.preventDefault();
-    }
-    this.sourceTarget.select();
-    if (this._supported) {
-      document.execCommand("copy");
-    }
-  }
-}
-__publicField(ClipboardController, "targets", ["source", "button", "copy", "fallback"]);
-__publicField(ClipboardController, "values", { removeUnused: Boolean });
-class ConfirmController extends BaseController {
-  get _message() {
-    return this.hasMessageValue ? this.messageValue : "Are you sure?";
-  }
-  get _eventType() {
-    if (isHTMLFormElement(this.el)) {
-      return "submit";
-    } else if (isHTMLAnchorElement(this.el)) {
-      return "click";
-    } else {
-      throw new Error("Can't handle confirmation on attached element");
-    }
-  }
-  connect() {
-    requestAnimationFrame(() => {
-      useEventListener(this, this.el, this._eventType, this.confirm);
-    });
-  }
-  confirm(event) {
-    if (!window.confirm(this._message)) {
-      event.preventDefault();
-      this.dispatchEvent(this.el, "confirm:cancelled");
-    }
-  }
-}
-__publicField(ConfirmController, "values", {
-  message: String
-});
-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";
-  }
-  connect() {
-    window.onbeforeunload = () => this._message;
-    useEventListener(this, window, "popstate", this.confirmNavigation);
-    useEventListener(this, window, "submit", this.allowSubmit);
-    useEventListener(this, window, ["turbolinks:before-visit", "turbo:before-visit"], this.confirmTurboNavigation);
-  }
-  disconnect() {
-    window.onbeforeunload = null;
-  }
-  allowSubmit(_event) {
-    window.removeEventListener("popstate", this.confirmNavigation);
-    window.onbeforeunload = null;
-  }
-  confirmNavigation(_event) {
-    return false;
-  }
-  confirmTurboNavigation(event) {
-    if (!confirm(this._message)) {
-      event.preventDefault();
-    }
-  }
-}
-__publicField(ConfirmNavigationController, "values", { message: String });
-class DebugController extends BaseController {
-  connect() {
-    console.log("Debug Controller", this, this.testTargets);
-  }
-}
-__publicField(DebugController, "targets", ["test"]);
-class DisableWithController extends BaseController {
-  get _message() {
-    return this.hasMessageValue ? this.messageValue : "Submitting...";
-  }
-  get _timeout() {
-    return this.hasTimeoutValue ? this.timeoutValue : 1e3;
-  }
-  connect() {
-    requestAnimationFrame(() => {
-      useEventListener(this, this.el, ["click"], this.disable);
-      useEventListener(this, window, ["turbo:load", "turbolinks:load"], this._enable);
-    });
-  }
-  disable(event) {
-    let element = this.el;
-    if (this._isDisabled(element)) {
-      event == null ? void 0 : event.preventDefault();
-      event == null ? void 0 : event.stopImmediatePropagation();
-    } else {
-      this._disable();
-      useTemporaryContent(this, element, this._message, this._timeout, this._enable);
-    }
-  }
-  enable(event) {
-    event == null ? void 0 : event.preventDefault();
-    let element = this.el;
-    if (this._isDisabled(element)) {
-      this._enable();
-    }
-  }
-  _isDisabled(el) {
-    if (isTypeOfButtonableElement(el)) {
-      return el.disabled;
-    } else {
-      return el.dataset.disabled == "true";
-    }
-  }
-  _disable() {
-    let el = this.el;
-    if (isTypeOfButtonableElement(el)) {
-      el.disabled = true;
-    } else {
-      el.dataset.disabled = "true";
-    }
-  }
-  _enable() {
-    let el = this.el;
-    if (isTypeOfButtonableElement(el)) {
-      el.disabled = false;
-    } else {
-      el.dataset.disabled = void 0;
-    }
-  }
-}
-__publicField(DisableWithController, "values", {
-  message: String,
-  timeout: Number
-});
-class DismissableController extends BaseController {
-  dismiss() {
-    this.el.remove();
-  }
-}
-class RemoveController extends DismissableController {
-}
-class ElementSaveController extends BaseController {
-  get _id() {
-    if (this.hasIdValue) {
-      return this.idValue;
-    }
-    let elementID = this.el.id;
-    if (elementID !== "") {
-      return elementID;
-    } else {
-      throw new Error(`No ID value to uniquely identify this element. Please either specify data-${this.identifier}-id-value or give this element an 'id' attribute. `);
-    }
-  }
-  get _uniqueIdentifier() {
-    const url = location.href;
-    return `${url} ${this._id}`;
-  }
-  get _restoreOnLoad() {
-    return this.hasRestoreOnLoadValue ? this.restoreOnLoadValue : true;
-  }
-  get _element() {
-    return this.hasElementTarget ? this.elementTarget : this.el;
-  }
-  initialize() {
-    this.save = debounce(this.save.bind(this), 300);
-  }
-  connect() {
-    this._store = useLocalStorage(this, this._uniqueIdentifier, {});
-    requestAnimationFrame(() => {
-      if (this._restoreOnLoad) {
-        this.restore();
-      }
-    });
-  }
-  clear(event) {
-    if (event) {
-      event.preventDefault();
-    }
-    this._store.clear();
-    this.dispatchEvent(this._element, `element-save:cleared`);
-  }
-  save(event) {
-    if (event) {
-      event.preventDefault();
-    }
-    let element = this._element;
-    let attributes = this.attributesValue.split(" ");
-    let data = {};
-    attributes.forEach((attr) => data[attr] = get(element, attr));
-    this._store.value = data;
-    this.dispatchEvent(element, `element-save:save:success`);
-  }
-  restore(event) {
-    if (event) {
-      event.preventDefault();
-    }
-    let element = this._element;
-    if (!this._store.isEmpty()) {
-      const savedData = this._store.value;
-      Object.keys(savedData).forEach((attr) => set(element, attr, savedData[attr]));
-      this.dispatchEvent(element, `element-save:restore:success`);
-    } else {
-      this.dispatchEvent(element, `element-save:restore:empty`);
-    }
-  }
-}
-__publicField(ElementSaveController, "targets", [
-  "element"
-]);
-__publicField(ElementSaveController, "values", {
-  id: String,
-  attributes: String,
-  restoreOnLoad: Boolean
-});
-class EmptyDomController extends BaseController {
-  get _container() {
-    return this.hasContainerTarget ? this.containerTarget : this.el;
-  }
-  get _children() {
-    let element = this._container;
-    if (this.hasScopeSelectorValue) {
-      return Array.from(element.querySelectorAll(this.scopeSelectorValue));
-    } else {
-      return Array.from(element.children);
-    }
-  }
-  connect() {
-    installClassMethods(this);
-    useMutationObserver(this, this._container, this.mutate, { childList: true });
-    this.checkEmpty();
-  }
-  mutate(entries) {
-    this.checkEmpty();
-  }
-  checkEmpty() {
-    let element = this._container;
-    let children = this._children;
-    if (children.length === 0) {
-      this.removeNotEmptyClasses();
-      this.addEmptyClasses();
-      this.dispatchEvent(element, "dom:empty");
-    } else {
-      this.addNotEmptyClasses();
-      this.removeEmptyClasses();
-      this.dispatchEvent(element, "dom:not-empty", { detail: { count: children.length } });
-    }
-  }
-}
-__publicField(EmptyDomController, "targets", ["container"]);
-__publicField(EmptyDomController, "classes", ["empty", "notEmpty"]);
-__publicField(EmptyDomController, "values", { scopeSelector: String });
-class PrefetchController extends BaseController {
-  get _mode() {
-    return this.hasModeValue ? this.modeValue : "mouseover";
-  }
-  get _supportsPrefetch() {
-    var _a, _b;
-    const link = document.createElement("link");
-    return ((_a = link.relList) == null ? void 0 : _a.supports) && ((_b = link.relList) == null ? void 0 : _b.supports("prefetch"));
-  }
-  get _href() {
-    return this.el.href;
-  }
-  get _existingPrefetch() {
-    return (document.head.querySelectorAll(`link[rel="prefetch"][href="${this._href}"]`) || []).length > 0;
-  }
-  get _connectionSuitable() {
-    const connection = navigator.connection;
-    if (!connection) {
-      return true;
-    }
-    if (connection) {
-      if (connection.saveData) {
-        warn(this, "Data Saving is enabled");
-        return false;
-      }
-      if (/2g/.test(connection.effectiveType)) {
-        warn(this, "Network is too slow");
-        return false;
-      }
-    }
-    return true;
-  }
-  connect() {
-    if (!this._supportsPrefetch) {
-      return;
-    }
-    switch (this._mode) {
-      case "intersect":
-        this._setupObserver();
-        break;
-      case "mouseover":
-        useEventListener(this, this.el, "mouseover", this.prefetch, { once: true });
-        break;
-      default:
-        throw new Error(`'${this._mode}' is not a supported prefetch mode`);
-    }
-  }
-  _setupObserver() {
-    const observer = new IntersectionObserver(([entry], observer2) => {
-      if (entry.isIntersecting) {
-        this.prefetch();
-        observer2.unobserve(entry.target);
-      }
-    });
-    observer.observe(this.element);
-  }
-  prefetch() {
-    if (this._existingPrefetch || !this._connectionSuitable) {
-      return;
-    }
-    const link = document.createElement("link");
-    Object.assign(link, { rel: "prefetch", href: this._href, as: "document" });
-    document.head.appendChild(link);
-  }
-}
-__publicField(PrefetchController, "values", { mode: String });
-class PrintButtonController extends PrintController {
-  get defaultUnsupportedClasses() {
-    return ["unsupported"];
-  }
-  connect() {
-    installClassMethods(this);
-    if (!("print" in window)) {
-      this.addUnsupportedClasses();
-    }
-    useEventListener(this, this.el, "click", this.print);
-  }
-}
-__publicField(PrintButtonController, "classes", [
-  "unsupported"
-]);
-class ResponsiveIframeWrapperController extends BaseController {
-  connect() {
-    useEventListener(this, window, "message", this.messageReceived);
-  }
-  messageReceived(message) {
-    let data = message.data;
-    if (data.hasOwnProperty("name") && data.name === "iframe-body" && data.hasOwnProperty("height")) {
-      this.resize(data.height);
-    }
-  }
-  resize(height) {
-    this.el.style.height = `${height}px`;
-  }
-}
-class ResponsiveIframeBodyController extends BaseController {
-  connect() {
-    if (window.self !== window.top) {
-      useEventListener(this, window, "resize", this.postUpdate, { debounce: 200 });
-      this.postUpdate();
-    }
-  }
-  postUpdate() {
-    let payload = { name: "iframe-body", height: this.getHeight() };
-    window.parent.postMessage(payload, "*");
-  }
-  getHeight() {
-    const body = document.body;
-    const html = document.documentElement;
-    return Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-  }
-}
-class SelfDestructController extends BaseController {
-  connect() {
-    requestAnimationFrame(() => {
-      useTimeout(this, () => this.el.remove(), this.secondsValue * 1e3);
-    });
-  }
-}
-__publicField(SelfDestructController, "values", { seconds: Number });
-class StickyController extends BaseController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_magicElement", null);
-  }
-  get defaultStuckClasses() {
-    return ["stuck"];
-  }
-  get _mode() {
-    if (this.hasModeValue) {
-      if (!["top", "bottom"].includes(this.modeValue)) {
-        throw new Error(`The modeValue provided '${this.modeValue}' is not one of the recognised configuration options`);
-      }
-      if (this.modeValue === "top") {
-        return "beforebegin";
-      }
-    }
-    return "afterend";
-  }
-  connect() {
-    this._magicElement = document.createElement("div");
-    useInjectedElement(this, this.el, this._mode, this._magicElement);
-    const observer = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.target !== this._magicElement) {
-          return;
-        }
-        if (entry.intersectionRatio === 0) {
-          this.addStuckClasses();
-        } else if (entry.intersectionRatio === 1) {
-          this.removeStuckClasses();
-        }
-      });
-    }, {
-      threshold: [0, 1]
-    });
-    observer.observe(this._magicElement);
-  }
-}
-__publicField(StickyController, "classes", ["stuck"]);
-__publicField(StickyController, "values", { mode: String });
-class TeleportController extends EphemeralController {
-  connect() {
-    if (!this.hasInsertValue) {
-      throw new Error("`insert` value was not specified");
-    }
-    requestAnimationFrame(() => {
-      if (this.hasImmediateValue && this.immediateValue) {
-        this.execute();
-      }
-    });
-  }
-  execute(event) {
-    event == null ? void 0 : event.preventDefault();
-    let element = this.el;
-    let destination = document.querySelector(this.targetValue);
-    if (destination == null) {
-      this.dispatchEvent(element, "teleport:error");
-      return;
-    }
-    let copy = element.cloneNode(true);
-    this.cleanup(copy);
-    switch (this.insertValue) {
-      case "beforebegin":
-      case "beforeend":
-      case "afterend":
-      case "afterbegin":
-        destination.insertAdjacentHTML(this.insertValue, copy.outerHTML);
-        break;
-      case "replaceOuter":
-        destination.outerHTML = copy.outerHTML;
-        break;
-      case "replaceInner":
-        destination.innerHTML = copy.outerHTML;
-        break;
-      case "prepend":
-        destination.insertAdjacentHTML("afterbegin", copy.outerHTML);
-        break;
-      case "append":
-        destination.insertAdjacentHTML("beforeend", copy.outerHTML);
-        break;
-      default:
-        throw new Error("`insert` value was not specified");
-    }
-    element.remove();
-  }
-}
-__publicField(TeleportController, "values", { target: String, insert: String, immediate: Boolean });
-class TemporaryStateController extends EphemeralController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_previousState", {});
-  }
-  get _value() {
-    if (this.hasValueValue) {
-      return this.valueValue;
-    }
-    throw new Error("Expected `valueValue` to be present");
-  }
-  get _attribute() {
-    if (this.hasAttributeValue) {
-      return this.attributeValue;
-    }
-    throw new Error("Expected `attributeValue` to be present");
-  }
-  get _seconds() {
-    if (this.hasSecondsValue) {
-      return this.secondsValue * 1e3;
-    }
-    throw new Error("Expected `secondsValue` to be present");
-  }
-  connect() {
-    this.setState();
-    useTimeout(this, this.removeState, this._seconds);
-  }
-  disconnect() {
-    this.removeState();
-  }
-  setState() {
-    this._previousState[this._attribute] = get(this.el, this._attribute);
-    set(this.el, this._attribute, this.valueValue);
-  }
-  removeState() {
-    set(this.el, this._attribute, this._previousState[this._attribute]);
-  }
-}
-__publicField(TemporaryStateController, "values", {
-  attribute: String,
-  seconds: Number,
-  value: String
-});
-function applyTemporaryState(element, propertyString, value, seconds, controllerIdentifier = "temporary-state") {
-  var _a;
-  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(`${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, this.el, this.mouseEnter, this.mouseLeave);
-    }
-    if (this.hasClickAwayValue && this.clickAwayValue) {
-      useClickOutside(this, this.el, this.clickOutside);
-    }
-    requestAnimationFrame(() => {
-      if (this.hasInitialValue) {
-        if (this.initialValue === "on") {
-          this.toggleTargets.forEach((target) => this._elementOn(target));
-        } else {
-          this.toggleTargets.forEach((target) => this._elementOff(target));
-        }
-      }
-    });
-  }
-  clickOutside() {
-    this.toggleTargets.forEach((target) => {
-      if (this._elementWasToggled(target)) {
-        this._elementToggleStatus(target);
-        this._elementToggle(target);
-      }
-    });
-  }
-  mouseEnter() {
-    if (this.hasMouseEnterValue) {
-      switch (this.mouseEnterValue) {
-        case "on":
-          this.on();
-          break;
-        case "off":
-          this.off();
-          break;
-        case "toggle":
-          this.toggle();
-          break;
-      }
-    }
-    return {};
-  }
-  mouseLeave() {
-    if (this.hasMouseLeaveValue) {
-      switch (this.mouseLeaveValue) {
-        case "on":
-          this.on();
-          break;
-        case "off":
-          this.off();
-          break;
-        case "toggle":
-          this.toggle();
-          break;
-      }
-    }
-    return {};
-  }
-  on(event) {
-    this.toggleTargets.forEach((target) => {
-      this._elementToggleStatus(target);
-      this._elementOn(target);
-    });
-  }
-  off(event) {
-    this.toggleTargets.forEach((target) => {
-      this._elementToggleStatus(target);
-      this._elementOff(target);
-    });
-  }
-  toggle(event) {
-    this.toggleTargets.forEach((target) => {
-      this._elementToggleStatus(target);
-      this._elementToggle(target);
-    });
-  }
-  _elementWasToggled(el) {
-    return el.dataset.toggled == "true";
-  }
-  _elementToggleStatus(el) {
-    if (this._elementWasToggled(el)) {
-      delete el.dataset.toggled;
-    } else {
-      el.dataset.toggled = "true";
-    }
-  }
-  _elementToggle(el) {
-    let classes = this.classValue.split(" ");
-    classes.forEach((klass) => el.classList.toggle(klass));
-  }
-  _elementOn(el) {
-    let classes = this.classValue.split(" ");
-    classes.forEach((klass) => el.classList.toggle(klass, true));
-  }
-  _elementOff(el) {
-    let classes = this.classValue.split(" ");
-    classes.forEach((klass) => el.classList.toggle(klass, false));
-  }
-}
-__publicField(ToggleClassController, "targets", ["toggle"]);
-__publicField(ToggleClassController, "values", {
-  class: String,
-  mouseEnter: String,
-  mouseLeave: String,
-  clickAway: Boolean,
-  initial: String
-});
-function useTrixModifiers(controller) {
-  const controllerDisconnect = controller.disconnect.bind(controller);
-  let observing = false;
-  let observerCallback = (entries, observer2) => {
-    entries.forEach((mutation) => {
-      if (mutation.type === "childList" && Array.from(mutation.addedNodes).some((el) => el.tagName === "TRIX-TOOLBAR")) {
-        attemptSetup();
-        observer2.disconnect();
-      }
-    });
-  };
-  let pasteHandler = (event) => controllerMethod(controller, "pasteEvent").call(controller, event);
-  let observer = new MutationObserver(observerCallback);
-  let attemptSetup = () => {
-    if (controller.element.tagName !== "TRIX-EDITOR") {
-      throw new Error("Expected controller to be mounted on an instance of <trix-editor>");
-    }
-    let editor = controller.element;
-    let editorParent = controller.element.parentElement;
-    if (editorParent == null) {
-      throw new Error("Could not traverse DOM tree from <trix-editor>");
-    }
-    editor.addEventListener("trix-paste", pasteHandler);
-    let toolbar2 = editorParent.querySelector("trix-toolbar");
-    if (!observing && !toolbar2) {
-      observing = true;
-      observer.observe(editorParent, { childList: true });
-      return;
-    } else if (!toolbar2) {
-      throw new Error("Could not find an instance of <trix-toolbar> that is a sibling of this <trix-editor>");
-    } else {
-      observer.disconnect();
-    }
-    controllerMethod(controller, "install").call(controller, { toolbar: toolbar2, editor });
-  };
-  let teardown = () => {
-    if (controller.element.tagName !== "TRIX-EDITOR") {
-      throw new Error("Expected controller to be mounted on an instance of <trix-editor>");
-    }
-    let editor = controller.element;
-    let editorParent = controller.element.parentElement;
-    if (editorParent == null) {
-      throw new Error("Could not traverse DOM tree from <trix-editor>");
-    }
-    editor.removeEventListener("trix-paste", pasteHandler);
-    let toolbar2 = editorParent.querySelector("trix-toolbar");
-    if (!toolbar2) {
-      throw new Error("Could not find <trix-toolbar> that is a sibling of this <trix-editor> element");
-    }
-    controllerMethod(controller, "uninstall").call(controller, { toolbar: toolbar2, editor });
-  };
-  attemptSetup();
-  Object.assign(controller, {
-    disconnect() {
-      observer.disconnect();
-      teardown();
-      controllerMethod(controller, "uninstall").call({ toolbar, editor: controller.element });
-      controllerDisconnect();
-    }
-  });
-}
-class TrixModifierController extends BaseController {
-  get enabledBehaviours() {
-    let enabled = (datasetProp) => datasetProp !== void 0 && datasetProp !== "false";
-    let behaviourIfEnabled = (datasetProp, trixInstallable) => enabled(datasetProp) ? [trixInstallable] : [];
-    return [
-      ...behaviourIfEnabled(this.el.dataset.noBold, this.bold),
-      ...behaviourIfEnabled(this.el.dataset.noBulletList, this.bulletList),
-      ...behaviourIfEnabled(this.el.dataset.noCode, this.code),
-      ...behaviourIfEnabled(this.el.dataset.noHeading, this.heading),
-      ...behaviourIfEnabled(this.el.dataset.noItalic, this.italic),
-      ...behaviourIfEnabled(this.el.dataset.noStrikethrough, this.strikethrough),
-      ...behaviourIfEnabled(this.el.dataset.noLink, this.link),
-      ...behaviourIfEnabled(this.el.dataset.noIndents, this.indents),
-      ...behaviourIfEnabled(this.el.dataset.noNumberList, this.numberList),
-      ...behaviourIfEnabled(this.el.dataset.noQuote, this.quote),
-      ...behaviourIfEnabled(this.el.dataset.noFileUploads, this.fileUploads)
-    ];
-  }
-  get bold() {
-    return this.formattingHandlers(".trix-button--icon-bold", "bold");
-  }
-  get bulletList() {
-    return this.formattingHandlers(".trix-button--icon-bullet-list", "bullet-list");
-  }
-  get code() {
-    return this.formattingHandlers(".trix-button--icon-code", "code");
-  }
-  get heading() {
-    return this.formattingHandlers(".trix-button--icon-heading-1", "heading");
-  }
-  get italic() {
-    return this.formattingHandlers(".trix-button--icon-italic", "italic");
-  }
-  get strikethrough() {
-    return this.formattingHandlers(".trix-button--icon-strike", "strike");
-  }
-  get link() {
-    return this.formattingHandlers(".trix-button--icon-link", "href");
-  }
-  get indents() {
-    return this.simpleHideShowHandlers([
-      ".trix-button--icon-decrease-nesting-level, .trix-button--icon-increase-nesting-level",
-      ".trix-button--icon-decrease-nesting-level, .trix-button--icon-increase-nesting-level"
-    ].join(", "));
-  }
-  get numberList() {
-    return this.simpleHideShowHandlers(".trix-button--icon-number-list");
-  }
-  get quote() {
-    return this.simpleHideShowHandlers(".trix-button--icon-quote");
-  }
-  get fileUploads() {
-    let selector = ".trix-button-group.trix-button-group--file-tools";
-    let preventUploads = (e) => e == null ? void 0 : e.preventDefault();
-    let self = this;
-    let element = this.el;
-    return {
-      install(elements) {
-        self.simpleHideShowHandlers(selector).install(elements);
-        self.el.addEventListener("trix-file-accept", preventUploads);
-      },
-      pasteEvent(event) {
-        let { dataTransfer, html } = event.paste;
-        let { editor } = element;
-        if (dataTransfer.files.length > 0 || html.includes("<img")) {
-          alert("The content you pasted contains images and/or files. File uploads are not supported.");
-          editor.undo();
-        }
-      },
-      uninstall(elements) {
-        self.simpleHideShowHandlers(selector).uninstall(elements);
-        self.el.removeEventListener("trix-file-accept", preventUploads);
-      }
-    };
-  }
-  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),
-      uninstall: ({ toolbar: toolbar2 }) => this.showToolbarSelector(toolbar2, selector)
-    };
-  }
-  formattingHandlers(selector, trixAttribute) {
-    let element = this.el;
-    let { editor } = element;
-    return {
-      install: (elements) => {
-        this.simpleHideShowHandlers(selector).install(elements);
-      },
-      pasteEvent(pasteEvent) {
-        let { range } = pasteEvent.paste;
-        let prevRange = element.editor.getSelectedRange();
-        editor.setSelectedRange(range);
-        editor.deactivateAttribute(trixAttribute);
-        editor.setSelectedRange(prevRange);
-      },
-      uninstall: (elements) => {
-        this.simpleHideShowHandlers(selector).uninstall(elements);
-      }
-    };
-  }
-  showToolbarSelector(toolbar2, selector) {
-    toolbar2.querySelectorAll(selector).forEach((el) => el.style.display = "");
-  }
-  hideToolbarSelector(toolbar2, selector) {
-    toolbar2.querySelectorAll(selector).forEach((el) => el.style.display = "none");
-  }
-}
-class TurboFrameRCController extends BaseController {
-  toggle(event) {
-    event == null ? void 0 : event.preventDefault();
-    let frame = this._getFrame();
-    let frameSrc = frame.src;
-    if (frameSrc == null || frameSrc !== this._getSrc()) {
-      this._setSrc();
-    } else {
-      this._clear();
-    }
-  }
-  setSrc(event) {
-    event == null ? void 0 : event.preventDefault();
-    this._setSrc();
-  }
-  clear(event) {
-    event == null ? void 0 : event.preventDefault();
-    this._clear();
-  }
-  _setSrc() {
-    let frame = this._getFrame();
-    if (this.hasLoadingMessageValue) {
-      frame.innerHTML = this.loadingMessageValue;
-    }
-    frame.src = this._getSrc();
-  }
-  _clear() {
-    let frame = this._getFrame();
-    frame.src = "";
-    frame.innerHTML = "";
-  }
-  _getFrame() {
-    let frame = document.getElementById(`${this.frameIdValue}`);
-    if (frame == null) {
-      throw new Error(`Could not find frame with ID '${this.frameIdValue}'`);
-    }
-    if (!isTurboFrame(frame)) {
-      throw new Error(`Element targeted by ID '${this.frameIdValue}'`);
-    } else {
-      return frame;
-    }
-  }
-  _getSrc() {
-    let element = this.el;
-    if (this.hasSrcValue) {
-      return this.srcValue;
-    } else if (isHTMLAnchorElement(element)) {
-      return element.href;
-    } else {
-      throw new Error("No link given to drive frame to");
-    }
-  }
-}
-__publicField(TurboFrameRCController, "values", {
-  frameId: String,
-  src: String,
-  loadingMessage: String
-});
-class TurboFrameRefreshController extends BaseController {
-  get _poll() {
-    return this.hasPollValue ? this.pollValue : false;
-  }
-  connect() {
-    let element = this.el;
-    if (isTurboFrame(element)) {
-      if (!!element.src) {
-        throw new Error("The provided <turbo-frame> element has no `src` attribute.");
-      }
-    } else {
-      throw new Error("Expected controller to be mounted on a <turbo-frame> element.");
-    }
-    if (this._poll) {
-      requestAnimationFrame(() => useTimeout(this, this.refresh, this.intervalValue));
-    }
-  }
-  refresh(event) {
-    event == null ? void 0 : event.preventDefault();
-    let element = this.el;
-    element.src = element.src;
-  }
-}
-__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, SignalActionController, SignalDomChildrenController, 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, isHTMLButtonButtonElement, isHTMLButtonElement, isHTMLButtonInputElement, isHTMLFormElement, isHTMLImageElement, isHTMLInputElement, isHTMLLabelElement, isHTMLLinkElement, isHTMLResetButtonElement, isHTMLResetInputElement, isHTMLSelectElement, isHTMLSubmitButtonElement, isHTMLSubmitInputElement, isHTMLTextAreaElement, isTurboFrame, isTypeOfButtonableElement, isTypeOfFormInputElement, isTypeOfResetButtonElement, isTypeOfSubmitButtonElement, requestReset, requestSubmit, scrollAbsoluteBottom, scrollAbsoluteLeft, scrollAbsoluteRight, scrollAbsoluteTop, scrollDown, scrollLeft, scrollRight, scrollToElement, scrollUp, useCollectionEventListener, useCollectionEventListeners, useEventListener, useEventListeners, useFullscreen, useGeolocation, useInjectedElement, useInjectedFragment, useInjectedHTML, useInterval, useLocalStorage, useTemporaryContent, useTimeout };
-//# sourceMappingURL=stimulus-library.es.js.map