@appartmint/tsm-mint 0.3.2 → 1.0.0

package/dist/components/widget/panel.es.js

@@ -1,94 +0,0 @@
-import { breakpoints as r } from "../../types/breakpoints.es.js";
-import { sides as h } from "../../types/side.es.js";
-import { delay as l } from "../../types/time.es.js";
-import { AttachesEvents as f } from "../../abstract/attaches-events.es.js";
-import { windowWidth as p } from "../../util/window.es.js";
-import { throttleEvent as a } from "../../util/event.es.js";
-import { controls as d, getFocusables as c } from "../../util/selectors.es.js";
-class L extends f {
-  settings = {
-    title: "panel",
-    from: h[0],
-    fixed: !0
-  };
-  el = {};
-  constructor(t) {
-    if (super(), this.settings = { ...this.settings, ...t }, !this.settings.id || !this.settings.wrapperId)
-      throw new Error("Panel ID and wrapper ID are required");
-    this.attachElements(), this.attachEvents(), this.addClasses(), requestAnimationFrame(() => {
-      this.setPanel();
-    });
-  }
-  attachElements() {
-    this.el.html = document.querySelector("html"), this.el.main = document.querySelector("main"), this.el.panel = document.getElementById(this.settings.id), this.el.wrapper = document.getElementById(this.settings.wrapperId), this.el.toggleButton = this.el.panel?.querySelector(d(this.settings.wrapperId)) ?? null;
-  }
-  attachEvents() {
-    this.attachEvent(window, "resize", a(this.eHandleResize.bind(this), l.default)), this.attachEvent(this.el.main, "click", a(this.eClose.bind(this), l.default, { trailing: !1 })), this.attachEvent(this.el.wrapper, "transitionend", this.eTransitionEnd.bind(this)), c(this.el.panel).forEach((s) => {
-      this.attachEvent(s, "keydown", a(this.eWrapTab.bind(this)));
-    });
-    const e = this.settings.wrapperId;
-    if (typeof e != "string")
-      return;
-    this.el.panel?.querySelectorAll(d(e))?.forEach((s) => {
-      this.attachEvent(s, "click", a(this.eToggle.bind(this), l.slower, { trailing: !1 }));
-    });
-  }
-  addClasses() {
-    this.el.panel?.classList.add("mint-panel"), this.el.wrapper?.classList.add("mint-panel-wrap"), this.el.toggleButton?.classList.add("mint-panel-toggle");
-    const t = this.settings.from;
-    typeof t == "string" && (this.el.panel?.classList.remove("mint-top", "mint-right", "mint-bottom", "mint-left"), this.el.panel?.classList.add(`mint-${t.toLowerCase()}`)), this.settings.tray && this.el.panel?.classList.add("mint-tray");
-  }
-  setPanel(t = !1) {
-    const e = typeof this.settings.title == "string" ? this.settings.title : "panel", i = t ? "true" : "false", s = t ? `close ${e}` : `open ${e}`;
-    this.el.toggleButton?.setAttribute("aria-expanded", i), setTimeout(() => {
-      this.el.toggleButton?.setAttribute("aria-label", s);
-    }, l.faster), t ? (this.closeOtherPanels(), this.settings.fixed !== !0 && window.scroll({
-      top: 0,
-      left: 0,
-      behavior: "smooth"
-    }), setTimeout(() => {
-      if (this.el.html) {
-        const o = p() <= r.sm;
-        let n = "auto";
-        this.settings.tray ? o && (n = "hidden") : n = "hidden", this.el.html.style.overflow = n;
-      }
-    }, this.settings.from === h[3] ? l.default : l.instant), this.el.wrapper && (this.el.wrapper.style.display = "flex"), requestAnimationFrame(() => {
-      this.el.wrapper?.classList.add("mint-open");
-    })) : (this.el.html && (this.el.html.style.overflow = "auto"), requestAnimationFrame(() => {
-      this.el.wrapper?.classList.remove("mint-open");
-    }));
-  }
-  togglePanel() {
-    this.setPanel(this.el.toggleButton?.getAttribute("aria-expanded")?.toLowerCase() === "false");
-  }
-  closeOtherPanels() {
-    const e = `.mint-panel-toggle[aria-expanded="true"]:not([aria-controls="${typeof this.settings.wrapperId == "string" ? this.settings.wrapperId : ""}"])`, i = document.querySelector(e);
-    i && i.click();
-  }
-  eHandleResize() {
-    const t = p() <= r.sm;
-    let e = !0;
-    this.el.panel?.classList.contains("mint-tray") ? e = !1 : this.el.panel?.classList.contains("mint-expand") || (e = !1), !t && e && this.setPanel(!1);
-    const i = this.el.toggleButton?.getAttribute("aria-expanded")?.toLowerCase() === "true";
-    let s = "auto";
-    i && (this.settings.tray ? t && (s = "hidden") : s = "hidden"), this.el.html && (this.el.html.style.overflow = s);
-  }
-  eWrapTab(t) {
-    if (!(t instanceof KeyboardEvent))
-      return;
-    const e = c(this.el.panel), i = e[e.length - 1], s = e.length > 1 && document.activeElement === i;
-    t.key.toLowerCase() === "tab" && !t.shiftKey && s && (this.el.toggleButton?.focus(), document.activeElement === this.el.toggleButton && t.preventDefault());
-  }
-  eToggle() {
-    this.togglePanel();
-  }
-  eClose() {
-    this.setPanel(!1);
-  }
-  eTransitionEnd() {
-    this.el.wrapper?.classList.contains("mint-open") === !1 && (this.el.wrapper.style.display = "none");
-  }
-}
-export {
-  L as Panel
-};

