maz-ui 4.0.0-alpha.4 → 4.0.0-beta.0

package/dist/chunks/lazy-img.directive.D5zCo3Zi.js

@@ -0,0 +1,174 @@
+const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", DEFAULT_OPTIONS = {
+  baseClass: "m-lazy-img",
+  loadedClass: "m-lazy-loaded",
+  loadingClass: "m-lazy-loading",
+  errorClass: "m-lazy-error",
+  fallbackClass: "m-lazy-fallback",
+  observerOnce: !0,
+  loadOnce: !1,
+  observerOptions: {
+    threshold: 0.1
+  }
+};
+class LazyImg {
+  observers = [];
+  defaultOptions = DEFAULT_OPTIONS;
+  options;
+  onImgLoadedCallback;
+  onImgErrorCallback;
+  hasImgLoaded = !1;
+  constructor(opts = {}) {
+    this.options = this.buildOptions(opts), this.onImgLoadedCallback = this.imageIsLoaded.bind(this), this.onImgErrorCallback = this.imageHasError.bind(this);
+  }
+  async loadErrorPhoto() {
+    const { default: photo } = await import("./no-image.B9FLV0YF.js");
+    return photo;
+  }
+  buildOptions(opts) {
+    return {
+      ...this.defaultOptions,
+      ...opts,
+      observerOptions: {
+        ...this.defaultOptions.observerOptions,
+        ...opts.observerOptions
+      }
+    };
+  }
+  removeClass(el, className) {
+    el.classList.remove(className);
+  }
+  addClass(el, className) {
+    el.classList.add(className);
+  }
+  removeAllStateClasses(el) {
+    this.removeClass(el, this.options.loadedClass), this.removeClass(el, this.options.loadingClass), this.removeClass(el, this.options.errorClass), this.removeClass(el, this.options.fallbackClass);
+  }
+  setBaseClass(el) {
+    this.addClass(el, this.options.baseClass);
+  }
+  imageIsLoading(el) {
+    this.addClass(el, this.options.loadingClass), this.options.onLoading?.(el);
+  }
+  imageIsLoaded(el) {
+    this.hasImgLoaded = !0, this.removeClass(el, this.options.loadingClass), this.addClass(el, this.options.loadedClass), this.options.onLoaded?.(el);
+  }
+  imageHasError(el) {
+    this.removeClass(el, this.options.loadingClass), this.addClass(el, this.options.errorClass), this.options.onError?.(el), this.setDefaultPhoto(el);
+  }
+  getSrc(binding) {
+    return typeof binding.value == "object" ? binding.value.src : binding.value;
+  }
+  getImageUrl(el, binding) {
+    const dataSrc = this.getImgElement(el).getAttribute("data-lazy-src");
+    return dataSrc || this.getSrc(binding);
+  }
+  async setPictureSourceUrls(el) {
+    const sourceElements = el.querySelectorAll("source");
+    if (sourceElements.length > 0)
+      for await (const source of sourceElements) {
+        const srcSet = source.getAttribute("data-lazy-srcset");
+        if (srcSet)
+          source.srcset = srcSet;
+        else
+          return this.imageHasError(el);
+      }
+    else
+      this.imageHasError(el);
+  }
+  hasBgImgMode(binding) {
+    return binding.arg === "bg-image";
+  }
+  isPictureElement(el) {
+    return el instanceof HTMLPictureElement;
+  }
+  getImgElement(el) {
+    return this.isPictureElement(el) ? el.querySelector("img") : el;
+  }
+  async setDefaultPhoto(el) {
+    if (this.options.fallbackSrc === !1)
+      return;
+    const fallbackSrc = this.options.fallbackSrc;
+    typeof fallbackSrc == "string" && this.addClass(el, this.options.fallbackClass);
+    const errorPhoto = fallbackSrc ?? await this.loadErrorPhoto(), sourceElements = el.querySelectorAll("source");
+    if (sourceElements.length > 0)
+      for await (const source of sourceElements)
+        source.srcset = errorPhoto;
+    else
+      this.setImgSrc(el, errorPhoto);
+  }
+  addEventListenerToImg(el) {
+    const imgElement = this.getImgElement(el);
+    imgElement.addEventListener("load", () => this.onImgLoadedCallback(el), {
+      once: !0
+    }), imgElement.addEventListener("error", (err) => this.onImgErrorCallback(el, err), { once: !0 });
+  }
+  async loadImage(el, binding) {
+    if (this.imageIsLoading(el), this.isPictureElement(el))
+      this.addEventListenerToImg(el), await this.setPictureSourceUrls(el);
+    else {
+      const imageUrl = this.getImageUrl(el, binding);
+      if (!imageUrl)
+        return this.imageHasError(el);
+      this.hasBgImgMode(binding) ? (el.style.backgroundImage = `url('${imageUrl}')`, this.imageIsLoaded(el)) : (this.addEventListenerToImg(el), this.setImgSrc(el, imageUrl));
+    }
+  }
+  setImgSrc(el, src) {
+    const imgElement = this.getImgElement(el);
+    imgElement.src = src;
+  }
+  handleIntersectionObserver(el, binding, entries, observer) {
+    this.observers.push(observer);
+    for (const entry of entries)
+      if (entry.isIntersecting) {
+        if (this.options.onIntersecting?.(entry.target), this.options.observerOnce && observer.unobserve(el), this.options.loadOnce && this.hasImgLoaded)
+          return;
+        this.loadImage(el, binding);
+      }
+  }
+  createObserver(el, binding) {
+    const observerCallback = (entries, intersectionObserver) => {
+      this.handleIntersectionObserver(el, binding, entries, intersectionObserver);
+    }, observerOptions = this.options.observerOptions;
+    new IntersectionObserver(observerCallback, observerOptions).observe(el);
+  }
+  async imageHandler(el, binding, type) {
+    if (type === "update")
+      for await (const observer of this.observers) observer.unobserve(el);
+    window.IntersectionObserver ? this.createObserver(el, binding) : this.loadImage(el, binding);
+  }
+  async bindUpdateHandler(el, binding, type) {
+    await this.imageHandler(el, binding, type);
+  }
+  async add(el, binding) {
+    if (this.hasBgImgMode(binding) && this.isPictureElement(el))
+      throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
+    setTimeout(() => this.setBaseClass(el), 0), el.getAttribute("src") || this.setImgSrc(el, EMPTY_PHOTO), await this.bindUpdateHandler(el, binding, "bind");
+  }
+  async update(el, binding) {
+    binding.value !== binding.oldValue && (this.hasImgLoaded = !1, this.removeAllStateClasses(el), await this.bindUpdateHandler(el, binding, "update"));
+  }
+  remove(el, binding) {
+    this.hasImgLoaded = !1, this.hasBgImgMode(binding) && (el.style.backgroundImage = ""), this.removeAllStateClasses(el);
+    for (const observer of this.observers)
+      observer.unobserve(el);
+    this.observers = [];
+  }
+}
+let instance;
+const directive = {
+  created(el, binding) {
+    const options = typeof binding.value == "object" ? binding.value : {};
+    instance = new LazyImg(options), instance.add(el, binding);
+  },
+  updated(el, binding) {
+    instance.update(el, binding);
+  },
+  unmounted(el, binding) {
+    instance.remove(el, binding);
+  }
+};
+export {
+  DEFAULT_OPTIONS as D,
+  LazyImg as L,
+  directive as d
+};

