maz-ui 4.0.0-alpha.5 → 4.0.0-beta.1

package/dist/nuxt/module.mjs

@@ -1,299 +0,0 @@
-import { resolve, dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { defineNuxtModule, createResolver, addComponent, addPlugin, addImports } from '@nuxt/kit';
-import { readdir } from 'node:fs/promises';
-
-function isPlainObject(value) {
-  if (value === null || typeof value !== "object") {
-    return false;
-  }
-  const prototype = Object.getPrototypeOf(value);
-  if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) {
-    return false;
-  }
-  if (Symbol.iterator in value) {
-    return false;
-  }
-  if (Symbol.toStringTag in value) {
-    return Object.prototype.toString.call(value) === "[object Module]";
-  }
-  return true;
-}
-
-function _defu(baseObject, defaults, namespace = ".", merger) {
-  if (!isPlainObject(defaults)) {
-    return _defu(baseObject, {}, namespace, merger);
-  }
-  const object = Object.assign({}, defaults);
-  for (const key in baseObject) {
-    if (key === "__proto__" || key === "constructor") {
-      continue;
-    }
-    const value = baseObject[key];
-    if (value === null || value === void 0) {
-      continue;
-    }
-    if (merger && merger(object, key, value, namespace)) {
-      continue;
-    }
-    if (Array.isArray(value) && Array.isArray(object[key])) {
-      object[key] = [...value, ...object[key]];
-    } else if (isPlainObject(value) && isPlainObject(object[key])) {
-      object[key] = _defu(
-        value,
-        object[key],
-        (namespace ? `${namespace}.` : "") + key.toString(),
-        merger
-      );
-    } else {
-      object[key] = value;
-    }
-  }
-  return object;
-}
-function createDefu(merger) {
-  return (...arguments_) => (
-    // eslint-disable-next-line unicorn/no-array-reduce
-    arguments_.reduce((p, c) => _defu(p, c, "", merger), {})
-  );
-}
-const defu = createDefu();
-
-const _dirname$1 = fileURLToPath(new URL(".", import.meta.url));
-const INPUT_COMPONENT_DIR = resolve(_dirname$1, "./../src/components");
-async function getComponentList() {
-  try {
-    const fileList = await readdir(INPUT_COMPONENT_DIR, { withFileTypes: true });
-    return fileList.filter(
-      (dirent) => dirent.isFile() && dirent.name.startsWith("Maz") && !dirent.name.endsWith(".d.ts") && !dirent.name.endsWith(".css")
-    ).map(({ name }) => ({
-      name: name.split(".")[0],
-      fullName: `${name}`,
-      path: `${INPUT_COMPONENT_DIR}/${name}`
-    }));
-  } catch (error) {
-    throw new Error(
-      `[getComponentList] \u{1F534} Error occurred while getting component list ${error}`
-    );
-  }
-}
-
-const _dirname = dirname(fileURLToPath(import.meta.url));
-const defaults = {
-  defaultMazIconPath: "",
-  autoImportPrefix: "",
-  devtools: true,
-  injectAos: true,
-  injectComponents: true,
-  injectCss: true,
-  injectUseDialog: true,
-  injectUseIdleTimeout: true,
-  injectUseReadingTime: true,
-  injectUseWindowSize: true,
-  injectUseBreakpoints: true,
-  injectUseUserVisibility: true,
-  injectUseStringMatching: true,
-  injectUseTimer: true,
-  injectUseThemeHandler: true,
-  injectUseToast: true,
-  injectUseWait: true,
-  injectUseSwiper: true,
-  installVClickOutside: true,
-  installVFullscreenImg: true,
-  installVLazyImg: true,
-  installVTooltip: true,
-  installVZoomImg: true,
-  injectUseFormValidator: true,
-  injectUseLanguageDisplayNames: true
-};
-const module = defineNuxtModule({
-  meta: {
-    name: "maz-ui",
-    configKey: "mazUi",
-    compatibility: {
-      nuxt: ">=3.0.0"
-    }
-  },
-  defaults,
-  async setup(options, nuxt) {
-    const { resolve } = createResolver(import.meta.url);
-    nuxt.options.build.transpile = ["maz-ui", ...nuxt.options.build.transpile];
-    const moduleOptions = defu(nuxt.options.runtimeConfig.public.mazUi, options);
-    nuxt.options.runtimeConfig.public.mazUi = moduleOptions;
-    if (moduleOptions.injectCss) {
-      const path = process.env.MAZ_UI_DEV === "true" ? "maz-ui/src/css/index.css" : "maz-ui/dist/css/main.css";
-      nuxt.options.css = [path, ...nuxt.options.css];
-    }
-    if (moduleOptions.injectComponents) {
-      const componentList = await getComponentList();
-      for (const { name } of componentList) {
-        if (process.env.MAZ_UI_DEV === "true") {
-          addComponent({
-            name,
-            filePath: `maz-ui/src/components/${name}.vue`
-          });
-        } else {
-          addComponent({
-            name,
-            filePath: `maz-ui/dist/components/${name}.mjs`
-          });
-        }
-      }
-    }
-    if (moduleOptions.injectAos) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/aos"));
-      addImports({
-        from: resolve(_dirname, "./runtime/composables/useAos"),
-        name: "useAos",
-        as: `use${moduleOptions.autoImportPrefix}Aos`
-      });
-      const injectAosCSS = typeof moduleOptions.injectAos === "object" && typeof moduleOptions.injectAos.injectCss === "boolean" ? moduleOptions.injectAos.injectCss : true;
-      if (typeof moduleOptions.injectAos === "object" && injectAosCSS) {
-        nuxt.options.css = ["maz-ui/dist/css/aos.css", ...nuxt.options.css];
-      }
-    }
-    if (moduleOptions.installVZoomImg) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-zoom-img"));
-    }
-    if (moduleOptions.installVLazyImg) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-lazy-img"));
-    }
-    if (moduleOptions.installVClickOutside) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-click-outside"));
-    }
-    if (moduleOptions.installVFullscreenImg) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-fullscreen-img"));
-    }
-    if (moduleOptions.installVTooltip) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-tooltip"));
-    }
-    if (moduleOptions.injectUseToast) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/toaster"));
-      addImports({
-        from: resolve(_dirname, "./runtime/composables/useToast"),
-        name: "useToast",
-        as: `use${moduleOptions.autoImportPrefix}Toast`
-      });
-    }
-    if (moduleOptions.injectUseDialog) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/dialog"));
-      addImports({
-        from: resolve(_dirname, "./runtime/composables/useDialog"),
-        name: "useDialog",
-        as: `use${moduleOptions.autoImportPrefix}Dialog`
-      });
-    }
-    if (moduleOptions.injectUseWait) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/wait"));
-      addImports({
-        from: resolve(_dirname, "./runtime/composables/useWait"),
-        name: "useWait",
-        as: `use${moduleOptions.autoImportPrefix}Wait`
-      });
-    }
-    if (moduleOptions.injectUseThemeHandler) {
-      addImports({
-        from: resolve(_dirname, "./runtime/composables/useThemeHandler"),
-        name: "useThemeHandler",
-        as: `use${moduleOptions.autoImportPrefix}ThemeHandler`
-      });
-    }
-    if (moduleOptions.injectUseIdleTimeout) {
-      addImports({
-        from: "maz-ui",
-        name: "useIdleTimeout",
-        as: `use${moduleOptions.autoImportPrefix}IdleTimeout`
-      });
-    }
-    if (moduleOptions.injectUseReadingTime) {
-      addImports({
-        from: "maz-ui",
-        name: "useReadingTime",
-        as: `use${moduleOptions.autoImportPrefix}ReadingTime`
-      });
-    }
-    if (moduleOptions.injectUseWindowSize) {
-      addImports({
-        from: "maz-ui",
-        name: "useWindowSize",
-        as: `use${moduleOptions.autoImportPrefix}WindowSize`
-      });
-    }
-    if (moduleOptions.injectUseBreakpoints) {
-      addImports({
-        from: "maz-ui",
-        name: "useBreakpoints",
-        as: "useBreakpoints"
-      });
-    }
-    if (moduleOptions.injectUseUserVisibility) {
-      addImports({
-        from: "maz-ui",
-        name: "useUserVisibility",
-        as: `use${moduleOptions.autoImportPrefix}UserVisibility`
-      });
-    }
-    if (moduleOptions.injectUseUserVisibility) {
-      addImports({
-        from: "maz-ui",
-        name: "useUserVisibility",
-        as: `use${moduleOptions.autoImportPrefix}UserVisibility`
-      });
-    }
-    if (moduleOptions.injectUseStringMatching) {
-      addImports({
-        from: "maz-ui",
-        name: "useStringMatching",
-        as: `use${moduleOptions.autoImportPrefix}StringMatching`
-      });
-    }
-    if (moduleOptions.injectUseTimer) {
-      addImports({
-        from: "maz-ui",
-        name: "useTimer",
-        as: `use${moduleOptions.autoImportPrefix}Timer`
-      });
-    }
-    if (moduleOptions.injectUseFormValidator) {
-      addImports({
-        from: "maz-ui",
-        name: "useFormValidator",
-        as: `use${moduleOptions.autoImportPrefix}FormValidator`
-      });
-      addImports({
-        from: "maz-ui",
-        name: "useFormField",
-        as: `use${moduleOptions.autoImportPrefix}FormField`
-      });
-    }
-    if (moduleOptions.injectUseLanguageDisplayNames) {
-      addImports({
-        from: "maz-ui",
-        name: "useLanguageDisplayNames",
-        as: `use${moduleOptions.autoImportPrefix}LanguageDisplayNames`
-      });
-    }
-    if (moduleOptions.defaultMazIconPath) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/maz-icon-path"));
-    }
-    if (options.devtools) {
-      nuxt.hook("devtools:customTabs", (iframeTabs) => {
-        iframeTabs.push({
-          // unique identifier
-          name: "maz-ui",
-          // title to display in the tab
-          title: "maz-ui",
-          // any icon from Iconify, or a URL to an image
-          icon: "https://maz-ui.com/img/icons/android-chrome-512x512.png",
-          // iframe view
-          view: {
-            type: "iframe",
-            src: "https://maz-ui.com"
-          }
-        });
-      });
-    }
-  }
-});
-
-export { module as default };