package/dist/types/breakpoints.es.js

@@ -1,10 +0,0 @@
-const s = {
-  xs: 480,
-  sm: 768,
-  md: 1024,
-  lg: 1200,
-  xl: 1440
-};
-export {
-  s as breakpoints
-};

package/dist/types/components/form/input.es.js

@@ -1 +0,0 @@
-

package/dist/types/side.es.js

@@ -1,9 +0,0 @@
-const t = [
-  "top",
-  "right",
-  "bottom",
-  "left"
-];
-export {
-  t as sides
-};

package/dist/types/time.es.js

@@ -1,13 +0,0 @@
-const e = 0, a = 100, l = {
-  instant: 0,
-  fastest: 100,
-  faster: 200,
-  default: 300,
-  slower: 400,
-  slowest: 500
-};
-export {
-  l as delay,
-  e as delayBase,
-  a as delayStep
-};

package/dist/types/util.es.js

@@ -1 +0,0 @@
-

package/dist/util/async.es.js

@@ -1,11 +0,0 @@
-function i(t) {
-  return new Promise((e) => setTimeout(e, t));
-}
-async function r(t, e) {
-  const [n] = await Promise.all([e, i(t)]);
-  return n;
-}
-export {
-  i as wait,
-  r as waitAtLeast
-};

package/dist/util/color.es.js

@@ -1,22 +0,0 @@
-function o(t) {
-  const e = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/.exec(t);
-  if (e) {
-    let s = e[1];
-    s.length === 3 && (s = s[0] + s[0] + s[1] + s[1] + s[2] + s[2]);
-    const r = parseInt(s.substring(0, 2), 16), a = parseInt(s.substring(2, 4), 16), c = parseInt(s.substring(4, 6), 16);
-    return i({ r, g: a, b: c });
-  }
-  const n = /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)?(?:,\s*(\d(?:\.\d*)?)\s*\))?/.exec(t);
-  if (n) {
-    const s = parseInt(n[1]), r = parseInt(n[2]), a = parseInt(n[3]), c = n[4] ? parseFloat(n[4]) : void 0;
-    return i({ r: s, g: r, b: a, a: c });
-  }
-  throw new Error(`Invalid color: ${t}`);
-}
-function i({ r: t, g: e, b: n, a: s }) {
-  return s === 0 ? 262 : !isNaN(t) && !isNaN(e) && !isNaN(n) ? Math.round((t * 299 + e * 587 + n * 144) / 1e3) : -1;
-}
-export {
-  o as getLuminance,
-  i as getLuminanceRGBA
-};

package/dist/util/date.es.js

@@ -1,7 +0,0 @@
-function i(t) {
-  const e = new Date(t);
-  return e.setTime(e.getTime() - e.getTimezoneOffset() * 60 * 1e3), e.toISOString().slice(0, -1);
-}
-export {
-  i as toDatetimeLocal
-};

package/dist/util/display.es.js