package/dist/chunks/mazUi.D6UdqpTO.js

@@ -0,0 +1,62 @@
+const mazUi = {
+  name: "maz-ui",
+  foundation: {
+    "base-font-size": "14px",
+    "font-family": "Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
+    radius: "0.7rem",
+    "border-width": "0.0625rem"
+  },
+  colors: {
+    light: {
+      background: "0 0% 100%",
+      foreground: "210 8% 14%",
+      primary: "210 100% 56%",
+      "primary-foreground": "0 0% 100%",
+      secondary: "272 99% 54%",
+      "secondary-foreground": "0 0% 100%",
+      accent: "164 76% 46%",
+      "accent-foreground": "0 0% 100%",
+      success: "80 61% 50%",
+      "success-foreground": "210 8% 14%",
+      warning: "40 97% 59%",
+      "warning-foreground": "210 8% 14%",
+      destructive: "1 100% 71%",
+      "destructive-foreground": "0 0% 100%",
+      info: "188 78% 41%",
+      "info-foreground": "0 0% 100%",
+      contrast: "235 16% 15%",
+      "contrast-foreground": "255 0% 95%",
+      border: "220 13.04% 90.98%",
+      overlay: "0 0% 40%",
+      muted: "0 0% 54%",
+      shadow: "240 5.9% 10%"
+    },
+    dark: {
+      background: "235 16% 15%",
+      foreground: "0 0% 85%",
+      primary: "210 100% 56%",
+      "primary-foreground": "0 0% 100%",
+      secondary: "272 99% 54%",
+      "secondary-foreground": "0 0% 100%",
+      accent: "164 76% 46%",
+      "accent-foreground": "0 0% 100%",
+      success: "80 61% 50%",
+      "success-foreground": "210 8% 14%",
+      warning: "40 97% 59%",
+      "warning-foreground": "210 8% 14%",
+      destructive: "1 100% 71%",
+      "destructive-foreground": "0 0% 100%",
+      info: "188 78% 41%",
+      "info-foreground": "0 0% 100%",
+      contrast: "0 0% 100%",
+      "contrast-foreground": "210 8% 14%",
+      muted: "255 0% 54%",
+      border: "238 17% 25%",
+      overlay: "0 0% 15%",
+      shadow: "240 3.7% 15.9%"
+    }
+  }
+};
+export {
+  mazUi
+};