package/dist/nuxt/runtime/composables/useAos.d.ts

@@ -1,2 +0,0 @@
-import type { AosHandler } from 'maz-ui';
-export declare function useAos(): AosHandler;

package/dist/nuxt/runtime/composables/useAos.js

@@ -1,5 +0,0 @@
-import { useNuxtApp } from "#imports";
-export function useAos() {
-  const { $aos } = useNuxtApp();
-  return $aos;
-}

package/dist/nuxt/runtime/composables/useDialog.d.ts

@@ -1,2 +0,0 @@
-import type { DialogHandler } from 'maz-ui';
-export declare function useDialog(): DialogHandler;

package/dist/nuxt/runtime/composables/useDialog.js

@@ -1,5 +0,0 @@
-import { useNuxtApp } from "#imports";
-export function useDialog() {
-  const { $dialog } = useNuxtApp();
-  return $dialog;
-}

package/dist/nuxt/runtime/composables/useThemeHandler.d.ts

@@ -1,2 +0,0 @@
-import { useThemeHandler as useThemeHandlerComposable, type ThemeHandlerOptions } from 'maz-ui';
-export declare function useThemeHandler(options?: ThemeHandlerOptions): ReturnType<typeof useThemeHandlerComposable>;

package/dist/nuxt/runtime/composables/useThemeHandler.js