@@ -1,35 +0,0 @@
-import { sides as r } from "../types/side.es.js";
-import { delay as l } from "../types/time.es.js";
-function m(t, {
-  duration: s = l.default,
-  from: i = r[0]
-} = {}) {
-  if (!t)
-    return;
-  const e = i === "top" || i === "bottom";
-  t.style.display = "", requestAnimationFrame(() => {
-    const { scrollHeight: o, scrollWidth: n } = t;
-    e ? t.style.height = `${o.toString()}px` : t.style.width = `${n.toString()}px`, setTimeout(() => {
-      e ? t.style.height = "auto" : t.style.width = "auto";
-    }, s);
-  });
-}
-function d(t, {
-  duration: s = l.default,
-  from: i = r[0]
-} = {}) {
-  if (!t)
-    return;
-  const e = i === "top" || i === "bottom", { scrollHeight: o, scrollWidth: n, style: { transition: a } } = t;
-  t.style.transition = "", requestAnimationFrame(() => {
-    e ? t.style.height = `${o.toString()}px` : t.style.width = `${n.toString()}px`, t.style.transition = a, requestAnimationFrame(() => {
-      e ? t.style.height = "0" : t.style.width = "0";
-    });
-  }), setTimeout(() => {
-    t.style.display = "none";
-  }, s);
-}
-export {
-  d as hideElement,
-  m as showElement
-};

package/dist/util/event.es.js

@@ -1,33 +0,0 @@
-import { delay as f } from "../types/time.es.js";
-function m(l, t = f.default) {
-  let e;
-  return function(...u) {
-    e && clearTimeout(e), e = window.setTimeout(() => {
-      l(...u);
-    }, t);
-  };
-}
-function w(l, t = f.default) {
-  return m(l, t);
-}
-function s(l, t = f.default, e) {
-  let u, n = 0, r = 0, i = null;
-  const c = () => {
-    r = e?.leading === !1 ? 0 : (/* @__PURE__ */ new Date()).getTime(), n = 0, i && (u = i()), n || (i = null);
-  };
-  return function(...d) {
-    const o = (/* @__PURE__ */ new Date()).getTime();
-    !r && e?.leading === !1 && (r = o);
-    const a = t - o + r;
-    return i = () => l.apply(this, d), a <= 0 || a > t ? (n && (clearTimeout(n), n = 0), r = o, u = i(), n || (i = null)) : !n && e?.trailing !== !1 && (n = window.setTimeout(c, a)), u;
-  };
-}
-function T(l, t = f.default, e) {
-  return s(l, t, e);
-}
-export {
-  m as debounce,
-  w as debounceEvent,
-  s as throttle,
-  T as throttleEvent
-};

package/dist/util/math.es.js

@@ -1,10 +0,0 @@
-function a(o, t, r) {
-  return Math.max(t, Math.min(o ?? t, r));
-}
-function h(o, t = 0) {
-  return t = Math.ceil(t), o = Math.floor(o), Math.floor(Math.random() * (o - t) + t);
-}
-export {
-  a as clamp,
-  h as randomInt
-};

package/dist/util/object.es.js