package/dist/chunks/no-image.B9FLV0YF.js

@@ -0,0 +1,4 @@
+const noImage = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%20width='1em'%20height='1em'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='M30,3.4141,28.5859,2,2,28.5859,3.4141,30l2-2H26a2.0027,2.0027,0,0,0,2-2V5.4141ZM26,26H7.4141l7.7929-7.793,2.3788,2.3787a2,2,0,0,0,2.8284,0L22,19l4,3.9973Zm0-5.8318-2.5858-2.5859a2,2,0,0,0-2.8284,0L19,19.1682l-2.377-2.3771L26,7.4141Z'%20/%3e%3cpath%20d='M6,22V19l5-4.9966,1.3733,1.3733,1.4159-1.416-1.375-1.375a2,2,0,0,0-2.8284,0L6,16.1716V6H22V4H6A2.002,2.002,0,0,0,4,6V22Z'%20/%3e%3c/svg%3e";
+export {
+  noImage as default
+};

package/dist/chunks/normalizeString.CFe2M8S_.js

@@ -0,0 +1,69 @@
+const defaultOptions = {
+  removeAccents: !0,
+  caseSensitive: !1,
+  replaceSpaces: !0,
+  removeSpecialCharacters: !1,
+  trim: !0,
+  normalizeSpaces: !0,
+  removeNumbers: !1,
+  customNormalizationForms: ["NFC", "NFKD"]
+};
+function normalizeString(input, options) {
+  const finalOptions = { ...defaultOptions, ...options }, accentsMap = {
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    Î: "I",
+    Ï: "I",
+    í: "I",
+    î: "i",
+    ï: "i",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    Ç: "C",
+    ç: "c",
+    ÿ: "y",
+    Ñ: "N",
+    ñ: "n",
+    ó: "o"
+  };
+  let result = input.toString();
+  if (finalOptions.trim && (result = result.trim()), finalOptions.normalizeSpaces && (result = result.replaceAll(/\s+/g, " ")), finalOptions.replaceSpaces && (result = result.replaceAll(" ", "-")), finalOptions.removeNumbers && (result = result.replaceAll(/\d/g, "")), finalOptions.removeAccents && (result = result.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (char) => accentsMap[char] || char), result = result.replaceAll(/[\u0300-\u036F]/g, "")), finalOptions.caseSensitive === !1 && (result = result.toLowerCase()), finalOptions.removeSpecialCharacters && (result = result.replaceAll(/[^\dA-Z-]/gi, "")), finalOptions.trim && (result = result.trim()), finalOptions.customNormalizationForms)
+    for (const form of finalOptions.customNormalizationForms)
+      result = result.normalize(form);
+  return result;
+}
+export {
+  normalizeString as n
+};

