phoenix_duskmoon

// assets/js/phoenix_duskmoon.js
var DM_EVENTS = [
  "dm-click",
  "dm-change",
  "dm-input",
  "dm-focus",
  "dm-blur",
  "dm-submit",
  "dm-select",
  "dm-close",
  "dm-open",
  "dm-toggle"
];
var WebComponentHook = {
  mounted() {
    this._sendListeners = [];
    this._setupEventBridging();
    this._setupAutomaticForwarding();
  },
  updated() {
    this._setupAutomaticForwarding();
  },
  destroyed() {
    if (this._sendListeners) {
      this._sendListeners.forEach(({ event, listener }) => {
        this.el.removeEventListener(event, listener);
      });
      this._sendListeners = null;
    }
    DM_EVENTS.forEach((dmEvent) => {
      const listenerKey = `_dm_listener_${dmEvent}`;
      if (this[listenerKey]) {
        this.el.removeEventListener(dmEvent, this[listenerKey]);
        this[listenerKey] = null;
      }
    });
  },
  _setupEventBridging() {
    const attrs = this.el.attributes;
    const phxTarget = this.el.getAttribute("phx-target");
    const pushEvent = (event, payload, callback) => {
      if (phxTarget) {
        this.pushEventTo(phxTarget, event, payload, callback);
      } else {
        this.pushEvent(event, payload, callback);
      }
    };
    for (let i = 0;i < attrs.length; i++) {
      const attr = attrs[i];
      if (/^duskmoon-send-/.test(attr.name)) {
        const eventName = attr.name.replace(/^duskmoon-send-/, "");
        const [phxEvent, callbackName] = attr.value.split(";");
        const listener = ({ detail }) => {
          pushEvent(phxEvent, detail || {}, (response) => {
            if (callbackName && typeof this[callbackName] === "function") {
              this[callbackName](response, detail, eventName);
            }
          });
        };
        this.el.addEventListener(eventName, listener);
        this._sendListeners.push({ event: eventName, listener });
      }
      if (/^duskmoon-receive-/.test(attr.name)) {
        const eventName = attr.name.replace(/^duskmoon-receive-/, "");
        const handler = attr.value;
        this.handleEvent(eventName, (payload) => {
          if (handler && typeof this.el[handler] === "function") {
            this.el[handler](payload);
          } else {
            this.el.dispatchEvent(new CustomEvent(eventName, {
              detail: payload,
              bubbles: true,
              composed: true
            }));
          }
        });
      }
      if (attr.name === "duskmoon-receive") {
        const [phxEvent, callbackName] = attr.value.split(";");
        this.handleEvent(phxEvent, (payload) => {
          if (typeof this.el[callbackName] === "function") {
            this.el[callbackName](payload);
          }
        });
      }
    }
  },
  _setupAutomaticForwarding() {
    const phxTarget = this.el.getAttribute("phx-target");
    DM_EVENTS.forEach((dmEvent) => {
      const phxAttr = "phx-" + dmEvent.replace("dm-", "");
      const phxEvent = this.el.getAttribute(phxAttr);
      if (phxEvent) {
        const listenerKey = `_dm_listener_${dmEvent}`;
        if (this[listenerKey]) {
          this.el.removeEventListener(dmEvent, this[listenerKey]);
        }
        this[listenerKey] = (e) => {
          const detail = e.detail || {};
          const payload = {
            ...detail,
            value: this.el.value,
            name: this.el.name,
            checked: this.el.checked
          };
          if (phxTarget) {
            this.pushEventTo(phxTarget, phxEvent, payload);
          } else {
            this.pushEvent(phxEvent, payload);
          }
        };
        this.el.addEventListener(dmEvent, this[listenerKey]);
      }
    });
  }
};
var FormElementHook = {
  ...WebComponentHook,
  mounted() {
    WebComponentHook.mounted.call(this);
    this._setupFormIntegration();
  },
  _setupFormIntegration() {
    const name = this.el.getAttribute("name");
    const feedbackFor = this.el.getAttribute("phx-feedback-for") || name;
    if (feedbackFor) {
      this._setupFeedbackObserver(feedbackFor);
    }
  },
  destroyed() {
    WebComponentHook.destroyed.call(this);
    if (this._feedbackObserver) {
      this._feedbackObserver.disconnect();
      this._feedbackObserver = null;
    }
  },
  _setupFeedbackObserver(feedbackFor) {
    const form = this.el.closest("form");
    if (!form)
      return;
    this._feedbackObserver = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
        if (mutation.attributeName === "class") {
          const hasNoFeedback = form.classList.contains("phx-no-feedback");
          this.el.dispatchEvent(new CustomEvent("dm-feedback-change", {
            detail: { showFeedback: !hasNoFeedback, field: feedbackFor }
          }));
        }
      });
    });
    this._feedbackObserver.observe(form, { attributes: true, attributeFilter: ["class"] });
  }
};
if (typeof window !== "undefined") {
  window.__WebComponentHook__ = WebComponentHook;
  window.__FormElementHook__ = FormElementHook;
}
export {
  WebComponentHook,
  FormElementHook
};