@@ -1,8 +0,0 @@
-import { useThemeHandler as useThemeHandlerComposable } from "maz-ui";
-import { useNuxtApp } from "#imports";
-export function useThemeHandler(options) {
-  const { $config } = useNuxtApp();
-  const themeHandlerOptions = $config.public.mazUi?.injectUseThemeHandler;
-  const mergedOptions = typeof themeHandlerOptions === "object" ? { ...themeHandlerOptions, ...options } : { ...options };
-  return useThemeHandlerComposable(mergedOptions);
-}

package/dist/nuxt/runtime/composables/useToast.d.ts

@@ -1,2 +0,0 @@
-import type { ToasterHandler } from 'maz-ui';
-export declare function useToast(): ToasterHandler;

package/dist/nuxt/runtime/composables/useToast.js

@@ -1,5 +0,0 @@
-import { useNuxtApp } from "#imports";
-export function useToast() {
-  const { $toast } = useNuxtApp();
-  return $toast;
-}

package/dist/nuxt/runtime/composables/useWait.d.ts

@@ -1,2 +0,0 @@
-import type { WaitHandler } from 'maz-ui';
-export declare function useWait(): WaitHandler;

package/dist/nuxt/runtime/composables/useWait.js

@@ -1,5 +0,0 @@
-import { useNuxtApp } from "#imports";
-export function useWait() {
-  const { $wait } = useNuxtApp();
-  return $wait;
-}