package/dist/chunks/obsidian.Cy0R8RHy.js

@@ -0,0 +1,65 @@
+const obsidian = {
+  name: "obsidian",
+  foundation: {
+    "base-font-size": "14px",
+    radius: "0.6rem",
+    "border-width": "1px",
+    "font-family": "'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
+  },
+  colors: {
+    light: {
+      // On reste très sobre même en light mode, légèrement warm
+      background: "0 0% 98%",
+      foreground: "220 13% 15%",
+      primary: "220 100% 60%",
+      "primary-foreground": "0 0% 100%",
+      contrast: "220 13% 15%",
+      "contrast-foreground": "0 0% 100%",
+      secondary: "220 13% 90%",
+      "secondary-foreground": "220 13% 15%",
+      muted: "220 8% 50%",
+      accent: "280 100% 65%",
+      // une touche violet Linear-esque
+      "accent-foreground": "0 0% 100%",
+      destructive: "0 75% 55%",
+      "destructive-foreground": "0 0% 100%",
+      success: "160 60% 40%",
+      "success-foreground": "0 0% 100%",
+      warning: "40 100% 50%",
+      "warning-foreground": "0 0% 100%",
+      info: "200 100% 55%",
+      "info-foreground": "0 0% 100%",
+      border: "220 13% 90%",
+      overlay: "220 13% 15%",
+      shadow: "220 10% 20%"
+    },
+    dark: {
+      background: "220 13% 10%",
+      foreground: "0 0% 95%",
+      primary: "220 100% 70%",
+      "primary-foreground": "0 0% 10%",
+      contrast: "0 0% 100%",
+      "contrast-foreground": "220 13% 10%",
+      secondary: "220 13% 18%",
+      "secondary-foreground": "0 0% 95%",
+      muted: "220 8% 60%",
+      accent: "280 100% 65%",
+      // violet saturé (Linear)
+      "accent-foreground": "0 0% 100%",
+      destructive: "0 70% 60%",
+      "destructive-foreground": "0 0% 100%",
+      success: "160 60% 50%",
+      "success-foreground": "0 0% 100%",
+      warning: "40 100% 55%",
+      "warning-foreground": "0 0% 100%",
+      info: "200 100% 60%",
+      "info-foreground": "0 0% 100%",
+      border: "220 13% 20%",
+      overlay: "220 13% 10%",
+      shadow: "220 10% 5%"
+    }
+  }
+};
+export {
+  obsidian
+};

package/dist/chunks/ocean.pHrY5H_S.js

