greeks-live-ui 0.0.1

package/es/packages/hooks/use-floating/index.mjs

@@ -0,0 +1,85 @@
+import { isRef, ref, unref, onMounted, watchEffect } from 'vue';
+import { isClient, unrefElement } from '@vueuse/core';
+import { isNil } from 'lodash-unified';
+import { computePosition, arrow } from '@floating-ui/dom';
+import '../../utils/index.mjs';
+import { buildProps } from '../../utils/vue/props/runtime.mjs';
+import { keysOf } from '../../utils/objects.mjs';
+
+const useFloatingProps = buildProps({});
+const unrefReference = (elRef) => {
+  if (!isClient)
+    return;
+  if (!elRef)
+    return elRef;
+  const unrefEl = unrefElement(elRef);
+  if (unrefEl)
+    return unrefEl;
+  return isRef(elRef) ? unrefEl : elRef;
+};
+const getPositionDataWithUnit = (record, key) => {
+  const value = record == null ? void 0 : record[key];
+  return isNil(value) ? "" : `${value}px`;
+};
+const useFloating = ({ middleware, placement, strategy }) => {
+  const referenceRef = ref();
+  const contentRef = ref();
+  const x = ref();
+  const y = ref();
+  const middlewareData = ref({});
+  const states = {
+    x,
+    y,
+    placement,
+    strategy,
+    middlewareData
+  };
+  const update = async () => {
+    if (!isClient)
+      return;
+    const referenceEl = unrefReference(referenceRef);
+    const contentEl = unrefElement(contentRef);
+    if (!referenceEl || !contentEl)
+      return;
+    const data = await computePosition(referenceEl, contentEl, {
+      placement: unref(placement),
+      strategy: unref(strategy),
+      middleware: unref(middleware)
+    });
+    keysOf(states).forEach((key) => {
+      states[key].value = data[key];
+    });
+  };
+  onMounted(() => {
+    watchEffect(() => {
+      update();
+    });
+  });
+  return {
+    ...states,
+    update,
+    referenceRef,
+    contentRef
+  };
+};
+const arrowMiddleware = ({ arrowRef, padding }) => {
+  return {
+    name: "arrow",
+    options: {
+      element: arrowRef,
+      padding
+    },
+    fn(args) {
+      const arrowEl = unref(arrowRef);
+      if (!arrowEl)
+        return {};
+      return arrow({
+        element: arrowEl,
+        padding
+      }).fn(args);
+    }
+  };
+};
+
+export { arrowMiddleware, getPositionDataWithUnit, useFloating, useFloatingProps };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-floating/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-floating/index.ts"],"sourcesContent":["import { isRef, onMounted, ref, unref, watchEffect } from 'vue'\nimport { isClient, unrefElement } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { arrow as arrowCore, computePosition } from '@floating-ui/dom'\nimport { buildProps, keysOf } from '@greeks-live-ui/utils'\n\nimport type { Ref, ToRefs } from 'vue'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  SideObject,\n  Strategy,\n  VirtualElement\n} from '@floating-ui/dom'\n\nexport const useFloatingProps = buildProps({} as const)\n\nexport type UseFloatingProps = ToRefs<{\n  middleware: Array<Middleware>\n  placement: Placement\n  strategy: Strategy\n}>\n\ntype ElementRef = Parameters<typeof unrefElement>['0']\n\nconst unrefReference = (elRef: ElementRef | Ref<VirtualElement | undefined>) => {\n  if (!isClient) return\n  if (!elRef) return elRef\n  const unrefEl = unrefElement(elRef as ElementRef)\n  if (unrefEl) return unrefEl\n  return isRef(elRef) ? unrefEl : (elRef as VirtualElement)\n}\n\nexport const getPositionDataWithUnit = <T extends Record<string, number>>(record: T | undefined, key: keyof T) => {\n  const value = record?.[key]\n  return isNil(value) ? '' : `${value}px`\n}\n\nexport const useFloating = ({ middleware, placement, strategy }: UseFloatingProps) => {\n  const referenceRef = ref<HTMLElement | VirtualElement>()\n  const contentRef = ref<HTMLElement>()\n  const x = ref<number>()\n  const y = ref<number>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData\n  } as const\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unrefReference(referenceRef)\n    const contentEl = unrefElement(contentRef)\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware)\n    })\n\n    keysOf(states).forEach(key => {\n      states[key].value = data[key]\n    })\n  }\n\n  onMounted(() => {\n    watchEffect(() => {\n      update()\n    })\n  })\n\n  return {\n    ...states,\n    update,\n    referenceRef,\n    contentRef\n  }\n}\n\nexport type ArrowMiddlewareProps = {\n  arrowRef: Ref<HTMLElement | null | undefined>\n  padding?: number | SideObject\n}\n\nexport const arrowMiddleware = ({ arrowRef, padding }: ArrowMiddlewareProps): Middleware => {\n  return {\n    name: 'arrow',\n    options: {\n      element: arrowRef,\n      padding\n    },\n\n    fn(args) {\n      const arrowEl = unref(arrowRef)\n      if (!arrowEl) return {}\n\n      return arrowCore({\n        element: arrowEl,\n        padding\n      }).fn(args)\n    }\n  }\n}\n"],"names":["arrowCore"],"mappings":"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"}

package/es/packages/hooks/use-focus/index.mjs