package/dist/nuxt/runtime/plugins/aos.d.ts

@@ -1,8 +0,0 @@
-import { AosHandler } from 'maz-ui';
-declare const _default: any;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $aos: AosHandler;
-    }
-}

package/dist/nuxt/runtime/plugins/aos.js

@@ -1,12 +0,0 @@
-import { AosHandler, installAos } from "maz-ui";
-import { defineNuxtPlugin, useRouter } from "#imports";
-export default defineNuxtPlugin(({ $config, vueApp }) => {
-  const aosOptions = $config.public.mazUi?.injectAos;
-  const options = typeof aosOptions === "object" ? { ...aosOptions, router: aosOptions.router ? useRouter() : void 0 } : {};
-  vueApp.use(installAos, options);
-  return {
-    provide: {
-      aos: new AosHandler(options)
-    }
-  };
-});

package/dist/nuxt/runtime/plugins/dialog.d.ts

@@ -1,8 +0,0 @@
-import { DialogHandler } from 'maz-ui';
-declare const _default: any;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $dialog: DialogHandler;
-    }
-}

package/dist/nuxt/runtime/plugins/dialog.js

@@ -1,23 +0,0 @@
-import { DialogHandler } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ vueApp, $config }) => {
-  const dialogOptions = $config.public.mazUi?.injectUseDialog;
-  const options = typeof dialogOptions === "object" ? dialogOptions : void 0;
-  const instance = new DialogHandler(vueApp, options);
-  const dialogServer = {
-    open: () => {
-      return {
-        promise: Promise.resolve(),
-        destroy: () => {
-        },
-        close: () => {
-        }
-      };
-    }
-  };
-  return {
-    provide: {
-      dialog: import.meta.server ? dialogServer : instance
-    }
-  };
-});

package/dist/nuxt/runtime/plugins/maz-icon-path.d.ts

@@ -1,7 +0,0 @@
-declare const _default: any;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazIconPath: string;
-    }
-}

package/dist/nuxt/runtime/plugins/maz-icon-path.js

@@ -1,10 +0,0 @@
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ $config, vueApp }) => {
-  const defaultMazIconPath = $config.public.mazUi?.defaultMazIconPath;
-  vueApp.provide("mazIconPath", defaultMazIconPath);
-  return {
-    provide: {
-      mazIconPath: defaultMazIconPath
-    }
-  };
-});

package/dist/nuxt/runtime/plugins/toaster.d.ts

@@ -1,8 +0,0 @@
-import { ToasterHandler } from 'maz-ui';
-declare const _default: any;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $toast: ToasterHandler;
-    }
-}

package/dist/nuxt/runtime/plugins/toaster.js

