@element-plus/nightly 0.0.20220101 → 0.0.20220105

package/lib/hooks/use-delayed-toggle/index.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('../../utils/props.js');
+var index = require('../use-timeout/index.js');
+
+const useDelayedToggleProps = props.buildProps({
+  showAfter: {
+    type: Number,
+    default: 0
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  }
+});
+const useDelayedToggle = ({
+  showAfter,
+  hideAfter,
+  open,
+  close
+}) => {
+  const { registerTimeout } = index.useTimeout();
+  const onOpen = () => {
+    registerTimeout(() => {
+      open();
+    }, vue.unref(showAfter));
+  };
+  const onClose = () => {
+    registerTimeout(() => {
+      close();
+    }, vue.unref(hideAfter));
+  };
+  return {
+    onOpen,
+    onClose
+  };
+};
+
+exports.useDelayedToggle = useDelayedToggle;
+exports.useDelayedToggleProps = useDelayedToggleProps;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-delayed-toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-delayed-toggle/index.ts"],"sourcesContent":["import { unref } from 'vue'\nimport { buildProps } from '@element-plus/utils/props'\nimport { useTimeout } from '../use-timeout'\n\nimport type { ToRefs, ExtractPropTypes } from 'vue'\n\nexport const useDelayedToggleProps = buildProps({\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n})\n\nexport type UseDelayedToggleProps = {\n  open: () => void\n  close: () => void\n} & ToRefs<ExtractPropTypes<typeof useDelayedToggleProps>>\n\nexport const useDelayedToggle = ({\n  showAfter,\n  hideAfter,\n  open,\n  close,\n}: UseDelayedToggleProps) => {\n  const { registerTimeout } = useTimeout()\n\n  const onOpen = () => {\n    registerTimeout(() => {\n      open()\n    }, unref(showAfter))\n  }\n\n  const onClose = () => {\n    registerTimeout(() => {\n      close()\n    }, unref(hideAfter))\n  }\n\n  return {\n    onOpen,\n    onClose,\n  }\n}\n"],"names":["buildProps","useTimeout","unref"],"mappings":";;;;;;;;AAGY,MAAC,qBAAqB,GAAGA,gBAAU,CAAC;AAChD,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG,CAAC;AACjC,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,IAAI;AACN,EAAE,KAAK;AACP,CAAC,KAAK;AACN,EAAE,MAAM,EAAE,eAAe,EAAE,GAAGC,gBAAU,EAAE,CAAC;AAC3C,EAAE,MAAM,MAAM,GAAG,MAAM;AACvB,IAAI,eAAe,CAAC,MAAM;AAC1B,MAAM,IAAI,EAAE,CAAC;AACb,KAAK,EAAEC,SAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACzB,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,MAAM;AACxB,IAAI,eAAe,CAAC,MAAM;AAC1B,MAAM,KAAK,EAAE,CAAC;AACd,KAAK,EAAEA,SAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACzB,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,MAAM;AACV,IAAI,OAAO;AACX,GAAG,CAAC;AACJ;;;;;"}

package/lib/hooks/use-escape-keydown/index.d.ts

@@ -0,0 +1 @@
+export declare const useEscapeKeydown: (handler?: ((e: KeyboardEvent) => void) | undefined) => void;

package/lib/hooks/use-escape-keydown/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var dom = require('../../utils/dom.js');
+var aria = require('../../utils/aria.js');
+
+const useEscapeKeydown = (handler) => {
+  const cachedHandler = (e) => {
+    const event = e;
+    if (event.key === aria.EVENT_CODE.esc) {
+      handler == null ? void 0 : handler(event);
+    }
+  };
+  vue.onMounted(() => {
+    dom.on(document, "keydown", cachedHandler);
+  });
+  vue.onBeforeUnmount(() => {
+    dom.off(document, "keydown", cachedHandler);
+  });
+};
+
+exports.useEscapeKeydown = useEscapeKeydown;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-escape-keydown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-escape-keydown/index.ts"],"sourcesContent":["import { onMounted, onBeforeUnmount } from 'vue'\nimport { on, off } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\n\nexport const useEscapeKeydown = (handler?: (e: KeyboardEvent) => void) => {\n  const cachedHandler = (e: Event) => {\n    const event = e as KeyboardEvent\n    if (event.key === EVENT_CODE.esc) {\n      handler?.(event)\n    }\n  }\n  onMounted(() => {\n    on(document, 'keydown', cachedHandler)\n  })\n\n  onBeforeUnmount(() => {\n    off(document, 'keydown', cachedHandler)\n  })\n}\n"],"names":["EVENT_CODE","onMounted","on","onBeforeUnmount","off"],"mappings":";;;;;;;;AAGY,MAAC,gBAAgB,GAAG,CAAC,OAAO,KAAK;AAC7C,EAAE,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK;AAC/B,IAAI,MAAM,KAAK,GAAG,CAAC,CAAC;AACpB,IAAI,IAAI,KAAK,CAAC,GAAG,KAAKA,eAAU,CAAC,GAAG,EAAE;AACtC,MAAM,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAChD,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,aAAS,CAAC,MAAM;AAClB,IAAIC,MAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;AAC3C,GAAG,CAAC,CAAC;AACL,EAAEC,mBAAe,CAAC,MAAM;AACxB,IAAIC,OAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;AAC5C,GAAG,CAAC,CAAC;AACL;;;;"}