@@ -0,0 +1,11 @@
+const useFocus = (el) => {
+  return {
+    focus: () => {
+      var _a, _b;
+      (_b = (_a = el.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+    }
+  };
+};
+
+export { useFocus };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-focus/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-focus/index.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport const useFocus = (\n  el: Ref<{\n    focus: () => void\n  } | null>\n) => {\n  return {\n    focus: () => {\n      el.value?.focus?.()\n    },\n  }\n}\n"],"names":[],"mappings":"AAEa,MAAA,QAAA,GAAW,CACtB,EAGG,KAAA;AACH,EAAO,OAAA;AAAA,IACL,OAAO,MAAM;AARjB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AASM,MAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,EAAA,CAAA,KAAA,KAAH,mBAAU,KAAV,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}

package/es/packages/hooks/use-forward-ref/index.mjs

@@ -0,0 +1,27 @@
+import { provide } from 'vue';
+
+const FORWARD_REF_INJECTION_KEY = Symbol("elForwardRef");
+const useForwardRef = (forwardRef) => {
+  const setForwardRef = (el) => {
+    forwardRef.value = el;
+  };
+  provide(FORWARD_REF_INJECTION_KEY, {
+    setForwardRef
+  });
+};
+const useForwardRefDirective = (setForwardRef) => {
+  return {
+    mounted(el) {
+      setForwardRef(el);
+    },
+    updated(el) {
+      setForwardRef(el);
+    },
+    unmounted() {
+      setForwardRef(null);
+    }
+  };
+};
+
+export { FORWARD_REF_INJECTION_KEY, useForwardRef, useForwardRefDirective };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-forward-ref/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-forward-ref/index.ts"],"sourcesContent":["import { provide } from 'vue'\n\nimport type { InjectionKey, ObjectDirective, Ref } from 'vue'\n\ntype ForwardRefSetter = <T>(el: T) => void\n\nexport type ForwardRefInjectionContext = {\n  setForwardRef: ForwardRefSetter\n}\n\nexport const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext> =\n  Symbol('elForwardRef')\n\nexport const useForwardRef = <T>(forwardRef: Ref<T | null>) => {\n  const setForwardRef = (el: T) => {\n    forwardRef.value = el\n  }\n\n  provide(FORWARD_REF_INJECTION_KEY, {\n    setForwardRef,\n  })\n}\n\nexport const useForwardRefDirective = (\n  setForwardRef: ForwardRefSetter\n): ObjectDirective => {\n  return {\n    mounted(el) {\n      setForwardRef(el)\n    },\n    updated(el) {\n      setForwardRef(el)\n    },\n    unmounted() {\n      setForwardRef(null)\n    },\n  }\n}\n"],"names":[],"mappings":";;AAUa,MAAA,yBAAA,GACX,OAAO,cAAc,EAAA;AAEV,MAAA,aAAA,GAAgB,CAAI,UAA8B,KAAA;AAC7D,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAU,KAAA;AAC/B,IAAA,UAAA,CAAW,KAAQ,GAAA,EAAA,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,OAAA,CAAQ,yBAA2B,EAAA;AAAA,IACjC,aAAA;AAAA,GACD,CAAA,CAAA;AACH,EAAA;AAEa,MAAA,sBAAA,GAAyB,CACpC,aACoB,KAAA;AACpB,EAAO,OAAA;AAAA,IACL,QAAQ,EAAI,EAAA;AACV,MAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,KAClB;AAAA,IACA,QAAQ,EAAI,EAAA;AACV,MAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,KAClB;AAAA,IACA,SAAY,GAAA;AACV,MAAA,aAAA,CAAc,IAAI,CAAA,CAAA;AAAA,KACpB;AAAA,GACF,CAAA;AACF;;;;"}

package/es/packages/hooks/use-global-config/index.mjs

@@ -0,0 +1,52 @@
+import { ref, getCurrentInstance, inject, computed, provide, unref } from 'vue';
+import '../../tokens/index.mjs';
+import '../../utils/index.mjs';
+import { configProviderContextKey } from '../../tokens/config-provider.mjs';
+import { debugWarn } from '../../utils/error.mjs';
+import { keysOf } from '../../utils/objects.mjs';
+
+const globalConfig = ref();
+function useGlobalConfig(key, defaultValue = void 0) {
+  const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
+  if (key) {
+    return computed(() => {
+      var _a, _b;
+      return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
+    });
+  } else {
+    return config;
+  }
+}
+const provideGlobalConfig = (config, app, global = false) => {
+  var _a;
+  const inSetup = !!getCurrentInstance();
+  const oldConfig = inSetup ? useGlobalConfig() : void 0;
+  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? provide : void 0;
+  if (!provideFn) {
+    debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
+    return;
+  }
+  const context = computed(() => {
+    const cfg = unref(config);
+    if (!(oldConfig == null ? void 0 : oldConfig.value))
+      return cfg;
+    return mergeConfig(oldConfig.value, cfg);
+  });
+  provideFn(configProviderContextKey, context);
+  if (global || !globalConfig.value) {
+    globalConfig.value = context.value;
+  }
+  return context;
+};
+const mergeConfig = (a, b) => {
+  var _a;
+  const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
+  const obj = {};
+  for (const key of keys) {
+    obj[key] = (_a = b[key]) != null ? _a : a[key];
+  }
+  return obj;
+};
+
+export { provideGlobalConfig, useGlobalConfig };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-global-config/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport { configProviderContextKey } from '@greeks-live-ui/tokens'\nimport { debugWarn, keysOf } from '@greeks-live-ui/utils'\n\nimport type { MaybeRef } from '@vueuse/core'\nimport type { App, Ref } from 'vue'\nimport type { ConfigProviderContext } from '@greeks-live-ui/tokens'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst globalConfig = ref<ConfigProviderContext>()\n\nexport function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(\n  key: K,\n  defaultValue?: D\n): Ref<Exclude<ConfigProviderContext[K], undefined> | D>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(key?: keyof ConfigProviderContext, defaultValue = undefined) {\n  const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig\n  if (key) {\n    return computed(() => config.value?.[key] ?? defaultValue)\n  } else {\n    return config\n  }\n}\n\nexport const provideGlobalConfig = (config: MaybeRef<ConfigProviderContext>, app?: App, global = false) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn('provideGlobalConfig', 'provideGlobalConfig() can only be used inside setup().')\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig?.value) return cfg\n    return mergeConfig(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n  if (global || !globalConfig.value) {\n    globalConfig.value = context.value\n  }\n  return context\n}\n\nconst mergeConfig = (a: ConfigProviderContext, b: ConfigProviderContext): ConfigProviderContext => {\n  const keys = [...new Set([...keysOf(a), ...keysOf(b)])]\n  const obj: Record<string, any> = {}\n  for (const key of keys) {\n    obj[key] = b[key] ?? a[key]\n  }\n  return obj\n}\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,eAAe,GAA2B,EAAA,CAAA;AAOhC,SAAA,eAAA,CAAgB,GAAmC,EAAA,YAAA,GAAe,KAAW,CAAA,EAAA;AAC3F,EAAA,MAAM,SAAS,kBAAmB,EAAA,GAAI,MAAO,CAAA,wBAAA,EAA0B,YAAY,CAAI,GAAA,YAAA,CAAA;AACvF,EAAA,IAAI,GAAK,EAAA;AACP,IAAA,OAAO,SAAS,MAAG;AArBvB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAqB0B,MAAO,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,CAAA,KAAA,KAAP,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAA,KAAf,IAAuB,GAAA,EAAA,GAAA,YAAA,CAAA;AAAA,KAAY,CAAA,CAAA;AAAA,GACpD,MAAA;AACL,IAAO,OAAA,MAAA,CAAA;AAAA,GACT;AACF,CAAA;AAEO,MAAM,mBAAsB,GAAA,CAAC,MAAyC,EAAA,GAAA,EAAW,SAAS,KAAU,KAAA;AA3B3G,EAAA,IAAA,EAAA,CAAA;AA4BE,EAAM,MAAA,OAAA,GAAU,CAAC,CAAC,kBAAmB,EAAA,CAAA;AACrC,EAAM,MAAA,SAAA,GAAY,OAAU,GAAA,eAAA,EAAoB,GAAA,KAAA,CAAA,CAAA;AAEhD,EAAA,MAAM,SAAY,GAAA,CAAA,EAAA,GAAA,GAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAK,OAAL,KAAA,IAAA,GAAA,EAAA,GAAiB,UAAU,OAAU,GAAA,KAAA,CAAA,CAAA;AACvD,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAA,SAAA,CAAU,uBAAuB,wDAAwD,CAAA,CAAA;AACzF,IAAA,OAAA;AAAA,GACF;AAEA,EAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,IAAM,MAAA,GAAA,GAAM,MAAM,MAAM,CAAA,CAAA;AACxB,IAAA,IAAI,EAAC,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA;AAAO,MAAO,OAAA,GAAA,CAAA;AAC9B,IAAO,OAAA,WAAA,CAAY,SAAU,CAAA,KAAA,EAAO,GAAG,CAAA,CAAA;AAAA,GACxC,CAAA,CAAA;AACD,EAAA,SAAA,CAAU,0BAA0B,OAAO,CAAA,CAAA;AAC3C,EAAI,IAAA,MAAA,IAAU,CAAC,YAAA,CAAa,KAAO,EAAA;AACjC,IAAA,YAAA,CAAa,QAAQ,OAAQ,CAAA,KAAA,CAAA;AAAA,GAC/B;AACA,EAAO,OAAA,OAAA,CAAA;AACT,EAAA;AAEA,MAAM,WAAA,GAAc,CAAC,CAAA,EAA0B,CAAoD,KAAA;AAjDnG,EAAA,IAAA,EAAA,CAAA;AAkDE,EAAA,MAAM,IAAO,GAAA,CAAC,mBAAG,IAAI,IAAI,CAAC,GAAG,MAAO,CAAA,CAAC,GAAG,GAAG,MAAA,CAAO,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;AACtD,EAAA,MAAM,MAA2B,EAAC,CAAA;AAClC,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,GAAA,CAAI,GAAO,CAAA,GAAA,CAAA,EAAA,GAAA,CAAA,CAAE,GAAF,CAAA,KAAA,IAAA,GAAA,EAAA,GAAU,CAAE,CAAA,GAAA,CAAA,CAAA;AAAA,GACzB;AACA,EAAO,OAAA,GAAA,CAAA;AACT,CAAA;;;;"}