@@ -1,26 +0,0 @@
-import { ToasterHandler } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ vueApp, $config }) => {
-  const toasterOptions = $config.public.mazUi?.injectUseToast;
-  const options = typeof toasterOptions === "object" ? toasterOptions : void 0;
-  const instance = new ToasterHandler(vueApp, options);
-  const toasterServer = {
-    show: () => {
-    },
-    success: () => {
-    },
-    error: () => {
-    },
-    warning: () => {
-    },
-    info: () => {
-    },
-    message: () => {
-    }
-  };
-  return {
-    provide: {
-      toast: import.meta.server ? toasterServer : instance
-    }
-  };
-});

package/dist/nuxt/runtime/plugins/v-click-outside.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/nuxt/runtime/plugins/v-click-outside.js

@@ -1,5 +0,0 @@
-import { vClickOutsideInstall } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ vueApp }) => {
-  vueApp.use(vClickOutsideInstall);
-});

package/dist/nuxt/runtime/plugins/v-fullscreen-img.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/nuxt/runtime/plugins/v-fullscreen-img.js

@@ -1,5 +0,0 @@
-import { vFullscreenImgInstall } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ vueApp }) => {
-  vueApp.use(vFullscreenImgInstall);
-});

package/dist/nuxt/runtime/plugins/v-lazy-img.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/nuxt/runtime/plugins/v-lazy-img.js

@@ -1,7 +0,0 @@
-import { vLazyImgInstall } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ vueApp, $config }) => {
-  const vLazyImgOptions = $config.public.mazUi?.installVLazyImg;
-  const options = typeof vLazyImgOptions === "object" ? vLazyImgOptions : void 0;
-  vueApp.use(vLazyImgInstall, options);
-});

package/dist/nuxt/runtime/plugins/v-tooltip.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/nuxt/runtime/plugins/v-tooltip.js

@@ -1,7 +0,0 @@
-import { vTooltipInstall } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ vueApp, $config }) => {
-  const installVTooltip = $config.public.mazUi?.installVTooltip;
-  const options = typeof installVTooltip === "object" ? installVTooltip : void 0;
-  vueApp.use(vTooltipInstall, options);
-});

package/dist/nuxt/runtime/plugins/v-zoom-img.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/nuxt/runtime/plugins/v-zoom-img.js

@@ -1,5 +0,0 @@
-import { vZoomImgInstall } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ vueApp }) => {
-  vueApp.use(vZoomImgInstall);
-});

package/dist/nuxt/runtime/plugins/wait.d.ts

@@ -1,8 +0,0 @@
-import { WaitHandler } from 'maz-ui';
-declare const _default: any;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $wait: WaitHandler;
-    }
-}

package/dist/nuxt/runtime/plugins/wait.js

@@ -1,18 +0,0 @@
-import { WaitHandler } from "maz-ui";
-import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(() => {
-  const waitServer = {
-    loaders: { value: [] },
-    anyLoading: { value: false },
-    isLoading: () => false,
-    stop: () => {
-    },
-    start: () => {
-    }
-  };
-  return {
-    provide: {
-      wait: import.meta.server ? waitServer : new WaitHandler()
-    }
-  };
-});

package/dist/nuxt/types.d.mts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module.js'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { type MazUiNuxtOptions, default } from './module.js'

package/dist/nuxt/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { type MazUiNuxtOptions, default } from './module'

package/dist/plugins/aos.cjs