@@ -0,0 +1,63 @@
+const ocean = {
+  name: "ocean",
+  foundation: {
+    "base-font-size": "16px",
+    radius: "1rem",
+    "border-width": "0.125rem",
+    "font-family": "'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
+  },
+  colors: {
+    light: {
+      background: "200 40% 98%",
+      foreground: "210 20% 12%",
+      primary: "195 60% 45%",
+      "primary-foreground": "0 0% 100%",
+      contrast: "210 20% 12%",
+      "contrast-foreground": "200 40% 98%",
+      secondary: "180 35% 92%",
+      "secondary-foreground": "210 20% 12%",
+      muted: "200 15% 55%",
+      accent: "25 60% 70%",
+      // plus doux, légèrement pêche pastel
+      "accent-foreground": "210 20% 12%",
+      destructive: "5 65% 50%",
+      "destructive-foreground": "0 0% 100%",
+      success: "160 50% 38%",
+      "success-foreground": "0 0% 100%",
+      warning: "35 60% 55%",
+      "warning-foreground": "210 20% 12%",
+      info: "190 60% 50%",
+      "info-foreground": "0 0% 100%",
+      border: "180 25% 85%",
+      overlay: "210 20% 12%",
+      shadow: "195 20% 25%"
+    },
+    dark: {
+      background: "210 20% 10%",
+      foreground: "180 20% 92%",
+      primary: "180 60% 50%",
+      "primary-foreground": "210 20% 10%",
+      contrast: "180 20% 92%",
+      "contrast-foreground": "210 20% 10%",
+      secondary: "200 30% 18%",
+      "secondary-foreground": "180 20% 92%",
+      muted: "200 10% 60%",
+      accent: "25 50% 65%",
+      "accent-foreground": "210 20% 10%",
+      destructive: "5 60% 55%",
+      "destructive-foreground": "0 0% 100%",
+      success: "160 45% 40%",
+      "success-foreground": "0 0% 100%",
+      warning: "35 55% 55%",
+      "warning-foreground": "210 20% 10%",
+      info: "190 50% 55%",
+      "info-foreground": "0 0% 100%",
+      border: "200 20% 25%",
+      overlay: "210 20% 10%",
+      shadow: "195 10% 5%"
+    }
+  }
+};
+export {
+  ocean
+};

package/dist/chunks/pascalCase.D_nuQ66I.js

@@ -0,0 +1,11 @@
+import { c as capitalize } from "./capitalize.BF6CDS_4.js";
+function camelCase(str) {
+  return str.replaceAll(/-(\w)/g, (_, c) => c ? c.toUpperCase() : "");
+}
+function pascalCase(str) {
+  return capitalize(camelCase(str));
+}
+export {
+  camelCase as c,
+  pascalCase as p
+};

package/dist/chunks/pristine.ylgbwjxO.js

@@ -0,0 +1,62 @@
+const pristine = {
+  name: "pristine",
+  foundation: {
+    "base-font-size": "14px",
+    radius: "0.6rem",
+    "border-width": "0.5px",
+    "font-family": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
+  },
+  colors: {
+    light: {
+      background: "0 0% 99%",
+      foreground: "0 0% 10%",
+      primary: "220 10% 15%",
+      "primary-foreground": "0 0% 100%",
+      contrast: "220 10% 92%",
+      "contrast-foreground": "0 0% 10%",
+      secondary: "220 10% 92%",
+      "secondary-foreground": "0 0% 10%",
+      muted: "0 0% 60%",
+      accent: "210 15% 85%",
+      "accent-foreground": "0 0% 10%",
+      destructive: "0 70% 50%",
+      "destructive-foreground": "0 0% 100%",
+      success: "140 40% 45%",
+      "success-foreground": "0 0% 100%",
+      warning: "35 80% 55%",
+      "warning-foreground": "0 0% 10%",
+      info: "200 80% 50%",
+      "info-foreground": "0 0% 100%",
+      border: "220 10% 92%",
+      overlay: "0 0% 10%",
+      shadow: "0 0% 0%"
+    },
+    dark: {
+      background: "0 0% 10%",
+      foreground: "0 0% 95%",
+      primary: "0 0% 95%",
+      "primary-foreground": "0 0% 10%",
+      contrast: "0 0% 15%",
+      "contrast-foreground": "0 0% 95%",
+      secondary: "0 0% 18%",
+      "secondary-foreground": "0 0% 95%",
+      muted: "0 0% 60%",
+      accent: "210 15% 25%",
+      "accent-foreground": "0 0% 95%",
+      destructive: "0 70% 55%",
+      "destructive-foreground": "0 0% 100%",
+      success: "140 40% 45%",
+      "success-foreground": "0 0% 100%",
+      warning: "35 80% 55%",
+      "warning-foreground": "0 0% 10%",
+      info: "200 80% 55%",
+      "info-foreground": "0 0% 100%",
+      border: "0 0% 18%",
+      overlay: "0 0% 10%",
+      shadow: "0 0% 0%"
+    }
+  }
+};
+export {
+  pristine
+};