package/es/packages/hooks/use-id/index.mjs

@@ -0,0 +1,33 @@
+import { inject, computed, unref } from 'vue';
+import { isClient } from '@vueuse/core';
+import '../../utils/index.mjs';
+import { useGlobalConfig } from '../use-global-config/index.mjs';
+import { defaultNamespace } from '../use-namespace/index.mjs';
+import { debugWarn } from '../../utils/error.mjs';
+
+const defaultIdInjection = {
+  prefix: Math.floor(Math.random() * 1e4),
+  current: 0
+};
+const ID_INJECTION_KEY = Symbol("elIdInjection");
+const useId = (deterministicId) => {
+  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection);
+  if (!isClient && idInjection === defaultIdInjection) {
+    debugWarn(
+      "IdInjection",
+      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+usage: app.provide(ID_INJECTION_KEY, {
+  prefix: number,
+  current: number,
+})`
+    );
+  }
+  const namespace = useGlobalConfig("namespace", defaultNamespace);
+  const idRef = computed(
+    () => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`
+  );
+  return idRef;
+};
+
+export { ID_INJECTION_KEY, useId };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-id/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { debugWarn } from '@greeks-live-ui/utils'\nimport { useGlobalConfig } from '../use-global-config'\nimport { defaultNamespace } from '../use-namespace'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> = Symbol('elIdInjection')\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection)\n\n  if (!isClient && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const namespace = useGlobalConfig('namespace', defaultNamespace)\n  const idRef = computed(\n    () => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,kBAAqB,GAAA;AAAA,EACzB,QAAQ,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,MAAA,KAAW,GAAK,CAAA;AAAA,EACxC,OAAS,EAAA,CAAA;AACX,CAAA,CAAA;AAEa,MAAA,gBAAA,GAAuD,OAAO,eAAe,EAAA;AAE7E,MAAA,KAAA,GAAQ,CAAC,eAAoD,KAAA;AACxE,EAAM,MAAA,WAAA,GAAc,MAAO,CAAA,gBAAA,EAAkB,kBAAkB,CAAA,CAAA;AAE/D,EAAI,IAAA,CAAC,QAAY,IAAA,WAAA,KAAgB,kBAAoB,EAAA;AACnD,IAAA,SAAA;AAAA,MACE,aAAA;AAAA,MACA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAAA,KAKF,CAAA;AAAA,GACF;AAEA,EAAM,MAAA,SAAA,GAAY,eAAgB,CAAA,WAAA,EAAa,gBAAgB,CAAA,CAAA;AAC/D,EAAA,MAAM,KAAQ,GAAA,QAAA;AAAA,IACZ,MAAM,MAAM,eAAe,CAAA,IAAK,GAAG,SAAU,CAAA,KAAA,CAAA,IAAA,EAAY,WAAY,CAAA,MAAA,CAAA,CAAA,EAAU,WAAY,CAAA,OAAA,EAAA,CAAA,CAAA;AAAA,GAC7F,CAAA;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/es/packages/hooks/use-intermediate-render/index.mjs

@@ -0,0 +1,49 @@
+import { watch, unref, nextTick } from 'vue';
+
+const useDelayedRender = ({
+  indicator,
+  intermediateIndicator,
+  shouldSetIntermediate = () => true,
+  beforeShow,
+  afterShow,
+  afterHide,
+  beforeHide
+}) => {
+  watch(
+    () => unref(indicator),
+    (val) => {
+      if (val) {
+        beforeShow == null ? void 0 : beforeShow();
+        nextTick(() => {
+          if (!unref(indicator))
+            return;
+          if (shouldSetIntermediate("show")) {
+            intermediateIndicator.value = true;
+          }
+        });
+      } else {
+        beforeHide == null ? void 0 : beforeHide();
+        nextTick(() => {
+          if (unref(indicator))
+            return;
+          if (shouldSetIntermediate("hide")) {
+            intermediateIndicator.value = false;
+          }
+        });
+      }
+    }
+  );
+  watch(
+    () => intermediateIndicator.value,
+    (val) => {
+      if (val) {
+        afterShow == null ? void 0 : afterShow();
+      } else {
+        afterHide == null ? void 0 : afterHide();
+      }
+    }
+  );
+};
+
+export { useDelayedRender };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-intermediate-render/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-intermediate-render/index.ts"],"sourcesContent":["import { nextTick, unref, watch } from 'vue'\n\nimport type { Ref } from 'vue'\n\nexport type UseDelayedRenderProps = {\n  indicator: Ref<boolean>\n  intermediateIndicator: Ref<boolean>\n  shouldSetIntermediate?: (step: 'show' | 'hide') => boolean\n  beforeShow?: () => void\n  beforeHide?: () => void\n  afterShow?: () => void\n  afterHide?: () => void\n}\n\nexport const useDelayedRender = ({\n  indicator,\n  intermediateIndicator,\n  shouldSetIntermediate = () => true,\n  beforeShow,\n  afterShow,\n  afterHide,\n  beforeHide,\n}: UseDelayedRenderProps) => {\n  watch(\n    () => unref(indicator),\n    (val) => {\n      if (val) {\n        beforeShow?.()\n        nextTick(() => {\n          if (!unref(indicator)) return\n          if (shouldSetIntermediate('show')) {\n            intermediateIndicator.value = true\n          }\n        })\n      } else {\n        beforeHide?.()\n        nextTick(() => {\n          if (unref(indicator)) return\n\n          if (shouldSetIntermediate('hide')) {\n            intermediateIndicator.value = false\n          }\n        })\n      }\n    }\n  )\n\n  // because we don't always set the value ourselves, so that we\n  // simply watch the value's state, then invoke the corresponding hook.\n  watch(\n    () => intermediateIndicator.value,\n    (val) => {\n      if (val) {\n        afterShow?.()\n      } else {\n        afterHide?.()\n      }\n    }\n  )\n}\n"],"names":[],"mappings":";;AAcO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA,qBAAA;AAAA,EACA,wBAAwB,MAAM,IAAA;AAAA,EAC9B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AACF,CAA6B,KAAA;AAC3B,EAAA,KAAA;AAAA,IACE,MAAM,MAAM,SAAS,CAAA;AAAA,IACrB,CAAC,GAAQ,KAAA;AACP,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AACA,QAAA,QAAA,CAAS,MAAM;AACb,UAAI,IAAA,CAAC,MAAM,SAAS,CAAA;AAAG,YAAA,OAAA;AACvB,UAAI,IAAA,qBAAA,CAAsB,MAAM,CAAG,EAAA;AACjC,YAAA,qBAAA,CAAsB,KAAQ,GAAA,IAAA,CAAA;AAAA,WAChC;AAAA,SACD,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AACA,QAAA,QAAA,CAAS,MAAM;AACb,UAAA,IAAI,MAAM,SAAS,CAAA;AAAG,YAAA,OAAA;AAEtB,UAAI,IAAA,qBAAA,CAAsB,MAAM,CAAG,EAAA;AACjC,YAAA,qBAAA,CAAsB,KAAQ,GAAA,KAAA,CAAA;AAAA,WAChC;AAAA,SACD,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,GACF,CAAA;AAIA,EAAA,KAAA;AAAA,IACE,MAAM,qBAAsB,CAAA,KAAA;AAAA,IAC5B,CAAC,GAAQ,KAAA;AACP,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,OACK,MAAA;AACL,QAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}

package/es/packages/hooks/use-locale/index.mjs

@@ -0,0 +1,30 @@
+import ZhCN from '../../locale/lang/zh-cn.mjs';
+import { get } from 'lodash-unified';
+import { unref, computed, isRef, ref } from 'vue';
+import { useGlobalConfig } from '../use-global-config/index.mjs';
+
+function buildTranslator(locale) {
+  return (path, option) => translate(path, option, unref(locale));
+}
+function translate(path, option, locale) {
+  return get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
+    var _a;
+    return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+  });
+}
+function buildLocaleContext(locale) {
+  const lang = computed(() => unref(locale).name);
+  const localeRef = isRef(locale) ? locale : ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: buildTranslator(locale)
+  };
+}
+function useLocale() {
+  const locale = useGlobalConfig("locale");
+  return buildLocaleContext(computed(() => locale.value || ZhCN));
+}
+
+export { buildLocaleContext, buildTranslator, translate, useLocale };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-locale/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import type { Language } from '@greeks-live-ui/locale'\nimport ZhCN from '@greeks-live-ui/locale/lang/zh-cn'\nimport type { MaybeRef } from '@vueuse/core'\nimport { get } from 'lodash-unified'\nimport type { Ref } from 'vue'\nimport { computed, isRef, ref, unref } from 'vue'\nimport { useGlobalConfig } from '../use-global-config'\n\nexport type TranslatorOption = Record<string, string | number>\nexport type Translator = (path: string, option?: TranslatorOption) => string\nexport interface LocaleContext {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport function buildTranslator(locale: MaybeRef<Language>): Translator {\n  return (path, option) =>\n    translate(path, option, unref(locale))\n}\n\nexport function translate(path: string, option: undefined | TranslatorOption, locale: Language): string {\n  return (get(locale, path, path) as string).replace(/\\{(\\w+)\\}/g, (_, key) => `${option?.[key] ?? `{${key}}`}`)\n}\n\nexport function buildLocaleContext(locale: MaybeRef<Language>): LocaleContext {\n  const lang = computed(() => unref(locale).name)\n  const localeRef = isRef(locale) ? locale : ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: buildTranslator(locale)\n  }\n}\n\nexport function useLocale() {\n  const locale = useGlobalConfig('locale')\n  return buildLocaleContext(computed(() => locale.value || ZhCN))\n}\n"],"names":[],"mappings":";;;;;AAgBO,SAAS,gBAAgB,MAAwC,EAAA;AACtE,EAAO,OAAA,CAAC,MAAM,MACZ,KAAA,SAAA,CAAU,MAAM,MAAQ,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACzC,CAAA;AAEgB,SAAA,SAAA,CAAU,IAAc,EAAA,MAAA,EAAsC,MAA0B,EAAA;AACtG,EAAQ,OAAA,GAAA,CAAI,QAAQ,IAAM,EAAA,IAAI,EAAa,OAAQ,CAAA,YAAA,EAAc,CAAC,CAAA,EAAG,GAAK,KAAA;AAtB5E,IAAA,IAAA,EAAA,CAAA;AAsB+E,IAAG,OAAA,CAAA,EAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,GAAT,CAAA,KAAA,IAAA,GAAA,EAAA,GAAiB,CAAI,CAAA,EAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAQ,CAAA,CAAA;AAC/G,CAAA;AAEO,SAAS,mBAAmB,MAA2C,EAAA;AAC5E,EAAA,MAAM,OAAO,QAAS,CAAA,MAAM,KAAM,CAAA,MAAM,EAAE,IAAI,CAAA,CAAA;AAC9C,EAAA,MAAM,YAAY,KAAM,CAAA,MAAM,CAAI,GAAA,MAAA,GAAS,IAAI,MAAM,CAAA,CAAA;AACrD,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,MAAQ,EAAA,SAAA;AAAA,IACR,CAAA,EAAG,gBAAgB,MAAM,CAAA;AAAA,GAC3B,CAAA;AACF,CAAA;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,MAAA,GAAS,gBAAgB,QAAQ,CAAA,CAAA;AACvC,EAAA,OAAO,mBAAmB,QAAS,CAAA,MAAM,MAAO,CAAA,KAAA,IAAS,IAAI,CAAC,CAAA,CAAA;AAChE;;;;"}