@@ -1,116 +0,0 @@
-function l(t, n) {
-  const e = Object.keys(t);
-  if (e.length !== Object.keys(n).length)
-    return !1;
-  let r = !0;
-  return e.forEach((c) => {
-    t[c] !== n[c] && (r = !1);
-  }), r;
-}
-function o(t, n) {
-  let e = !0;
-  if (t === n)
-    return e;
-  try {
-    if (typeof n == "object" && n !== null && Object.keys(n).length === 0)
-      return !e;
-  } catch {
-    return !e;
-  }
-  return Object.keys(n).forEach((r) => {
-    e = e && o(
-      t[r],
-      n[r]
-    );
-  }), e;
-}
-function a(t, n) {
-  return Object.keys(t).reduce((e, r) => (n.includes(r) || (e[r] = t[r]), e), {});
-}
-function h(t, n) {
-  return Object.keys(t).reduce((e, r) => (n.includes(t[r]) || (e[r] = t[r]), e), {});
-}
-function O(t, n) {
-  return Object.keys(t).sort(n).reduce((e, r) => (e[r] = t[r], e), {});
-}
-function d(t, n) {
-  return Object.keys(t).sort((e, r) => n(t[e], t[r])).reduce((e, r) => (e[r] = t[r], e), {});
-}
-function p(t, n) {
-  return n.reduce((e, r) => (e[r] = t[r], e), {});
-}
-function y(t, n) {
-  return Object.keys(t).reduce((e, r) => (n.includes(t[r]) && (e[r] = t[r]), e), {});
-}
-function m(t, n, e = "id") {
-  if (!n?.length)
-    n?.forEach((c) => t.push(c));
-  else {
-    const c = n.reduce((u, s) => ({
-      ...u,
-      [s[e] ?? ""]: s
-    }), {});
-    t.filter((u) => !c[u[e] ?? ""]).forEach((u) => {
-      const s = t.indexOf(u);
-      typeof s == "number" && s !== -1 && t.splice(s, 1);
-    }), t.forEach((u) => {
-      c[u[e] ?? ""] && Object.assign(u, c[u[e] ?? ""]);
-    });
-  }
-  n?.filter((c) => !t.some((f) => f[e] === c[e]))?.forEach((c) => t.push(c));
-}
-function E(t, n) {
-  return Object.keys(t).find((e) => t[e] === n);
-}
-function j(t) {
-  if (typeof t != "object")
-    return t;
-  const n = /* @__PURE__ */ new WeakMap(), e = [[t, {}]];
-  for (; e.length; ) {
-    const r = e.pop();
-    if (!r)
-      continue;
-    const [c, f, u] = r;
-    if (u !== void 0) {
-      const s = c[u];
-      if (typeof s == "function") {
-        f[u] = s.bind(f);
-        continue;
-      }
-      if (typeof s != "object" || s === null) {
-        f[u] = s;
-        continue;
-      }
-      if (n.has(s)) {
-        f[u] = n.get(s);
-        continue;
-      }
-      const i = Array.isArray(s) ? [] : {};
-      f[u] = i, n.set(s, i), e.push([s, i]);
-    } else {
-      if (n.set(c, f), Array.isArray(c)) {
-        c.forEach((s, i) => {
-          e.push([c, f, i]);
-        });
-        continue;
-      }
-      Object.keys(c).forEach((s) => {
-        e.push([c, f, s]);
-      });
-    }
-  }
-  return n.get(t);
-}
-export {
-  j as objectDeepClone,
-  p as objectFilterKeys,
-  y as objectFilterValues,
-  E as objectGetKeyByValue,
-  o as objectIsSuperset,
-  h as objectRemoveValues,
-  l as objectSameKeys,
-  O as objectSortKeys,
-  d as objectSortValues,
-  m as objectUpdateArray,
-  a as removeKeys
-};

package/dist/util/scroll.es.js

@@ -1,31 +0,0 @@
-import { throttleEvent as n } from "./event.es.js";
-function l(t) {
-  switch (t) {
-    case "top":
-      t = 0;
-      break;
-    case "bottom":
-      t = document.body.scrollHeight;
-      break;
-  }
-  window.scrollTo(0, t);
-}
-function i() {
-  requestAnimationFrame(() => {
-    const t = document.querySelectorAll(".mint-fall-in:not(.mint-show)"), o = [];
-    for (const e of t)
-      e.getBoundingClientRect().top < 0 ? e.classList.add("mint-show") : e.getBoundingClientRect().top < window.innerHeight * 3 / 4 && o.push(e);
-    for (let e = 0; e < o.length; e++)
-      setTimeout(() => {
-        o[e].classList.add("mint-show");
-      }, e * 100);
-  });
-}
-function c() {
-  window.addEventListener("scroll", n(i, 200));
-}
-export {
-  l as scrollTo,
-  i as showElements,
-  c as showElementsOnScroll
-};

package/dist/util/selectors.es.js

@@ -1,69 +0,0 @@
-const $ = "mint", u = `${$}-`, o = "[disabled]", l = "[aria-controls]", d = "[aria-expanded]", c = "[href]", f = "[routerLink]", p = "[id]", b = `button${l}`, m = `${b} + ul${p}`, r = '[tabindex^="-"]', x = `[tabindex]${e(r)}`, i = `input${e(o)}${e(r)},
-    select${e(o)}${e(r)},
-    textarea${e(o)}${e(r)},
-    button${e(o)}${e(r)},
-    object${e(o)}${e(r)},
-    a${c}, a${f},
-    area${c}, ${x}`.replace(/\s/g, "");
-function a(t) {
-  return t = t.toLowerCase(), t.startsWith(u) ? t : `${u}${t}`;
-}
-function y(t) {
-  return `--${a(t.replace(/^-+/, ""))}`;
-}
-function w(t) {
-  return `var(${y(t)})`;
-}
-function e(t) {
-  return `:not(${t})`;
-}
-function L(t) {
-  return `.${a(t)}`;
-}
-function g(t) {
-  return `#${a(t)}`;
-}
-function A(t) {
-  return t ? `[aria-controls="${a(t)}"]` : l;
-}
-function C(t) {
-  return typeof t == "boolean" ? `[aria-expanded="${t ? "true" : "false"}"]` : d;
-}
-function k(t) {
-  let n;
-  return t ? n = Array.from(t.querySelectorAll(i)) : n = Array.from(document.querySelectorAll(i)), n.filter((s) => h(s));
-}
-function h(t) {
-  let n = t;
-  do {
-    if (window.getComputedStyle(n).getPropertyValue("display").toLowerCase() === "none")
-      return !1;
-    n = n.parentElement;
-  } while (n);
-  return !0;
-}
-export {
-  L as className,
-  A as controls,
-  y as cssPrefix,
-  w as cssVar,
-  o as disabled,
-  C as expanded,
-  i as focusable,
-  k as getFocusables,
-  l as hasControls,
-  d as hasExpanded,
-  p as hasId,
-  c as hasLink,
-  f as hasRouterLink,
-  g as id,
-  h as isFocusable,
-  $ as lib,
-  e as not,
-  r as notTabbable,
-  u as pre,
-  a as prefix,
-  m as subMenu,
-  b as subMenuButtons,
-  x as tabbable
-};