package/dist/chunks/pt.CfaFSxVt.js

@@ -0,0 +1,82 @@
+const pt = {
+  selectCountry: {
+    searchPlaceholder: "Pesquisar país"
+  },
+  inputPhoneNumber: {
+    countrySelect: {
+      placeholder: "Código do país",
+      error: "Escolher país",
+      searchPlaceholder: "Pesquisar país"
+    },
+    phoneInput: {
+      placeholder: "Número de telefone",
+      example: "Exemplo: {example}"
+    }
+  },
+  dropzone: {
+    dragAndDrop: "Solte seus arquivos",
+    selectFile: "Selecionar arquivo",
+    divider: "ou",
+    fileMaxCount: "Máximo {count} arquivos",
+    fileMaxSize: "Máximo {size} MB",
+    fileTypes: "Tipos de arquivo permitidos: {types}"
+  },
+  datePicker: {
+    shortcuts: {
+      lastSevenDays: "Últimos 7 dias",
+      lastThirtyDays: "Últimos 30 dias",
+      thisWeek: "Esta semana",
+      lastWeek: "Semana passada",
+      thisMonth: "Este mês",
+      thisYear: "Este ano",
+      lastYear: "Ano passado"
+    }
+  },
+  dropdown: {
+    screenReaderDescription: "Abrir menu suspenso"
+  },
+  select: {
+    searchPlaceholder: "Pesquisar"
+  },
+  table: {
+    noResults: "Sem resultados",
+    actionColumnTitle: "Ações",
+    searchByInput: {
+      all: "Todos",
+      placeholder: "Pesquisar por"
+    },
+    searchInput: {
+      placeholder: "Pesquisar"
+    },
+    pagination: {
+      all: "Todos",
+      rowsPerPage: "Linhas por página",
+      of: "de"
+    }
+  },
+  pagination: {
+    navAriaLabel: "navegação de páginas",
+    screenReader: {
+      firstPage: "Primeira página, página {page}",
+      previousPage: "Página anterior, página {page}",
+      page: "Página {page}",
+      nextPage: "Próxima página, página {page}",
+      lastPage: "Última página, página {page}"
+    }
+  },
+  carousel: {
+    ariaLabel: {
+      previousButton: "Rolar para itens anteriores",
+      nextButton: "Rolar para próximos itens"
+    }
+  },
+  checklist: {
+    noResultsFound: "Nenhum resultado encontrado",
+    searchInput: {
+      placeholder: "Pesquisar"
+    }
+  }
+};
+export {
+  pt as default
+};

package/dist/chunks/sleep.BLRH1qZG.js

@@ -0,0 +1,6 @@
+function sleep(duration) {
+  return new Promise((resolve) => setTimeout(resolve, duration));
+}
+export {
+  sleep as s
+};

package/dist/chunks/swipeHandler.8emelhOL.js