package/es/packages/hooks/use-namespace/index.mjs

@@ -0,0 +1,69 @@
+import { useGlobalConfig } from '../use-global-config/index.mjs';
+
+const defaultNamespace = "greeks";
+const statePrefix = "is-";
+const _bem = (namespace, block, blockSuffix, element, modifier) => {
+  let cls = `${namespace}-${block}`;
+  if (blockSuffix) {
+    cls += `-${blockSuffix}`;
+  }
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+};
+const useNamespace = (block) => {
+  const namespace = useGlobalConfig("namespace", defaultNamespace);
+  const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
+  const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
+  const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
+  const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
+  const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
+  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
+  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
+  const is = (name, ...args) => {
+    const state = args.length >= 1 ? args[0] : true;
+    return name && state ? `${statePrefix}${name}` : "";
+  };
+  const cssVar = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${key}`] = object[key];
+      }
+    }
+    return styles;
+  };
+  const cssVarBlock = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${block}-${key}`] = object[key];
+      }
+    }
+    return styles;
+  };
+  const cssVarName = (name) => `--${namespace.value}-${name}`;
+  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+  return {
+    namespace,
+    b,
+    e,
+    m,
+    be,
+    em,
+    bm,
+    bem,
+    is,
+    cssVar,
+    cssVarName,
+    cssVarBlock,
+    cssVarBlockName
+  };
+};
+
+export { defaultNamespace, useNamespace };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-namespace/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { useGlobalConfig } from '../use-global-config'\n\nexport const defaultNamespace = 'greeks'\nconst statePrefix = 'is-'\n\nconst _bem = (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => {\n  let cls = `${namespace}-${block}`\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`\n  }\n  if (element) {\n    cls += `__${element}`\n  }\n  if (modifier) {\n    cls += `--${modifier}`\n  }\n  return cls\n}\n\nexport const useNamespace = (block: string) => {\n  const namespace = useGlobalConfig('namespace', defaultNamespace)\n  const b = (blockSuffix = '') => _bem(namespace.value, block, blockSuffix, '', '')\n  const e = (element?: string) => (element ? _bem(namespace.value, block, '', element, '') : '')\n  const m = (modifier?: string) => (modifier ? _bem(namespace.value, block, '', '', modifier) : '')\n  const be = (blockSuffix?: string, element?: string) =>\n    blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, '') : ''\n  const em = (element?: string, modifier?: string) =>\n    element && modifier ? _bem(namespace.value, block, '', element, modifier) : ''\n  const bm = (blockSuffix?: string, modifier?: string) =>\n    blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, '', modifier) : ''\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) =>\n    blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : ''\n  const is: {\n    (name: string, state: boolean | undefined): string\n    (name: string): string\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true\n    return name && state ? `${statePrefix}${name}` : ''\n  }\n\n  // for css var\n  // --el-xxx: value;\n  const cssVar = (object: Record<string, string>) => {\n    const styles: Record<string, string> = {}\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]\n      }\n    }\n    return styles\n  }\n  // with block\n  const cssVarBlock = (object: Record<string, string>) => {\n    const styles: Record<string, string> = {}\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]\n      }\n    }\n    return styles\n  }\n\n  const cssVarName = (name: string) => `--${namespace.value}-${name}`\n  const cssVarBlockName = (name: string) => `--${namespace.value}-${block}-${name}`\n\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n    // css\n    cssVar,\n    cssVarName,\n    cssVarBlock,\n    cssVarBlockName,\n  }\n}\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>\n"],"names":[],"mappings":"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"}

package/es/packages/hooks/use-prop/index.mjs

@@ -0,0 +1,12 @@
+import { getCurrentInstance, computed } from 'vue';
+
+const useProp = (name) => {
+  const vm = getCurrentInstance();
+  return computed(() => {
+    var _a, _b;
+    return (_b = ((_a = vm.proxy) == null ? void 0 : _a.$props)[name]) != null ? _b : void 0;
+  });
+};
+
+export { useProp };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-prop/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-prop/index.ts"],"sourcesContent":["import { computed, getCurrentInstance } from 'vue'\nimport type { ComputedRef } from 'vue'\n\nexport const useProp = <T>(name: string): ComputedRef<T | undefined> => {\n  const vm = getCurrentInstance()!\n  return computed(() => (vm.proxy?.$props as any)[name] ?? undefined)\n}\n"],"names":[],"mappings":";;AAGa,MAAA,OAAA,GAAU,CAAI,IAA6C,KAAA;AACtE,EAAA,MAAM,KAAK,kBAAmB,EAAA,CAAA;AAC9B,EAAA,OAAO,SAAS,MAAG;AALrB,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAKyB,IAAA,OAAA,CAAA,EAAA,GAAA,CAAA,CAAA,EAAA,GAAA,EAAA,CAAG,KAAH,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAU,MAAe,EAAA,IAAA,CAAA,KAAzB,IAAkC,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AAAA,GAAS,CAAA,CAAA;AACpE;;;;"}

package/es/packages/hooks/use-restore-active/index.mjs

@@ -0,0 +1,26 @@
+import { watch, isRef } from 'vue';
+
+const useRestoreActive = (toggle, initialFocus) => {
+  let previousActive;
+  watch(
+    () => toggle.value,
+    (val) => {
+      var _a, _b;
+      if (val) {
+        previousActive = document.activeElement;
+        if (isRef(initialFocus)) {
+          (_b = (_a = initialFocus.value).focus) == null ? void 0 : _b.call(_a);
+        }
+      } else {
+        if (process.env.NODE_ENV === "test") {
+          previousActive.focus.call(previousActive);
+        } else {
+          previousActive.focus();
+        }
+      }
+    }
+  );
+};
+
+export { useRestoreActive };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-restore-active/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-restore-active/index.ts"],"sourcesContent":["import { isRef, watch } from 'vue'\nimport type { Ref } from 'vue'\n\n/**\n * This method provides dialogable components the ability to restore previously activated element before\n * the dialog gets opened\n */\nexport const useRestoreActive = (\n  toggle: Ref<boolean>,\n  initialFocus?: Ref<HTMLElement>\n) => {\n  let previousActive: HTMLElement\n  watch(\n    () => toggle.value,\n    (val) => {\n      if (val) {\n        previousActive = document.activeElement as HTMLElement\n        if (isRef(initialFocus)) {\n          initialFocus.value.focus?.()\n        }\n      } else {\n        if (process.env.NODE_ENV === 'test') {\n          previousActive.focus.call(previousActive)\n        } else {\n          previousActive.focus()\n        }\n      }\n    }\n  )\n}\n"],"names":[],"mappings":";;AAOa,MAAA,gBAAA,GAAmB,CAC9B,MAAA,EACA,YACG,KAAA;AACH,EAAI,IAAA,cAAA,CAAA;AACJ,EAAA,KAAA;AAAA,IACE,MAAM,MAAO,CAAA,KAAA;AAAA,IACb,CAAC,GAAQ,KAAA;AAdb,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAeM,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,cAAA,GAAiB,QAAS,CAAA,aAAA,CAAA;AAC1B,QAAI,IAAA,KAAA,CAAM,YAAY,CAAG,EAAA;AACvB,UAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,YAAA,CAAa,OAAM,KAAnB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACF;AAAA,OACK,MAAA;AACL,QAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,MAAQ,EAAA;AACnC,UAAe,cAAA,CAAA,KAAA,CAAM,KAAK,cAAc,CAAA,CAAA;AAAA,SACnC,MAAA;AACL,UAAA,cAAA,CAAe,KAAM,EAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}

package/es/packages/hooks/use-same-target/index.mjs

@@ -0,0 +1,25 @@
+import { NOOP } from '@vue/shared';
+
+const useSameTarget = (handleClick) => {
+  if (!handleClick) {
+    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };
+  }
+  let mousedownTarget = false;
+  let mouseupTarget = false;
+  const onClick = (e) => {
+    if (mousedownTarget && mouseupTarget) {
+      handleClick(e);
+    }
+    mousedownTarget = mouseupTarget = false;
+  };
+  const onMousedown = (e) => {
+    mousedownTarget = e.target === e.currentTarget;
+  };
+  const onMouseup = (e) => {
+    mouseupTarget = e.target === e.currentTarget;
+  };
+  return { onClick, onMousedown, onMouseup };
+};
+
+export { useSameTarget };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-same-target/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-same-target/index.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\n\nexport const useSameTarget = (handleClick?: (e: MouseEvent) => void) => {\n  if (!handleClick) {\n    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP }\n  }\n\n  let mousedownTarget = false\n  let mouseupTarget = false\n  // refer to this https://javascript.info/mouse-events-basics\n  // events fired in the order: mousedown -> mouseup -> click\n  // we need to set the mousedown handle to false after click fired.\n  const onClick = (e: MouseEvent) => {\n    // if and only if\n    if (mousedownTarget && mouseupTarget) {\n      handleClick(e)\n    }\n    mousedownTarget = mouseupTarget = false\n  }\n\n  const onMousedown = (e: MouseEvent) => {\n    // marking current mousedown target.\n    mousedownTarget = e.target === e.currentTarget\n  }\n  const onMouseup = (e: MouseEvent) => {\n    // marking current mouseup target.\n    mouseupTarget = e.target === e.currentTarget\n  }\n\n  return { onClick, onMousedown, onMouseup }\n}\n"],"names":[],"mappings":";;AAEa,MAAA,aAAA,GAAgB,CAAC,WAA0C,KAAA;AACtE,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAA,OAAO,EAAE,OAAS,EAAA,IAAA,EAAM,WAAa,EAAA,IAAA,EAAM,WAAW,IAAK,EAAA,CAAA;AAAA,GAC7D;AAEA,EAAA,IAAI,eAAkB,GAAA,KAAA,CAAA;AACtB,EAAA,IAAI,aAAgB,GAAA,KAAA,CAAA;AAIpB,EAAM,MAAA,OAAA,GAAU,CAAC,CAAkB,KAAA;AAEjC,IAAA,IAAI,mBAAmB,aAAe,EAAA;AACpC,MAAA,WAAA,CAAY,CAAC,CAAA,CAAA;AAAA,KACf;AACA,IAAA,eAAA,GAAkB,aAAgB,GAAA,KAAA,CAAA;AAAA,GACpC,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,CAAkB,KAAA;AAErC,IAAkB,eAAA,GAAA,CAAA,CAAE,WAAW,CAAE,CAAA,aAAA,CAAA;AAAA,GACnC,CAAA;AACA,EAAM,MAAA,SAAA,GAAY,CAAC,CAAkB,KAAA;AAEnC,IAAgB,aAAA,GAAA,CAAA,CAAE,WAAW,CAAE,CAAA,aAAA,CAAA;AAAA,GACjC,CAAA;AAEA,EAAO,OAAA,EAAE,OAAS,EAAA,WAAA,EAAa,SAAU,EAAA,CAAA;AAC3C;;;;"}

package/es/packages/hooks/use-teleport/index.mjs

@@ -0,0 +1,44 @@
+import { ref, h, Teleport, onUnmounted } from 'vue';
+import { NOOP } from '@vue/shared';
+import { isClient } from '@vueuse/core';
+import '../../utils/index.mjs';
+import { createGlobalNode, removeGlobalNode } from '../../utils/vue/global-node.mjs';
+
+const useTeleport = (contentRenderer, appendToBody) => {
+  const isTeleportVisible = ref(false);
+  if (!isClient) {
+    return {
+      isTeleportVisible,
+      showTeleport: NOOP,
+      hideTeleport: NOOP,
+      renderTeleport: NOOP
+    };
+  }
+  let $el = null;
+  const showTeleport = () => {
+    isTeleportVisible.value = true;
+    if ($el !== null)
+      return;
+    $el = createGlobalNode();
+  };
+  const hideTeleport = () => {
+    isTeleportVisible.value = false;
+    if ($el !== null) {
+      removeGlobalNode($el);
+      $el = null;
+    }
+  };
+  const renderTeleport = () => {
+    return appendToBody.value !== true ? contentRenderer() : isTeleportVisible.value ? [h(Teleport, { to: $el }, contentRenderer())] : void 0;
+  };
+  onUnmounted(hideTeleport);
+  return {
+    isTeleportVisible,
+    showTeleport,
+    hideTeleport,
+    renderTeleport
+  };
+};
+
+export { useTeleport };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-teleport/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-teleport/index.ts"],"sourcesContent":["import { Teleport, h, onUnmounted, ref } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { isClient } from '@vueuse/core'\nimport { createGlobalNode, removeGlobalNode } from '@greeks-live-ui/utils'\n\nimport type { Ref, VNode } from 'vue'\n\nexport const useTeleport = (contentRenderer: () => VNode, appendToBody: Ref<boolean>) => {\n  const isTeleportVisible = ref(false)\n\n  if (!isClient) {\n    return {\n      isTeleportVisible,\n      showTeleport: NOOP,\n      hideTeleport: NOOP,\n      renderTeleport: NOOP\n    }\n  }\n\n  let $el: HTMLElement | null = null\n\n  const showTeleport = () => {\n    isTeleportVisible.value = true\n    // this allows the delayed showing strategy since the the content itself could be enterable\n    // e.g. el-popper\n    if ($el !== null) return\n\n    $el = createGlobalNode()\n  }\n\n  const hideTeleport = () => {\n    isTeleportVisible.value = false\n    if ($el !== null) {\n      removeGlobalNode($el)\n      $el = null\n    }\n  }\n\n  const renderTeleport = () => {\n    return appendToBody.value !== true\n      ? contentRenderer()\n      : isTeleportVisible.value\n      ? [h(Teleport, { to: $el }, contentRenderer())]\n      : undefined\n  }\n\n  onUnmounted(hideTeleport)\n\n  return {\n    isTeleportVisible,\n    showTeleport,\n    hideTeleport,\n    renderTeleport\n  }\n}\n"],"names":[],"mappings":";;;;;;AAOa,MAAA,WAAA,GAAc,CAAC,eAAA,EAA8B,YAA+B,KAAA;AACvF,EAAM,MAAA,iBAAA,GAAoB,IAAI,KAAK,CAAA,CAAA;AAEnC,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA;AAAA,MACL,iBAAA;AAAA,MACA,YAAc,EAAA,IAAA;AAAA,MACd,YAAc,EAAA,IAAA;AAAA,MACd,cAAgB,EAAA,IAAA;AAAA,KAClB,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,GAA0B,GAAA,IAAA,CAAA;AAE9B,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,iBAAA,CAAkB,KAAQ,GAAA,IAAA,CAAA;AAG1B,IAAA,IAAI,GAAQ,KAAA,IAAA;AAAM,MAAA,OAAA;AAElB,IAAA,GAAA,GAAM,gBAAiB,EAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,iBAAA,CAAkB,KAAQ,GAAA,KAAA,CAAA;AAC1B,IAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,MAAA,gBAAA,CAAiB,GAAG,CAAA,CAAA;AACpB,MAAM,GAAA,GAAA,IAAA,CAAA;AAAA,KACR;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,OAAO,aAAa,KAAU,KAAA,IAAA,GAC1B,eAAgB,EAAA,GAChB,kBAAkB,KAClB,GAAA,CAAC,CAAE,CAAA,QAAA,EAAU,EAAE,EAAI,EAAA,GAAA,IAAO,eAAgB,EAAC,CAAC,CAC5C,GAAA,KAAA,CAAA,CAAA;AAAA,GACN,CAAA;AAEA,EAAA,WAAA,CAAY,YAAY,CAAA,CAAA;AAExB,EAAO,OAAA;AAAA,IACL,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/es/packages/hooks/use-throttle-render/index.mjs

@@ -0,0 +1,31 @@
+import { ref, onMounted, watch } from 'vue';
+
+const useThrottleRender = (loading, throttle = 0) => {
+  if (throttle === 0)
+    return loading;
+  const throttled = ref(false);
+  let timeoutHandle = 0;
+  const dispatchThrottling = () => {
+    if (timeoutHandle) {
+      clearTimeout(timeoutHandle);
+    }
+    timeoutHandle = window.setTimeout(() => {
+      throttled.value = loading.value;
+    }, throttle);
+  };
+  onMounted(dispatchThrottling);
+  watch(
+    () => loading.value,
+    (val) => {
+      if (val) {
+        dispatchThrottling();
+      } else {
+        throttled.value = val;
+      }
+    }
+  );
+  return throttled;
+};
+
+export { useThrottleRender };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-throttle-render/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-throttle-render/index.ts"],"sourcesContent":["import { onMounted, ref, watch } from 'vue'\n\nimport type { Ref } from 'vue'\n\nexport const useThrottleRender = (loading: Ref<boolean>, throttle = 0) => {\n  if (throttle === 0) return loading\n  const throttled = ref(false)\n  let timeoutHandle = 0\n\n  const dispatchThrottling = () => {\n    if (timeoutHandle) {\n      clearTimeout(timeoutHandle)\n    }\n    timeoutHandle = window.setTimeout(() => {\n      throttled.value = loading.value\n    }, throttle)\n  }\n  onMounted(dispatchThrottling)\n\n  watch(\n    () => loading.value,\n    (val) => {\n      if (val) {\n        dispatchThrottling()\n      } else {\n        throttled.value = val\n      }\n    }\n  )\n  return throttled\n}\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAoB,GAAA,CAAC,OAAuB,EAAA,QAAA,GAAW,CAAM,KAAA;AACxE,EAAA,IAAI,QAAa,KAAA,CAAA;AAAG,IAAO,OAAA,OAAA,CAAA;AAC3B,EAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,EAAA,IAAI,aAAgB,GAAA,CAAA,CAAA;AAEpB,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,YAAA,CAAa,aAAa,CAAA,CAAA;AAAA,KAC5B;AACA,IAAgB,aAAA,GAAA,MAAA,CAAO,WAAW,MAAM;AACtC,MAAA,SAAA,CAAU,QAAQ,OAAQ,CAAA,KAAA,CAAA;AAAA,OACzB,QAAQ,CAAA,CAAA;AAAA,GACb,CAAA;AACA,EAAA,SAAA,CAAU,kBAAkB,CAAA,CAAA;AAE5B,EAAA,KAAA;AAAA,IACE,MAAM,OAAQ,CAAA,KAAA;AAAA,IACd,CAAC,GAAQ,KAAA;AACP,MAAA,IAAI,GAAK,EAAA;AACP,QAAmB,kBAAA,EAAA,CAAA;AAAA,OACd,MAAA;AACL,QAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,OACpB;AAAA,KACF;AAAA,GACF,CAAA;AACA,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}

package/es/packages/hooks/use-timeout/index.mjs

@@ -0,0 +1,18 @@
+import { tryOnScopeDispose } from '@vueuse/core';
+
+function useTimeout() {
+  let timeoutHandle;
+  const registerTimeout = (fn, delay) => {
+    cancelTimeout();
+    timeoutHandle = window.setTimeout(fn, delay);
+  };
+  const cancelTimeout = () => window.clearTimeout(timeoutHandle);
+  tryOnScopeDispose(() => cancelTimeout());
+  return {
+    registerTimeout,
+    cancelTimeout
+  };
+}
+
+export { useTimeout };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-timeout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-timeout/index.ts"],"sourcesContent":["import { tryOnScopeDispose } from '@vueuse/core'\n\nexport function useTimeout() {\n  let timeoutHandle: number\n\n  const registerTimeout = (fn: (...args: any[]) => any, delay: number) => {\n    cancelTimeout()\n    timeoutHandle = window.setTimeout(fn, delay)\n  }\n  const cancelTimeout = () => window.clearTimeout(timeoutHandle)\n\n  tryOnScopeDispose(() => cancelTimeout())\n\n  return {\n    registerTimeout,\n    cancelTimeout,\n  }\n}\n"],"names":[],"mappings":";;AAEO,SAAS,UAAa,GAAA;AAC3B,EAAI,IAAA,aAAA,CAAA;AAEJ,EAAM,MAAA,eAAA,GAAkB,CAAC,EAAA,EAA6B,KAAkB,KAAA;AACtE,IAAc,aAAA,EAAA,CAAA;AACd,IAAgB,aAAA,GAAA,MAAA,CAAO,UAAW,CAAA,EAAA,EAAI,KAAK,CAAA,CAAA;AAAA,GAC7C,CAAA;AACA,EAAA,MAAM,aAAgB,GAAA,MAAM,MAAO,CAAA,YAAA,CAAa,aAAa,CAAA,CAAA;AAE7D,EAAkB,iBAAA,CAAA,MAAM,eAAe,CAAA,CAAA;AAEvC,EAAO,OAAA;AAAA,IACL,eAAA;AAAA,IACA,aAAA;AAAA,GACF,CAAA;AACF;;;;"}