package/dist/util/text.es.js

@@ -1,82 +0,0 @@
-function r(e, t = 100) {
-  return e.length > t ? e.slice(0, t).trim() + "..." : e;
-}
-function c(e) {
-  return e?.trim().toLowerCase().replace(/'/g, "").replace(/[^\w/-]+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "").replace(/^\/+|\/+$/g, "") ?? "";
-}
-function u(e) {
-  return s(e.replace(/[-/]+/g, " "));
-}
-function l(e) {
-  const t = e?.toString().trim() ?? "";
-  if (t === "(" || t === "")
-    return t;
-  let n = t.replace(/\D/g, ""), i = "";
-  n.length > 10 && (i += `+${n.slice(0, n.length - 10)} `, n = n.slice(n.length - 10));
-  let a = 0;
-  for (; a < n.length; a++) {
-    switch (a) {
-      case 0:
-        i += "(";
-        break;
-      case 3:
-        i += ") ";
-        break;
-      case 6:
-        i += "-";
-        break;
-    }
-    i += n[a];
-  }
-  switch (t[t.length - 1]) {
-    case ")":
-      a === 3 && (i += ") ");
-      break;
-    case "-":
-      a === 6 && (i += "-");
-      break;
-  }
-  return i;
-}
-function x(e) {
-  return e.endsWith("ies") || e.endsWith("es") || e.endsWith("s") && !e.endsWith("us") && !e.endsWith("is") && !e.endsWith("ss") ? e : e.endsWith("y") && !["a", "e", "i", "o", "u"].includes(e.charAt(e.length - 2)) ? e.slice(0, -1) + "ies" : e.endsWith("s") || e.endsWith("sh") || e.endsWith("ch") || e.endsWith("x") || e.endsWith("z") ? e + "es" : e + "s";
-}
-function s(e) {
-  return e.toLowerCase().replace(/(?:^|\s)\S/g, (t) => t.toUpperCase());
-}
-async function f(e) {
-  const t = document.createElement("textarea");
-  return e ? (t.value = e, t.style.cssText = `
-		position: fixed;
-		top: 0;
-		left: 0;
-		transform: translate(-100%, -100%);
-		opacity: 0;
-		z-index: -1;
-	`, document.body.appendChild(t), t.select(), t.setSelectionRange(0, 99999), await navigator.clipboard.writeText(t.value), document.body.removeChild(t), !0) : !1;
-}
-function g(e) {
-  return /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/.exec(e) !== null;
-}
-function h(e = 10) {
-  return Math.random().toString(36).substring(2, e + 2);
-}
-function o(e) {
-  return !!e?.match(/\.(jpe?g|png|webp|gif|svg)$/i);
-}
-function p(e) {
-  return !!e?.match(/\.(mp4|webm|ogg)$/i);
-}
-export {
-  f as copyText,
-  l as formatPhone,
-  h as generateId,
-  g as isEmail,
-  o as isImage,
-  p as isVideo,
-  x as plural,
-  c as slug,
-  s as titleCase,
-  r as truncate,
-  u as unslug
-};

package/dist/util/window.es.js

@@ -1,12 +0,0 @@
-function t() {
-  const n = document.body.getBoundingClientRect().width % 1;
-  return window.innerWidth + n;
-}
-function i() {
-  const n = document.body.getBoundingClientRect().height % 1;
-  return window.innerHeight + n;
-}
-export {
-  i as windowHeight,
-  t as windowWidth
-};