@element-plus/nightly 0.0.20220102 → 0.0.20220106

package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    id: import("vue").Ref<string>;
+    handleKeydown: (event: Event) => void;
+    handleFocus: (event: Event) => void;
+    handleMousedown: (event: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "keydown" | "mousedown")[], "focus" | "keydown" | "mousedown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    focusable?: unknown;
+    active?: unknown;
+} & {
+    active: boolean;
+    focusable: boolean;
+} & {}> & {
+    onMousedown?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    active: boolean;
+    focusable: boolean;
+}>;
+export default _default;

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_script_lang.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../hooks/index.js');
+var dom = require('../../../utils/dom.js');
+var aria = require('../../../utils/aria.js');
+var rovingFocusGroup = require('./roving-focus-group.js');
+var tokens = require('./tokens.js');
+var utils = require('./utils.js');
+var index = require('../../../hooks/use-id/index.js');
+
+var script = vue.defineComponent({
+  components: {
+    ElRovingFocusCollectionItem: rovingFocusGroup.ElCollectionItem
+  },
+  props: {
+    focusable: {
+      type: Boolean,
+      default: true
+    },
+    active: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["mousedown", "focus", "keydown"],
+  setup(props, { emit }) {
+    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = vue.inject(tokens.ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
+    const { getItems } = vue.inject(rovingFocusGroup.ROVING_FOCUS_COLLECTION_INJECTION_KEY, void 0);
+    const id = index.useId();
+    const rovingFocusGroupItemRef = vue.ref(null);
+    const handleMousedown = dom.composeEventHandlers((e) => {
+      emit("mousedown", e);
+    }, (e) => {
+      if (!props.focusable) {
+        e.preventDefault();
+      } else {
+        onItemFocus(vue.unref(id));
+      }
+    });
+    const handleFocus = dom.composeEventHandlers((e) => {
+      emit("focus", e);
+    }, () => {
+      onItemFocus(vue.unref(id));
+    });
+    const handleKeydown = dom.composeEventHandlers((e) => {
+      emit("keydown", e);
+    }, (e) => {
+      const { key, shiftKey, target, currentTarget } = e;
+      if (key === aria.EVENT_CODE.tab && shiftKey) {
+        onItemShiftTab();
+        return;
+      }
+      if (target !== currentTarget)
+        return;
+      const focusIntent = utils.getFocusIntent(e);
+      if (focusIntent) {
+        e.preventDefault();
+        const items = getItems().filter((item) => item.focusable);
+        let elements = items.map((item) => item.ref);
+        switch (focusIntent) {
+          case "last": {
+            elements.reverse();
+            break;
+          }
+          case "prev":
+          case "next": {
+            if (focusIntent === "prev") {
+              elements.reverse();
+            }
+            const currentIdx = elements.indexOf(currentTarget);
+            elements = loop.value ? utils.reorderArray(elements, currentIdx + 1) : elements.slice(currentIdx + 1);
+            break;
+          }
+          default: {
+            break;
+          }
+        }
+        vue.nextTick(() => {
+          utils.focusFirst(elements);
+        });
+      }
+    });
+    const isCurrentTab = vue.computed(() => currentTabbedId.value === vue.unref(id));
+    vue.provide(tokens.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {
+      rovingFocusGroupItemRef,
+      tabIndex: vue.computed(() => vue.unref(isCurrentTab) ? 0 : -1),
+      handleMousedown,
+      handleFocus,
+      handleKeydown
+    });
+    return {
+      id,
+      handleKeydown,
+      handleFocus,
+      handleMousedown
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=roving-focus-item.vue_vue_type_script_lang.js.map

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-collection-item\n    :id=\"id\"\n    :focusable=\"focusable\"\n    :active=\"active\"\n  >\n    <slot />\n  </el-roving-focus-collection-item>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  ref,\n  unref,\n  nextTick,\n  provide,\n} from 'vue'\nimport { useId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ElCollectionItem as ElRovingFocusCollectionItem,\n} from './roving-focus-group'\nimport {\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n} from './tokens'\nimport { getFocusIntent, reorderArray, focusFirst } from './utils'\n\nexport default defineComponent({\n  components: {\n    ElRovingFocusCollectionItem,\n  },\n  props: {\n    focusable: {\n      type: Boolean,\n      default: true,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['mousedown', 'focus', 'keydown'],\n  setup(props, { emit }) {\n    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = inject(\n      ROVING_FOCUS_GROUP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { getItems } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const id = useId()\n    const rovingFocusGroupItemRef = ref<HTMLElement | null>(null)\n\n    const handleMousedown = composeEventHandlers(\n      (e: Event) => {\n        emit('mousedown', e)\n      },\n      (e) => {\n        if (!props.focusable) {\n          e.preventDefault()\n        } else {\n          onItemFocus(unref(id))\n        }\n      }\n    )\n\n    const handleFocus = composeEventHandlers(\n      (e: Event) => {\n        emit('focus', e)\n      },\n      () => {\n        onItemFocus(unref(id))\n      }\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: Event) => {\n        emit('keydown', e)\n      },\n      (e) => {\n        const { key, shiftKey, target, currentTarget } = e as KeyboardEvent\n        if (key === EVENT_CODE.tab && shiftKey) {\n          onItemShiftTab()\n          return\n        }\n        if (target !== currentTarget) return\n        const focusIntent = getFocusIntent(e as KeyboardEvent)\n\n        if (focusIntent) {\n          e.preventDefault()\n          const items = getItems<typeof props>().filter(\n            (item) => item.focusable\n          )\n\n          let elements = items.map((item) => item.ref!)\n\n          switch (focusIntent) {\n            case 'last': {\n              elements.reverse()\n              break\n            }\n            case 'prev':\n            case 'next': {\n              if (focusIntent === 'prev') {\n                elements.reverse()\n              }\n              const currentIdx = elements.indexOf(currentTarget as HTMLElement)\n              elements = loop.value\n                ? reorderArray(elements, currentIdx + 1)\n                : elements.slice(currentIdx + 1)\n              break\n            }\n            default: {\n              break\n            }\n          }\n\n          nextTick(() => {\n            focusFirst(elements)\n          })\n        }\n      }\n    )\n\n    const isCurrentTab = computed(() => currentTabbedId.value === unref(id))\n\n    provide(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {\n      rovingFocusGroupItemRef,\n      tabIndex: computed(() => (unref(isCurrentTab) ? 0 : -1)),\n      handleMousedown,\n      handleFocus,\n      handleKeydown,\n    })\n\n    return {\n      id,\n      handleKeydown,\n      handleFocus,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusCollectionItem","inject","useId","ref","composeEventHandlers","unref","getFocusIntent","focusFirst","computed"],"mappings":";;;;;;;;;;;;;AA+BA,aAAeA,mBAAe,CAAC;;AAE/B,iCAAIC,iCAA2B;GAC5B;OACI,EAAE;;MAEH;MACA,OAAO,EAAE;;UAEL,EAAE;;MAEN;;;;EAIJ;IACE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAGC;IACrB,MAAM,EAAE,GAAGC,WAAK,EAAE,CAAC;UACb,uBAAuB,GAAGC;UAC1B;;;MAGJ,IAAI,MAAM,CAAC,SAAS,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;OACpB,MAAM;;;KAGR,CAAC,CAAC;IACH,MAAM,WAAW,GAAGC,wBAAoB,CAAC,CAAC,CAAC,KAAK;;KAE/C,EAAE,MAAM;MACP,WAAW,CAACC;;;MAGZ,IAAI,CAAC;QACH,CAAC,KAAK;YACF,EAAE,GAAG,EAAE,QAAQ;UACjB,GAAG;sBACS,EAAE,CAAC;QACjB;;;;MAIF,MAAM,cAAcC,oBAAc,CAAC,CAAC,CAAC,CAAC;MACtC,IAAI;QACF,CAAC,CAAC;;YAEE;QACJ,QAAQ,WAAW;;;;WAIhB;UACD,KAAK;UACL,KAAK,MAAM;;;;YAIT,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ;YACpC,QAAQ,GAAG;YACX;;mBAEO;YACP,MAAM;;SAET;oBACO,CAAC,MAAM;UACbC,gBAAU,SAAS,CAAC,CAAC;;;;UAIrB,eAAeC,YAAQ,CAAC,MAAM;;6BAEX;cACf,eAAW;qBACJ;iBACJ;;;;;mBAKE;;qBAEE;;;;;;;"}

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_roving_focus_collection_item = vue.resolveComponent("el-roving-focus-collection-item");
+  return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
+    id: _ctx.id,
+    focusable: _ctx.focusable,
+    active: _ctx.active
+  }, {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["id", "focusable", "active"]);
+}
+
+exports.render = render;
+//# sourceMappingURL=roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js.map

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-item.vue?vue&type=template&id=5f657dbd&lang.js"],"sourcesContent":["<template>\n  <el-roving-focus-collection-item\n    :id=\"id\"\n    :focusable=\"focusable\"\n    :active=\"active\"\n  >\n    <slot />\n  </el-roving-focus-collection-item>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  ref,\n  unref,\n  nextTick,\n  provide,\n} from 'vue'\nimport { useId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ElCollectionItem as ElRovingFocusCollectionItem,\n} from './roving-focus-group'\nimport {\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n} from './tokens'\nimport { getFocusIntent, reorderArray, focusFirst } from './utils'\n\nexport default defineComponent({\n  components: {\n    ElRovingFocusCollectionItem,\n  },\n  props: {\n    focusable: {\n      type: Boolean,\n      default: true,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['mousedown', 'focus', 'keydown'],\n  setup(props, { emit }) {\n    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = inject(\n      ROVING_FOCUS_GROUP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { getItems } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const id = useId()\n    const rovingFocusGroupItemRef = ref<HTMLElement | null>(null)\n\n    const handleMousedown = composeEventHandlers(\n      (e: Event) => {\n        emit('mousedown', e)\n      },\n      (e) => {\n        if (!props.focusable) {\n          e.preventDefault()\n        } else {\n          onItemFocus(unref(id))\n        }\n      }\n    )\n\n    const handleFocus = composeEventHandlers(\n      (e: Event) => {\n        emit('focus', e)\n      },\n      () => {\n        onItemFocus(unref(id))\n      }\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: Event) => {\n        emit('keydown', e)\n      },\n      (e) => {\n        const { key, shiftKey, target, currentTarget } = e as KeyboardEvent\n        if (key === EVENT_CODE.tab && shiftKey) {\n          onItemShiftTab()\n          return\n        }\n        if (target !== currentTarget) return\n        const focusIntent = getFocusIntent(e as KeyboardEvent)\n\n        if (focusIntent) {\n          e.preventDefault()\n          const items = getItems<typeof props>().filter(\n            (item) => item.focusable\n          )\n\n          let elements = items.map((item) => item.ref!)\n\n          switch (focusIntent) {\n            case 'last': {\n              elements.reverse()\n              break\n            }\n            case 'prev':\n            case 'next': {\n              if (focusIntent === 'prev') {\n                elements.reverse()\n              }\n              const currentIdx = elements.indexOf(currentTarget as HTMLElement)\n              elements = loop.value\n                ? reorderArray(elements, currentIdx + 1)\n                : elements.slice(currentIdx + 1)\n              break\n            }\n            default: {\n              break\n            }\n          }\n\n          nextTick(() => {\n            focusFirst(elements)\n          })\n        }\n      }\n    )\n\n    const isCurrentTab = computed(() => currentTabbedId.value === unref(id))\n\n    provide(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {\n      rovingFocusGroupItemRef,\n      tabIndex: computed(() => (unref(isCurrentTab) ? 0 : -1)),\n      handleMousedown,\n      handleFocus,\n      handleKeydown,\n    })\n\n    return {\n      id,\n      handleKeydown,\n      handleFocus,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;IAEK;;IAEA;;;;;;;;;"}

package/lib/components/roving-focus-group/src/tokens.d.ts

@@ -0,0 +1,27 @@
+import type { StyleValue, InjectionKey, Ref } from 'vue';
+import type { ElRovingFocusGroupProps } from './roving-focus-group';
+declare type EventHandler<T = Event> = (e: T) => void;
+export declare type RovingGroupInjectionContext = {
+    currentTabbedId: Ref<string | null>;
+    dir: Ref<ElRovingFocusGroupProps['dir']>;
+    loop: Ref<ElRovingFocusGroupProps['loop']>;
+    orientation: Ref<ElRovingFocusGroupProps['orientation']>;
+    tabIndex: Ref<number>;
+    rovingFocusGroupRef: Ref<HTMLElement | null>;
+    rovingFocusGroupRootStyle: Ref<StyleValue>;
+    onBlur: EventHandler;
+    onFocus: EventHandler<FocusEvent>;
+    onMousedown: EventHandler;
+    onItemFocus: (id: string) => void;
+    onItemShiftTab: () => void;
+};
+export declare type RovingFocusGroupItemInjectionContext = {
+    rovingFocusGroupItemRef: Ref<HTMLElement | null>;
+    tabIndex: Ref<number>;
+    handleMousedown: EventHandler;
+    handleFocus: EventHandler;
+    handleKeydown: EventHandler;
+};
+export declare const ROVING_FOCUS_GROUP_INJECTION_KEY: InjectionKey<RovingGroupInjectionContext>;
+export declare const ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY: InjectionKey<RovingFocusGroupItemInjectionContext>;
+export {};

package/lib/components/roving-focus-group/src/tokens.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ROVING_FOCUS_GROUP_INJECTION_KEY = Symbol("elRovingFocusGroup");
+const ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY = Symbol("elRovingFocusGroupItem");
+
+exports.ROVING_FOCUS_GROUP_INJECTION_KEY = ROVING_FOCUS_GROUP_INJECTION_KEY;
+exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY = ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY;
+//# sourceMappingURL=tokens.js.map

package/lib/components/roving-focus-group/src/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/roving-focus-group/src/tokens.ts"],"sourcesContent":["import type { StyleValue, InjectionKey, Ref } from 'vue'\nimport type { ElRovingFocusGroupProps } from './roving-focus-group'\n\ntype EventHandler<T = Event> = (e: T) => void\n\nexport type RovingGroupInjectionContext = {\n  currentTabbedId: Ref<string | null>\n  dir: Ref<ElRovingFocusGroupProps['dir']>\n  loop: Ref<ElRovingFocusGroupProps['loop']>\n  orientation: Ref<ElRovingFocusGroupProps['orientation']>\n  tabIndex: Ref<number>\n  rovingFocusGroupRef: Ref<HTMLElement | null>\n  rovingFocusGroupRootStyle: Ref<StyleValue>\n  onBlur: EventHandler\n  onFocus: EventHandler<FocusEvent>\n  onMousedown: EventHandler\n  onItemFocus: (id: string) => void\n  onItemShiftTab: () => void\n}\n\nexport type RovingFocusGroupItemInjectionContext = {\n  rovingFocusGroupItemRef: Ref<HTMLElement | null>\n  tabIndex: Ref<number>\n  handleMousedown: EventHandler\n  handleFocus: EventHandler\n  handleKeydown: EventHandler\n}\n\nexport const ROVING_FOCUS_GROUP_INJECTION_KEY: InjectionKey<RovingGroupInjectionContext> =\n  Symbol('elRovingFocusGroup')\n\nexport const ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY: InjectionKey<RovingFocusGroupItemInjectionContext> =\n  Symbol('elRovingFocusGroupItem')\n"],"names":[],"mappings":";;;;AAAY,MAAC,gCAAgC,GAAG,MAAM,CAAC,oBAAoB,EAAE;AACjE,MAAC,qCAAqC,GAAG,MAAM,CAAC,wBAAwB;;;;;"}

package/lib/components/roving-focus-group/src/utils.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'vue';
+declare type Orientation = HTMLAttributes['aria-orientation'];
+declare type Direction = 'ltr' | 'rtl';
+declare type FocusIntent = 'first' | 'last' | 'prev' | 'next';
+export declare const getFocusIntent: (event: KeyboardEvent, orientation?: Orientation, dir?: Direction | undefined) => FocusIntent | undefined;
+export declare const reorderArray: <T>(array: T[], atIdx: number) => T[];
+export declare const focusFirst: (elements: HTMLElement[]) => void;
+export {};

package/lib/components/roving-focus-group/src/utils.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var aria = require('../../../utils/aria.js');
+
+const MAP_KEY_TO_FOCUS_INTENT = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+const getDirectionAwareKey = (key, dir) => {
+  if (dir !== "rtl")
+    return key;
+  switch (key) {
+    case aria.EVENT_CODE.right:
+      return aria.EVENT_CODE.left;
+    case aria.EVENT_CODE.left:
+      return aria.EVENT_CODE.right;
+    default:
+      return key;
+  }
+};
+const getFocusIntent = (event, orientation, dir) => {
+  const key = getDirectionAwareKey(event.key, dir);
+  if (orientation === "vertical" && [aria.EVENT_CODE.left, aria.EVENT_CODE.right].includes(key))
+    return void 0;
+  if (orientation === "horizontal" && [aria.EVENT_CODE.up, aria.EVENT_CODE.down].includes(key))
+    return void 0;
+  return MAP_KEY_TO_FOCUS_INTENT[key];
+};
+const reorderArray = (array, atIdx) => {
+  return array.map((_, idx) => array[(idx + atIdx) % array.length]);
+};
+const focusFirst = (elements) => {
+  const { activeElement: prevActive } = document;
+  for (const element of elements) {
+    if (element === prevActive)
+      return;
+    element.focus();
+    if (prevActive !== document.activeElement)
+      return;
+  }
+};
+
+exports.focusFirst = focusFirst;
+exports.getFocusIntent = getFocusIntent;
+exports.reorderArray = reorderArray;
+//# sourceMappingURL=utils.js.map

package/lib/components/roving-focus-group/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/roving-focus-group/src/utils.ts"],"sourcesContent":["import { EVENT_CODE } from '@element-plus/utils/aria'\nimport type { HTMLAttributes } from 'vue'\n\ntype Orientation = HTMLAttributes['aria-orientation']\ntype Direction = 'ltr' | 'rtl'\ntype FocusIntent = 'first' | 'last' | 'prev' | 'next'\n\nconst MAP_KEY_TO_FOCUS_INTENT: Record<string, FocusIntent> = {\n  ArrowLeft: 'prev',\n  ArrowUp: 'prev',\n  ArrowRight: 'next',\n  ArrowDown: 'next',\n  PageUp: 'first',\n  Home: 'first',\n  PageDown: 'last',\n  End: 'last',\n}\n\nconst getDirectionAwareKey = (key: string, dir?: Direction) => {\n  if (dir !== 'rtl') return key\n\n  switch (key) {\n    case EVENT_CODE.right:\n      return EVENT_CODE.left\n    case EVENT_CODE.left:\n      return EVENT_CODE.right\n    default:\n      return key\n  }\n}\n\nexport const getFocusIntent = (\n  event: KeyboardEvent,\n  orientation?: Orientation,\n  dir?: Direction\n) => {\n  const key = getDirectionAwareKey(event.key, dir)\n  if (\n    orientation === 'vertical' &&\n    [EVENT_CODE.left, EVENT_CODE.right].includes(key)\n  )\n    return undefined\n  if (\n    orientation === 'horizontal' &&\n    [EVENT_CODE.up, EVENT_CODE.down].includes(key)\n  )\n    return undefined\n  return MAP_KEY_TO_FOCUS_INTENT[key]\n}\n\nexport const reorderArray = <T>(array: T[], atIdx: number) => {\n  return array.map((_, idx) => array[(idx + atIdx) % array.length])\n}\n\nexport const focusFirst = (elements: HTMLElement[]) => {\n  const { activeElement: prevActive } = document\n\n  for (const element of elements) {\n    if (element === prevActive) return\n    element.focus()\n    if (prevActive !== document.activeElement) return\n  }\n}\n"],"names":["EVENT_CODE"],"mappings":";;;;;;AACA,MAAM,uBAAuB,GAAG;AAChC,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,GAAG,EAAE,MAAM;AACb,CAAC,CAAC;AACF,MAAM,oBAAoB,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK;AAC3C,EAAE,IAAI,GAAG,KAAK,KAAK;AACnB,IAAI,OAAO,GAAG,CAAC;AACf,EAAE,QAAQ,GAAG;AACb,IAAI,KAAKA,eAAU,CAAC,KAAK;AACzB,MAAM,OAAOA,eAAU,CAAC,IAAI,CAAC;AAC7B,IAAI,KAAKA,eAAU,CAAC,IAAI;AACxB,MAAM,OAAOA,eAAU,CAAC,KAAK,CAAC;AAC9B,IAAI;AACJ,MAAM,OAAO,GAAG,CAAC;AACjB,GAAG;AACH,CAAC,CAAC;AACU,MAAC,cAAc,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK;AAC3D,EAAE,MAAM,GAAG,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACnD,EAAE,IAAI,WAAW,KAAK,UAAU,IAAI,CAACA,eAAU,CAAC,IAAI,EAAEA,eAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AACrF,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,EAAE,IAAI,WAAW,KAAK,YAAY,IAAI,CAACA,eAAU,CAAC,EAAE,EAAEA,eAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AACpF,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,EAAE,OAAO,uBAAuB,CAAC,GAAG,CAAC,CAAC;AACtC,EAAE;AACU,MAAC,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK;AAC9C,EAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,GAAG,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AACpE,EAAE;AACU,MAAC,UAAU,GAAG,CAAC,QAAQ,KAAK;AACxC,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;AACjD,EAAE,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;AAClC,IAAI,IAAI,OAAO,KAAK,UAAU;AAC9B,MAAM,OAAO;AACb,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;AACpB,IAAI,IAAI,UAAU,KAAK,QAAQ,CAAC,aAAa;AAC7C,MAAM,OAAO;AACb,GAAG;AACH;;;;;;"}