package/lib/hooks/use-focus/index.d.ts

@@ -1,4 +1,6 @@
 import type { Ref } from 'vue';
-export declare const useFocus: (el: Ref<HTMLElement>) => {
+export declare const useFocus: (el: Ref<{
+    focus: () => void;
+} | null>) => {
     focus: () => void;
 };

package/lib/hooks/use-focus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-focus/index.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport const useFocus = (el: Ref<HTMLElement>) => {\n  return {\n    focus: () => {\n      el.value?.focus?.()\n    },\n  }\n}\n"],"names":[],"mappings":";;;;AAAY,MAAC,QAAQ,GAAG,CAAC,EAAE,KAAK;AAChC,EAAE,OAAO;AACT,IAAI,KAAK,EAAE,MAAM;AACjB,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxF,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"index.js","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":";;;;AAAY,MAAC,QAAQ,GAAG,CAAC,EAAE,KAAK;AAChC,EAAE,OAAO;AACT,IAAI,KAAK,EAAE,MAAM;AACjB,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxF,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/lib/hooks/use-forward-ref/index.d.ts

@@ -0,0 +1,13 @@
+import type { InjectionKey, Ref } from 'vue';
+declare type ForwardRefSetter = <T>(el: T) => void;
+export declare type ForwardRefInjectionContext = {
+    setForwardRef: ForwardRefSetter;
+};
+export declare const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext>;
+export declare const useForwardRef: <T>(forwardRef: Ref<T | null>) => void;
+export declare const useForwardRefDirective: (setForwardRef: ForwardRefSetter) => {
+    mounted(el: any): void;
+    updated(el: any): void;
+    unmounted(): void;
+};
+export {};

package/lib/hooks/use-forward-ref/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const FORWARD_REF_INJECTION_KEY = Symbol("elForwardRef");
+const useForwardRef = (forwardRef) => {
+  const setForwardRef = (el) => {
+    forwardRef.value = el;
+  };
+  vue.provide(FORWARD_REF_INJECTION_KEY, {
+    setForwardRef
+  });
+};
+const useForwardRefDirective = (setForwardRef) => {
+  return {
+    mounted(el) {
+      setForwardRef(el);
+    },
+    updated(el) {
+      setForwardRef(el);
+    },
+    unmounted() {
+      setForwardRef(null);
+    }
+  };
+};
+
+exports.FORWARD_REF_INJECTION_KEY = FORWARD_REF_INJECTION_KEY;
+exports.useForwardRef = useForwardRef;
+exports.useForwardRefDirective = useForwardRefDirective;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-forward-ref/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-forward-ref/index.ts"],"sourcesContent":["import { provide } from 'vue'\n\nimport type { InjectionKey, 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 = (setForwardRef: ForwardRefSetter) => {\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":["provide"],"mappings":";;;;;;AACY,MAAC,yBAAyB,GAAG,MAAM,CAAC,cAAc,EAAE;AACpD,MAAC,aAAa,GAAG,CAAC,UAAU,KAAK;AAC7C,EAAE,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK;AAChC,IAAI,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;AAC1B,GAAG,CAAC;AACJ,EAAEA,WAAO,CAAC,yBAAyB,EAAE;AACrC,IAAI,aAAa;AACjB,GAAG,CAAC,CAAC;AACL,EAAE;AACU,MAAC,sBAAsB,GAAG,CAAC,aAAa,KAAK;AACzD,EAAE,OAAO;AACT,IAAI,OAAO,CAAC,EAAE,EAAE;AAChB,MAAM,aAAa,CAAC,EAAE,CAAC,CAAC;AACxB,KAAK;AACL,IAAI,OAAO,CAAC,EAAE,EAAE;AAChB,MAAM,aAAa,CAAC,EAAE,CAAC,CAAC;AACxB,KAAK;AACL,IAAI,SAAS,GAAG;AAChB,MAAM,aAAa,CAAC,IAAI,CAAC,CAAC;AAC1B,KAAK;AACL,GAAG,CAAC;AACJ;;;;;;"}

package/lib/hooks/use-id/index.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { MaybeRef } from '@vueuse/core';
+export declare type ElIdInjectionContext = {
+    prefix: number;
+    current: number;
+};
+export declare const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext>;
+export declare const useId: (deterministicId?: MaybeRef<string> | undefined) => Ref<string>;

package/lib/hooks/use-id/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var isServer = require('../../utils/isServer.js');
+var error = require('../../utils/error.js');
+
+const defaultIdInjection = {
+  prefix: Math.floor(Math.random() * 1e4),
+  current: 0
+};
+const ID_INJECTION_KEY = Symbol("elIdInjection");
+const useId = (deterministicId) => {
+  const idInjection = vue.inject(ID_INJECTION_KEY, defaultIdInjection);
+  if (isServer["default"] && idInjection === defaultIdInjection) {
+    error.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 idRef = vue.computed(() => vue.unref(deterministicId) || `el-id-${idInjection.prefix}-${idInjection.current++}`);
+  return idRef;
+};
+
+exports.ID_INJECTION_KEY = ID_INJECTION_KEY;
+exports.useId = useId;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-id/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport isServer from '@element-plus/utils/isServer'\nimport { debugWarn } from '@element-plus/utils/error'\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> =\n  Symbol('elIdInjection')\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection)\n\n  if (isServer && 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 idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `el-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":["inject","isServer","debugWarn","computed","unref"],"mappings":";;;;;;;;AAGA,MAAM,kBAAkB,GAAG;AAC3B,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;AACzC,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,eAAe,EAAE;AAC5C,MAAC,KAAK,GAAG,CAAC,eAAe,KAAK;AAC1C,EAAE,MAAM,WAAW,GAAGA,UAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AACnE,EAAE,IAAIC,mBAAQ,IAAI,WAAW,KAAK,kBAAkB,EAAE;AACtD,IAAIC,eAAS,CAAC,aAAa,EAAE,CAAC;AAC9B;AACA;AACA;AACA,EAAE,CAAC,CAAC,CAAC;AACL,GAAG;AACH,EAAE,MAAM,KAAK,GAAGC,YAAQ,CAAC,MAAMC,SAAK,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AACjH,EAAE,OAAO,KAAK,CAAC;AACf;;;;;"}

package/lib/hooks/use-intermediate-render/index.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+export declare type UseDelayedRenderProps = {
+    indicator: Ref<boolean>;
+    intermediateIndicator: Ref<boolean>;
+    shouldSetIntermediate?: (step: 'show' | 'hide') => boolean;
+    beforeShow?: () => void;
+    beforeHide?: () => void;
+    afterShow?: () => void;
+    afterHide?: () => void;
+};
+export declare const useDelayedRender: ({ indicator, intermediateIndicator, shouldSetIntermediate, beforeShow, afterShow, afterHide, beforeHide, }: UseDelayedRenderProps) => void;

package/lib/hooks/use-intermediate-render/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const useDelayedRender = ({
+  indicator,
+  intermediateIndicator,
+  shouldSetIntermediate = () => true,
+  beforeShow,
+  afterShow,
+  afterHide,
+  beforeHide
+}) => {
+  vue.watch(() => vue.unref(indicator), (val) => {
+    if (val) {
+      beforeShow == null ? void 0 : beforeShow();
+      vue.nextTick(() => {
+        if (!vue.unref(indicator))
+          return;
+        if (shouldSetIntermediate("show")) {
+          intermediateIndicator.value = true;
+        }
+      });
+    } else {
+      beforeHide == null ? void 0 : beforeHide();
+      vue.nextTick(() => {
+        if (vue.unref(indicator))
+          return;
+        if (shouldSetIntermediate("hide")) {
+          intermediateIndicator.value = false;
+        }
+      });
+    }
+  });
+  vue.watch(() => intermediateIndicator.value, (val) => {
+    if (val) {
+      afterShow == null ? void 0 : afterShow();
+    } else {
+      afterHide == null ? void 0 : afterHide();
+    }
+  });
+};
+
+exports.useDelayedRender = useDelayedRender;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-intermediate-render/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-intermediate-render/index.ts"],"sourcesContent":["import { nextTick, watch, unref } 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":["watch","unref","nextTick"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAG,CAAC;AACjC,EAAE,SAAS;AACX,EAAE,qBAAqB;AACvB,EAAE,qBAAqB,GAAG,MAAM,IAAI;AACpC,EAAE,UAAU;AACZ,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,UAAU;AACZ,CAAC,KAAK;AACN,EAAEA,SAAK,CAAC,MAAMC,SAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK;AACzC,IAAI,IAAI,GAAG,EAAE;AACb,MAAM,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,EAAE,CAAC;AACjD,MAAMC,YAAQ,CAAC,MAAM;AACrB,QAAQ,IAAI,CAACD,SAAK,CAAC,SAAS,CAAC;AAC7B,UAAU,OAAO;AACjB,QAAQ,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC3C,UAAU,qBAAqB,CAAC,KAAK,GAAG,IAAI,CAAC;AAC7C,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK,MAAM;AACX,MAAM,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,EAAE,CAAC;AACjD,MAAMC,YAAQ,CAAC,MAAM;AACrB,QAAQ,IAAID,SAAK,CAAC,SAAS,CAAC;AAC5B,UAAU,OAAO;AACjB,QAAQ,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC3C,UAAU,qBAAqB,CAAC,KAAK,GAAG,KAAK,CAAC;AAC9C,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAED,SAAK,CAAC,MAAM,qBAAqB,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK;AACpD,IAAI,IAAI,GAAG,EAAE;AACb,MAAM,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,EAAE,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,EAAE,CAAC;AAC/C,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;"}

package/lib/hooks/use-model-toggle/index.d.ts

@@ -1,10 +1,24 @@
 import type { Ref, ExtractPropTypes } from 'vue';
-export declare const useModelToggleProps: {
-    modelValue: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<boolean | null>, null, unknown, unknown, unknown>;
-    'onUpdate:modelValue': FunctionConstructor;
+export declare const createModelToggleComposable: (name: string) => {
+    useModelToggle: ({ indicator, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: ModelToggleParams) => {
+        hide: () => void;
+        show: () => void;
+        toggle: () => void;
+    };
+    useModelToggleProps: {
+        [x: string]: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<boolean | null>, null, false, never, never> | import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<(val: boolean) => void>, never, false, never, never>;
+    };
+    useModelToggleEmits: string[];
 };
+declare const useModelToggle: ({ indicator, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: ModelToggleParams) => {
+    hide: () => void;
+    show: () => void;
+    toggle: () => void;
+}, useModelToggleProps: {
+    [x: string]: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<boolean | null>, null, false, never, never> | import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<(val: boolean) => void>, never, false, never, never>;
+}, useModelToggleEmits: string[];
+export { useModelToggle, useModelToggleEmits, useModelToggleProps };
 export declare type UseModelToggleProps = ExtractPropTypes<typeof useModelToggleProps>;
-export declare const useModelToggleEmits: string[];
 export declare type ModelToggleParams = {
     indicator: Ref<boolean>;
     shouldHideWhenRouteChanges?: Ref<boolean>;
@@ -12,8 +26,3 @@ export declare type ModelToggleParams = {
     onShow?: () => void;
     onHide?: () => void;
 };
-export declare const useModelToggle: ({ indicator, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: ModelToggleParams) => {
-    hide: () => void;
-    show: () => void;
-    toggle: () => void;
-};

package/lib/hooks/use-model-toggle/index.js

@@ -6,111 +6,122 @@ var vue = require('vue');
 var shared = require('@vue/shared');
 var core = require('@vueuse/core');
 var util = require('../../utils/util.js');
-var constants = require('../../utils/constants.js');
 var props = require('../../utils/props.js');
 
-const useModelToggleProps = props.buildProps({
-  modelValue: {
-    type: props.definePropType(Boolean),
-    default: null
-  },
-  "onUpdate:modelValue": Function
-});
-const useModelToggleEmits = [constants.UPDATE_MODEL_EVENT];
-const useModelToggle = ({
-  indicator,
-  shouldHideWhenRouteChanges,
-  shouldProceed,
-  onShow,
-  onHide
-}) => {
-  const instance = vue.getCurrentInstance();
-  const props = instance.props;
-  const { emit } = instance;
-  const hasUpdateHandler = vue.computed(() => shared.isFunction(props["onUpdate:modelValue"]));
-  const isModelBindingAbsent = vue.computed(() => props.modelValue === null);
-  const doShow = () => {
-    if (indicator.value === true) {
-      return;
-    }
-    indicator.value = true;
-    if (shared.isFunction(onShow)) {
-      onShow();
-    }
+const createModelToggleComposable = (name) => {
+  const useModelToggleProps2 = {
+    [name]: props.buildProp({
+      type: props.definePropType(Boolean),
+      default: null
+    }),
+    [`onUpdate:${name}`]: props.buildProp({
+      type: props.definePropType(Function)
+    })
   };
-  const doHide = () => {
-    if (indicator.value === false) {
-      return;
-    }
-    indicator.value = false;
-    if (shared.isFunction(onHide)) {
-      onHide();
-    }
-  };
-  const show = () => {
-    if (props.disabled === true || shared.isFunction(shouldProceed) && !shouldProceed())
-      return;
-    const shouldEmit = hasUpdateHandler.value && core.isClient;
-    if (shouldEmit) {
-      emit(constants.UPDATE_MODEL_EVENT, true);
-    }
-    if (isModelBindingAbsent.value || !shouldEmit) {
-      doShow();
-    }
-  };
-  const hide = () => {
-    if (props.disabled === true || !core.isClient)
-      return;
-    const shouldEmit = hasUpdateHandler.value && core.isClient;
-    if (shouldEmit) {
-      emit(constants.UPDATE_MODEL_EVENT, false);
-    }
-    if (isModelBindingAbsent.value || !shouldEmit) {
-      doHide();
-    }
-  };
-  const onChange = (val) => {
-    if (!util.isBool(val))
-      return;
-    if (props.disabled && val) {
-      if (hasUpdateHandler.value) {
-        emit(constants.UPDATE_MODEL_EVENT, false);
+  const useModelToggleEmits2 = [`update:${name}`];
+  const useModelToggle2 = ({
+    indicator,
+    shouldHideWhenRouteChanges,
+    shouldProceed,
+    onShow,
+    onHide
+  }) => {
+    const instance = vue.getCurrentInstance();
+    const props = instance.props;
+    const { emit } = instance;
+    const updateEventKey = `update:${name}`;
+    const hasUpdateHandler = vue.computed(() => shared.isFunction(props[`onUpdate:${name}`]));
+    const isModelBindingAbsent = vue.computed(() => props[name] === null);
+    const doShow = () => {
+      if (indicator.value === true) {
+        return;
+      }
+      indicator.value = true;
+      if (shared.isFunction(onShow)) {
+        onShow();
+      }
+    };
+    const doHide = () => {
+      if (indicator.value === false) {
+        return;
       }
-    } else if (indicator.value !== val) {
-      if (val) {
+      indicator.value = false;
+      if (shared.isFunction(onHide)) {
+        onHide();
+      }
+    };
+    const show = () => {
+      if (props.disabled === true || shared.isFunction(shouldProceed) && !shouldProceed())
+        return;
+      const shouldEmit = hasUpdateHandler.value && core.isClient;
+      if (shouldEmit) {
+        emit(updateEventKey, true);
+      }
+      if (isModelBindingAbsent.value || !shouldEmit) {
         doShow();
-      } else {
+      }
+    };
+    const hide = () => {
+      if (props.disabled === true || !core.isClient)
+        return;
+      const shouldEmit = hasUpdateHandler.value && core.isClient;
+      if (shouldEmit) {
+        emit(updateEventKey, false);
+      }
+      if (isModelBindingAbsent.value || !shouldEmit) {
         doHide();
       }
-    }
-  };
-  const toggle = () => {
-    if (indicator.value) {
-      hide();
-    } else {
-      show();
-    }
-  };
-  vue.watch(() => props.modelValue, onChange);
-  if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
-    vue.watch(() => ({
-      ...instance.proxy.$route
-    }), () => {
-      if (shouldHideWhenRouteChanges.value && indicator.value) {
+    };
+    const onChange = (val) => {
+      if (!util.isBool(val))
+        return;
+      if (props.disabled && val) {
+        if (hasUpdateHandler.value) {
+          emit(updateEventKey, false);
+        }
+      } else if (indicator.value !== val) {
+        if (val) {
+          doShow();
+        } else {
+          doHide();
+        }
+      }
+    };
+    const toggle = () => {
+      if (indicator.value) {
         hide();
+      } else {
+        show();
       }
+    };
+    vue.watch(() => props[name], onChange);
+    if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
+      vue.watch(() => ({
+        ...instance.proxy.$route
+      }), () => {
+        if (shouldHideWhenRouteChanges.value && indicator.value) {
+          hide();
+        }
+      });
+    }
+    vue.onMounted(() => {
+      onChange(props[name]);
     });
-  }
-  vue.onMounted(() => {
-    onChange(props.modelValue);
-  });
+    return {
+      hide,
+      show,
+      toggle
+    };
+  };
   return {
-    hide,
-    show,
-    toggle
+    useModelToggle: useModelToggle2,
+    useModelToggleProps: useModelToggleProps2,
+    useModelToggleEmits: useModelToggleEmits2
   };
 };
+const { useModelToggle, useModelToggleProps, useModelToggleEmits } = createModelToggleComposable("modelValue");
 
+exports.createModelToggleComposable = createModelToggleComposable;
 exports.useModelToggle = useModelToggle;
 exports.useModelToggleEmits = useModelToggleEmits;
 exports.useModelToggleProps = useModelToggleProps;

package/lib/hooks/use-model-toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, watch, onMounted } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport { isClient } from '@vueuse/core'\nimport { isBool } from '@element-plus/utils/util'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { RouteLocationNormalizedLoaded } from 'vue-router'\n\nimport type { Ref, ComponentPublicInstance, ExtractPropTypes } from 'vue'\n\nexport const useModelToggleProps = buildProps({\n  modelValue: {\n    type: definePropType<boolean | null>(Boolean),\n    default: null,\n  },\n  'onUpdate:modelValue': Function,\n})\nexport type UseModelToggleProps = ExtractPropTypes<typeof useModelToggleProps>\n\nexport const useModelToggleEmits = [UPDATE_MODEL_EVENT]\n\nexport type ModelToggleParams = {\n  indicator: Ref<boolean>\n  shouldHideWhenRouteChanges?: Ref<boolean>\n  shouldProceed?: () => boolean\n  onShow?: () => void\n  onHide?: () => void\n}\n\nexport const useModelToggle = ({\n  indicator,\n  shouldHideWhenRouteChanges,\n  shouldProceed,\n  onShow,\n  onHide,\n}: ModelToggleParams) => {\n  const instance = getCurrentInstance()!\n  const props = instance.props as UseModelToggleProps & { disabled: boolean }\n  const { emit } = instance\n\n  const hasUpdateHandler = computed(() =>\n    isFunction(props['onUpdate:modelValue'])\n  )\n  // when it matches the default value we say this is absent\n  // though this could be mistakenly passed from the user but we need to rule out that\n  // condition\n  const isModelBindingAbsent = computed(() => props.modelValue === null)\n\n  const doShow = () => {\n    if (indicator.value === true) {\n      return\n    }\n\n    indicator.value = true\n    if (isFunction(onShow)) {\n      onShow()\n    }\n  }\n\n  const doHide = () => {\n    if (indicator.value === false) {\n      return\n    }\n\n    indicator.value = false\n\n    if (isFunction(onHide)) {\n      onHide()\n    }\n  }\n\n  const show = () => {\n    if (\n      props.disabled === true ||\n      (isFunction(shouldProceed) && !shouldProceed())\n    )\n      return\n\n    const shouldEmit = hasUpdateHandler.value && isClient\n\n    if (shouldEmit) {\n      emit(UPDATE_MODEL_EVENT, true)\n    }\n\n    if (isModelBindingAbsent.value || !shouldEmit) {\n      doShow()\n    }\n  }\n\n  const hide = () => {\n    if (props.disabled === true || !isClient) return\n\n    const shouldEmit = hasUpdateHandler.value && isClient\n\n    if (shouldEmit) {\n      emit(UPDATE_MODEL_EVENT, false)\n    }\n\n    if (isModelBindingAbsent.value || !shouldEmit) {\n      doHide()\n    }\n  }\n\n  const onChange = (val: boolean) => {\n    if (!isBool(val)) return\n    if (props.disabled && val) {\n      if (hasUpdateHandler.value) {\n        emit(UPDATE_MODEL_EVENT, false)\n      }\n    } else if (indicator.value !== val) {\n      if (val) {\n        doShow()\n      } else {\n        doHide()\n      }\n    }\n  }\n\n  const toggle = () => {\n    if (indicator.value) {\n      hide()\n    } else {\n      show()\n    }\n  }\n\n  watch(() => props.modelValue, onChange as any)\n\n  if (\n    shouldHideWhenRouteChanges &&\n    instance.appContext.config.globalProperties.$route !== undefined\n  ) {\n    watch(\n      () => ({\n        ...(\n          instance.proxy as ComponentPublicInstance<{\n            $route: RouteLocationNormalizedLoaded\n          }>\n        ).$route,\n      }),\n      () => {\n        if (shouldHideWhenRouteChanges.value && indicator.value) {\n          hide()\n        }\n      }\n    )\n  }\n\n  onMounted(() => {\n    onChange(props.modelValue as boolean)\n  })\n\n  return {\n    hide,\n    show,\n    toggle,\n  }\n}\n"],"names":["buildProps","definePropType","UPDATE_MODEL_EVENT","getCurrentInstance","computed","isFunction","isClient","isBool","watch","onMounted"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, watch, onMounted } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport { isClient } from '@vueuse/core'\nimport { isBool } from '@element-plus/utils/util'\nimport { buildProp, definePropType } from '@element-plus/utils/props'\nimport type { RouteLocationNormalizedLoaded } from 'vue-router'\n\nimport type { Ref, ComponentPublicInstance, ExtractPropTypes } from 'vue'\n\nexport const createModelToggleComposable = (name: string) => {\n  const useModelToggleProps = {\n    [name]: buildProp({\n      type: definePropType<boolean | null>(Boolean),\n      default: null,\n    } as const),\n    [`onUpdate:${name}`]: buildProp({\n      type: definePropType<(val: boolean) => void>(Function),\n    } as const),\n  }\n\n  const useModelToggleEmits = [`update:${name}`]\n\n  const useModelToggle = ({\n    indicator,\n    shouldHideWhenRouteChanges,\n    shouldProceed,\n    onShow,\n    onHide,\n  }: ModelToggleParams) => {\n    const instance = getCurrentInstance()!\n    const props = instance.props as UseModelToggleProps & { disabled: boolean }\n    const { emit } = instance\n\n    const updateEventKey = `update:${name}`\n\n    const hasUpdateHandler = computed(() =>\n      isFunction(props[`onUpdate:${name}`])\n    )\n    // when it matches the default value we say this is absent\n    // though this could be mistakenly passed from the user but we need to rule out that\n    // condition\n    const isModelBindingAbsent = computed(() => props[name] === null)\n\n    const doShow = () => {\n      if (indicator.value === true) {\n        return\n      }\n\n      indicator.value = true\n      if (isFunction(onShow)) {\n        onShow()\n      }\n    }\n\n    const doHide = () => {\n      if (indicator.value === false) {\n        return\n      }\n\n      indicator.value = false\n\n      if (isFunction(onHide)) {\n        onHide()\n      }\n    }\n\n    const show = () => {\n      if (\n        props.disabled === true ||\n        (isFunction(shouldProceed) && !shouldProceed())\n      )\n        return\n\n      const shouldEmit = hasUpdateHandler.value && isClient\n\n      if (shouldEmit) {\n        emit(updateEventKey, true)\n      }\n\n      if (isModelBindingAbsent.value || !shouldEmit) {\n        doShow()\n      }\n    }\n\n    const hide = () => {\n      if (props.disabled === true || !isClient) return\n\n      const shouldEmit = hasUpdateHandler.value && isClient\n\n      if (shouldEmit) {\n        emit(updateEventKey, false)\n      }\n\n      if (isModelBindingAbsent.value || !shouldEmit) {\n        doHide()\n      }\n    }\n\n    const onChange = (val: boolean) => {\n      if (!isBool(val)) return\n      if (props.disabled && val) {\n        if (hasUpdateHandler.value) {\n          emit(updateEventKey, false)\n        }\n      } else if (indicator.value !== val) {\n        if (val) {\n          doShow()\n        } else {\n          doHide()\n        }\n      }\n    }\n\n    const toggle = () => {\n      if (indicator.value) {\n        hide()\n      } else {\n        show()\n      }\n    }\n\n    watch(() => props[name], onChange as any)\n\n    if (\n      shouldHideWhenRouteChanges &&\n      instance.appContext.config.globalProperties.$route !== undefined\n    ) {\n      watch(\n        () => ({\n          ...(\n            instance.proxy as ComponentPublicInstance<{\n              $route: RouteLocationNormalizedLoaded\n            }>\n          ).$route,\n        }),\n        () => {\n          if (shouldHideWhenRouteChanges.value && indicator.value) {\n            hide()\n          }\n        }\n      )\n    }\n\n    onMounted(() => {\n      onChange(props[name] as boolean)\n    })\n\n    return {\n      hide,\n      show,\n      toggle,\n    }\n  }\n\n  return {\n    useModelToggle,\n    useModelToggleProps,\n    useModelToggleEmits,\n  }\n}\n\nconst { useModelToggle, useModelToggleProps, useModelToggleEmits } =\n  createModelToggleComposable('modelValue')\n\nexport { useModelToggle, useModelToggleEmits, useModelToggleProps }\n\nexport type UseModelToggleProps = ExtractPropTypes<typeof useModelToggleProps>\n\nexport type ModelToggleParams = {\n  indicator: Ref<boolean>\n  shouldHideWhenRouteChanges?: Ref<boolean>\n  shouldProceed?: () => boolean\n  onShow?: () => void\n  onHide?: () => void\n}\n"],"names":["buildProp","definePropType","getCurrentInstance","computed","isFunction","isClient","isBool","watch","onMounted"],"mappings":"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"}

package/lib/hooks/use-popper-container/index.d.ts

@@ -0,0 +1,3 @@
+export declare const POPPER_CONTAINER_ID: string;
+export declare const POPPER_CONTAINER_SELECTOR: string;
+export declare const usePopperContainer: () => void;

package/lib/hooks/use-popper-container/index.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../../utils/util.js');
+var isServer = require('../../utils/isServer.js');
+
+let cachedContainer;
+const POPPER_CONTAINER_ID = `el-popper-container-${util.generateId()}`;
+const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
+const usePopperContainer = () => {
+  vue.onBeforeMount(() => {
+    if (isServer["default"])
+      return;
+    if (process.env.NODE_ENV === "test" || !cachedContainer) {
+      const container = document.createElement("div");
+      container.id = POPPER_CONTAINER_ID;
+      document.body.appendChild(container);
+      cachedContainer = container;
+    }
+  });
+};
+
+exports.POPPER_CONTAINER_ID = POPPER_CONTAINER_ID;
+exports.POPPER_CONTAINER_SELECTOR = POPPER_CONTAINER_SELECTOR;
+exports.usePopperContainer = usePopperContainer;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-popper-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { onBeforeMount } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport isServer from '@element-plus/utils/isServer'\n\nlet cachedContainer: HTMLElement\n\nexport const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`\n\nexport const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (isServer) return\n\n    // This is for bypassing the error that when under testing env, we often encounter\n    // document.body.innerHTML = '' situation\n    // for this we need to disable the caching since it's not really needed\n    if (process.env.NODE_ENV === 'test' || !cachedContainer) {\n      const container = document.createElement('div')\n      container.id = POPPER_CONTAINER_ID\n      document.body.appendChild(container)\n      cachedContainer = container\n    }\n  })\n}\n"],"names":["generateId","onBeforeMount","isServer"],"mappings":";;;;;;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAEA,eAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAEC,iBAAa,CAAC,MAAM;AACtB,IAAI,IAAIC,mBAAQ;AAChB,MAAM,OAAO;AACb,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,eAAe,EAAE;AAC7D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,SAAS,CAAC,EAAE,GAAG,mBAAmB,CAAC;AACzC,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;;;"}

package/lib/hooks/use-restore-active/index.js

@@ -14,7 +14,7 @@ const useRestoreActive = (toggle, initialFocus) => {
         (_b = (_a = initialFocus.value).focus) == null ? void 0 : _b.call(_a);
       }
     } else {
-      if (process.env.NODE_ENV === "testing") {
+      if (process.env.NODE_ENV === "test") {
         previousActive.focus.call(previousActive);
       } else {
         previousActive.focus();

package/lib/hooks/use-restore-active/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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 === 'testing') {\n          previousActive.focus.call(previousActive)\n        } else {\n          previousActive.focus()\n        }\n      }\n    }\n  )\n}\n"],"names":["watch","isRef"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK;AAC1D,EAAE,IAAI,cAAc,CAAC;AACrB,EAAEA,SAAK,CAAC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK;AACrC,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,IAAI,GAAG,EAAE;AACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC;AAC9C,MAAM,IAAIC,SAAK,CAAC,YAAY,CAAC,EAAE;AAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9E,OAAO;AACP,KAAK,MAAM;AACX,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,SAAS,EAAE;AAC9C,QAAQ,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAClD,OAAO,MAAM;AACb,QAAQ,cAAc,CAAC,KAAK,EAAE,CAAC;AAC/B,OAAO;AACP,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"index.js","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":["watch","isRef"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK;AAC1D,EAAE,IAAI,cAAc,CAAC;AACrB,EAAEA,SAAK,CAAC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK;AACrC,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,IAAI,GAAG,EAAE;AACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC;AAC9C,MAAM,IAAIC,SAAK,CAAC,YAAY,CAAC,EAAE;AAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9E,OAAO;AACP,KAAK,MAAM;AACX,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;AAC3C,QAAQ,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAClD,OAAO,MAAM;AACb,QAAQ,cAAc,CAAC,KAAK,EAAE,CAAC;AAC/B,OAAO;AACP,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;"}