@@ -1,2 +0,0 @@
-"use strict";var v=Object.defineProperty;var z=(r,e,a)=>e in r?v(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a;var m=(r,e,a)=>z(r,typeof e!="symbol"?e+"":e,a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../helpers/isClient.cjs"),O=require("../helpers/sleep.cjs"),l={delay:100,observer:{root:void 0,rootMargin:"0px",threshold:.2},animation:{once:!0,duration:300,delay:0}};class b{constructor(e){m(this,"options");this.options={delay:(e==null?void 0:e.delay)??l.delay,observer:{...l.observer,...e==null?void 0:e.observer},animation:{...l.animation,...e==null?void 0:e.animation}}}handleIntersect(e,a){for(const n of e){const f=n.target.getAttribute("data-maz-aos-children")==="true",c=n.target.getAttribute("data-maz-aos")?[n.target]:[];if(f){const t=[...document.querySelectorAll("[data-maz-aos-anchor]")].map(s=>s.getAttribute("data-maz-aos-anchor")===`#${n.target.id}`?s:void 0);for(const s of t)s&&c.push(s)}for(const t of c){const s=t.getAttribute("data-maz-aos-once"),y=typeof s=="string"?s==="true":this.options.animation.once;if(typeof this.options.observer.threshold=="number"&&n.intersectionRatio>this.options.observer.threshold){const g=t.getAttribute("data-maz-aos-duration"),A=t.getAttribute("data-maz-aos-delay");if(g||(t.style.transitionDuration=`${this.options.animation.duration}ms`,setTimeout(()=>{t.style.transitionDuration="0"},1e3)),A||(t.style.transitionDelay=`${this.options.animation.delay}ms`,setTimeout(()=>{t.style.transitionDelay="0"},1e3)),t.classList.add("maz-aos-animate"),y){const u=t.getAttribute("data-maz-aos-anchor");if(u){const d=document.querySelector(u);d&&a.unobserve(d)}a.unobserve(t)}}else t.classList.remove("maz-aos-animate")}}}async handleObserver(){await O.sleep(this.options.delay);const e=new IntersectionObserver(this.handleIntersect.bind(this),this.options.observer);for(const a of document.querySelectorAll("[data-maz-aos]")){const n=a.getAttribute("data-maz-aos-anchor");if(n){const i=document.querySelector(n);i?(i.setAttribute("data-maz-aos-children","true"),e.observe(i)):console.warn(`[maz-ui](aos) no element found with selector "${n}"`)}else e.observe(a)}}runAnimations(){if(h.isClient())return this.handleObserver();console.warn("[MazAos](runAnimations) should be executed on client side")}}let o;const S={install:(r,e)=>{o=new b(e),r.provide("aos",o),h.isClient()&&(e!=null&&e.router?e.router.afterEach(()=>{o.runAnimations()}):o.runAnimations())}};function q(){return o}exports.AosHandler=b;exports.getInstance=q;exports.plugin=S;
-//# sourceMappingURL=aos.cjs.map

package/dist/plugins/aos.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"aos.cjs","sources":["../../src/plugins/aos.ts"],"sourcesContent":["import type { App } from 'vue'\nimport type { Router } from 'vue-router'\nimport { isClient } from './../helpers/isClient'\nimport { sleep } from './../helpers/sleep'\n\nexport interface AosOptions {\n  animation?: {\n    delay?: number\n    duration?: number\n    once?: boolean\n  }\n  delay?: number\n  observer?: IntersectionObserverInit\n  router?: Router\n}\n\ninterface ClassOptions extends Omit<AosOptions, 'router'> {\n  animation: {\n    delay: number\n    duration: number\n    once: boolean\n  }\n  delay: number\n  observer: IntersectionObserverInit & {\n    rootMargin: string\n    threshold: number | number[]\n  }\n}\n\nconst DEFAULT_OPTIONS: ClassOptions = {\n  delay: 100,\n  observer: {\n    root: undefined,\n    rootMargin: '0px',\n    threshold: 0.2,\n  },\n  animation: {\n    once: true,\n    duration: 300,\n    delay: 0,\n  },\n}\n\nexport class AosHandler {\n  public options: ClassOptions\n\n  constructor(options?: Omit<AosOptions, 'router'>) {\n    this.options = {\n      delay: options?.delay ?? DEFAULT_OPTIONS.delay,\n      observer: {\n        ...DEFAULT_OPTIONS.observer,\n        ...options?.observer,\n      },\n      animation: {\n        ...DEFAULT_OPTIONS.animation,\n        ...options?.animation,\n      },\n    }\n  }\n\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n  private handleIntersect(entries: IntersectionObserverEntry[], observer: IntersectionObserver) {\n    for (const entry of entries) {\n      const target = entry.target as HTMLElement\n      const hasChildren = target.getAttribute('data-maz-aos-children') === 'true'\n      const animateElements: HTMLElement[] = entry.target.getAttribute('data-maz-aos')\n        ? [entry.target as HTMLElement]\n        : []\n\n      if (hasChildren) {\n        const children = [...document.querySelectorAll('[data-maz-aos-anchor]')].map(child =>\n          child.getAttribute('data-maz-aos-anchor') === `#${entry.target.id}` ? child : undefined,\n        )\n\n        for (const child of children) {\n          if (child) {\n            animateElements.push(child as HTMLElement)\n          }\n        }\n      }\n\n      for (const element of animateElements) {\n        const once = element.getAttribute('data-maz-aos-once')\n\n        const useOnce: boolean\n          = typeof once === 'string' ? once === 'true' : this.options.animation.once\n\n        if (\n          typeof this.options.observer.threshold === 'number'\n          && entry.intersectionRatio > this.options.observer.threshold\n        ) {\n          const duration = element.getAttribute('data-maz-aos-duration')\n          const delay = element.getAttribute('data-maz-aos-delay')\n\n          if (!duration) {\n            element.style.transitionDuration = `${this.options.animation.duration}ms`\n            setTimeout(() => {\n              element.style.transitionDuration = '0'\n            }, 1000)\n          }\n\n          if (!delay) {\n            element.style.transitionDelay = `${this.options.animation.delay}ms`\n            setTimeout(() => {\n              element.style.transitionDelay = '0'\n            }, 1000)\n          }\n\n          element.classList.add('maz-aos-animate')\n\n          if (useOnce) {\n            const parentAnchor = element.getAttribute('data-maz-aos-anchor')\n            if (parentAnchor) {\n              const anchorElement = document.querySelector<HTMLElement>(parentAnchor)\n              if (anchorElement) {\n                observer.unobserve(anchorElement)\n              }\n            }\n\n            observer.unobserve(element)\n          }\n        }\n        else {\n          element.classList.remove('maz-aos-animate')\n        }\n      }\n    }\n  }\n\n  private async handleObserver() {\n    await sleep(this.options.delay)\n\n    const observer = new IntersectionObserver(this.handleIntersect.bind(this), this.options.observer)\n\n    for (const element of document.querySelectorAll('[data-maz-aos]')) {\n      const anchorAttr = element.getAttribute('data-maz-aos-anchor')\n      if (anchorAttr) {\n        const anchorElement = document.querySelector(anchorAttr)\n        if (anchorElement) {\n          anchorElement.setAttribute('data-maz-aos-children', 'true')\n          observer.observe(anchorElement)\n        }\n        else {\n          console.warn(`[maz-ui](aos) no element found with selector \"${anchorAttr}\"`)\n        }\n      }\n      else {\n        observer.observe(element)\n      }\n    }\n  }\n\n  public runAnimations() {\n    if (isClient()) {\n      return this.handleObserver()\n    }\n    else {\n      console.warn('[MazAos](runAnimations) should be executed on client side')\n    }\n  }\n}\n\nlet instance: AosHandler\n\nexport const plugin = {\n  install: (app: App, options?: AosOptions) => {\n    instance = new AosHandler(options)\n\n    app.provide('aos', instance)\n\n    if (!isClient()) {\n      return\n    }\n    if (options?.router) {\n      options.router.afterEach(() => {\n        instance.runAnimations()\n      })\n    }\n    else {\n      instance.runAnimations()\n    }\n  },\n}\n\nexport function getInstance(): AosHandler {\n  return instance\n}\n"],"names":["DEFAULT_OPTIONS","AosHandler","options","__publicField","entries","observer","entry","hasChildren","animateElements","children","child","element","once","useOnce","duration","delay","parentAnchor","anchorElement","sleep","anchorAttr","isClient","instance","plugin","app","getInstance"],"mappings":"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"}