const whichAnimationEvent = () => {
  const el = document.createElement("fakeElement");
  if (el.style["animation"] !== void 0) {
    return "animationend";
  }
  return "webkitAnimationEnd";
};
window.animationEvent = whichAnimationEvent();
const toggles = Array.from(document.getElementsByClassName("toggle-details"));
for (let toggle of toggles) {
  toggle.onclick = () => {
    const el = toggle.parentElement.parentElement.parentElement.nextElementSibling;
    if (el.classList.contains("visible")) {
      el.classList.toggle("visible");
      el.classList.toggle("hidden");
    } else {
      el.classList.toggle("hidden");
      el.classList.toggle("visible");
    }
    toggle.previousElementSibling.classList.toggle("rotated");
    toggle.previousElementSibling.classList.toggle("not-rotated");
  };
}
const checkInfUses = function(check, mode = 2) {
  const uses = document.getElementById("inv-uses");
  if (mode == 2) {
    uses.disabled = check.checked;
    check.parentElement.classList.toggle("!normal");
    check.parentElement.classList.toggle("!high");
  } else if (mode == 1) {
    uses.disabled = true;
    check.checked = true;
    check.parentElement.classList.remove("!normal");
    check.parentElement.classList.add("!high");
  } else {
    uses.disabled = false;
    check.checked = false;
    check.parentElement.classList.remove("!high");
    check.parentElement.classList.add("!normal");
  }
};
let invInfUses = document.getElementById("inv-inf-uses");
invInfUses.onclick = () => {
  checkInfUses(invInfUses, 2);
};
const checkEmailEnabled = function(check, mode = 2) {
  const input = document.getElementById("inv-email");
  if (mode == 2) {
    input.disabled = !check.checked;
    check.parentElement.classList.toggle("!normal");
    check.parentElement.classList.toggle("!high");
  } else if (mode == 1) {
    input.disabled = false;
    check.checked = true;
    check.parentElement.classList.remove("!normal");
    check.parentElement.classList.add("!high");
  } else {
    input.disabled = true;
    check.checked = false;
    check.parentElement.classList.remove("!high");
    check.parentElement.classList.add("!normal");
  }
};
let invEmailEnabled = document.getElementById("inv-email-enabled");
invEmailEnabled.onchange = () => {
  checkEmailEnabled(invEmailEnabled, 2);
};
checkInfUses(invInfUses, 0);
checkEmailEnabled(invEmailEnabled, 0);
const loadAccounts = function() {
  const rows = Array.from(document.getElementById("accounts-list").children);
  for (let i = 0; i < rows.length; i++) {
    const row = rows[i];
    const editButton = row.querySelector(".icon");
    const emailInput = row.querySelector(".input");
    editButton.onclick = function() {
      emailInput.classList.toggle("stealth-input-hidden");
      emailInput.readOnly = !emailInput.readOnly;
      editButton.classList.toggle("icon-edit");
      editButton.classList.toggle("icon-check");
    };
  }
};
loadAccounts();
const tabs = ["invitesTab", "accountsTab", "settingsTab"];
for (let tab of tabs) {
  document.getElementById(`${tab}-button`).onclick = function() {
    for (let t of tabs) {
      const tabEl = document.getElementById(t);
      const tabButtonEl = document.getElementById(`${t}-button`);
      if (t == tab) {
        tabButtonEl.classList.add("active", "~positive");
        tabEl.classList.remove("unfocused");
      } else {
        tabButtonEl.classList.remove("active");
        tabButtonEl.classList.remove("~positive");
        tabEl.classList.add("unfocused");
      }
    }
  };
}
const modalLogin = new Modal(document.getElementById("modal-login"), true);
document.getElementById("form-login").addEventListener("submit", modalLogin.close);
document.getElementById("modalButton").onclick = modalLogin.toggle;
const modalAddUser = new Modal(document.getElementById("modal-add-user"));
document.getElementById("accounts-add-user").onclick = modalAddUser.toggle;
document.getElementById("form-add-user").addEventListener("submit", modalAddUser.close);
const modalAbout = new Modal(document.getElementById("modal-about"));
document.getElementById("setting-about").onclick = modalAbout.toggle;
//# sourceMappingURL=main.js.map