@@ -0,0 +1,80 @@
+const defaultOptions = {
+  preventDefaultOnTouchMove: !1,
+  preventDefaultOnMouseWheel: !1,
+  threshold: 50,
+  immediate: !1,
+  triggerOnEnd: !1
+};
+class Swipe {
+  constructor(inputOption) {
+    this.inputOption = inputOption, this.options = { ...defaultOptions, ...inputOption }, this.onToucheStartCallback = this.toucheStartHandler.bind(this), this.onToucheMoveCallback = this.handleTouchMove.bind(this), this.onToucheEndCallback = this.handleTouchEnd.bind(this), this.onMouseWheelCallback = this.handleMouseWheel.bind(this), this.start = this.startListening.bind(this), this.stop = this.stopListening.bind(this), this.options.element && this.setElement(this.options.element), this.options.immediate && this.start();
+  }
+  element;
+  xStart;
+  yStart;
+  xEnd;
+  yEnd;
+  xDiff;
+  yDiff;
+  onToucheStartCallback;
+  onToucheMoveCallback;
+  onToucheEndCallback;
+  onMouseWheelCallback;
+  start;
+  stop;
+  options;
+  startListening() {
+    this.setElement(this.options.element), this.element?.addEventListener("touchstart", this.onToucheStartCallback, { passive: !0 }), this.element?.addEventListener("touchmove", this.onToucheMoveCallback, { passive: !0 }), this.options.triggerOnEnd && this.element?.addEventListener("touchend", this.onToucheEndCallback, { passive: !0 }), this.options.preventDefaultOnMouseWheel && this.element?.addEventListener("mousewheel", this.onMouseWheelCallback, { passive: !1 });
+  }
+  stopListening() {
+    this.element?.removeEventListener("touchstart", this.onToucheStartCallback), this.element?.removeEventListener("touchmove", this.onToucheMoveCallback), this.element?.removeEventListener("touchend", this.onToucheEndCallback), this.options.preventDefaultOnMouseWheel && this.element?.removeEventListener("mousewheel", this.onMouseWheelCallback);
+  }
+  setElement(element) {
+    if (!element) {
+      console.error(
+        "[maz-ui][SwipeHandler](setElement) Element should be provided. Its can be a string selector or an HTMLElement"
+      );
+      return;
+    }
+    if (typeof element == "string") {
+      const foundElement = document.querySelector(element);
+      if (!(foundElement instanceof HTMLElement)) {
+        console.error("[maz-ui][SwipeHandler](setElement) String selector for element is not found");
+        return;
+      }
+      this.element = foundElement;
+    } else
+      this.element = element;
+  }
+  handleMouseWheel(event) {
+    event.preventDefault();
+  }
+  toucheStartHandler(event) {
+    this.xStart = event.touches[0].clientX, this.yStart = event.touches[0].clientY, this.emitValuesChanged();
+  }
+  emitValuesChanged() {
+    this.options.onValuesChanged?.({
+      xStart: this.xStart,
+      yStart: this.yStart,
+      xEnd: this.xEnd,
+      yEnd: this.yEnd,
+      xDiff: this.xDiff,
+      yDiff: this.yDiff
+    });
+  }
+  handleTouchMove(event) {
+    this.options.preventDefaultOnTouchMove && event.cancelable && event.preventDefault(), this.xEnd = event.touches[0].clientX, this.yEnd = event.touches[0].clientY, !(!this.xStart || !this.yStart) && (this.xDiff = this.xStart - this.xEnd, this.yDiff = this.yStart - this.yEnd, this.emitValuesChanged(), this.options.triggerOnEnd || this.runCallbacks(event));
+  }
+  handleTouchEnd(event) {
+    this.runCallbacks(event), this.emitValuesChanged();
+  }
+  runCallbacks(event) {
+    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? this.options.onLeft?.(event) : this.options.onRight?.(event) : this.yDiff > 0 ? this.options.onUp?.(event) : this.options.onDown?.(event), this.resetValues());
+  }
+  resetValues() {
+    this.xStart = void 0, this.yStart = void 0, this.xEnd = void 0, this.yEnd = void 0, this.xDiff = void 0, this.yDiff = void 0, this.emitValuesChanged();
+  }
+}
+export {
+  Swipe as S
+};