first commit

frontend/node_modules/element-plus/es/directives/trap-focus/index.d.ts

@@ -0,0 +1,12 @@
+import { ObjectDirective } from "vue";
+
+//#region ../../packages/directives/trap-focus/index.d.ts
+declare const FOCUSABLE_CHILDREN = "_trap-focus-children";
+declare const TRAP_FOCUS_HANDLER = "_trap-focus-handler";
+interface TrapFocusElement extends HTMLElement {
+  [FOCUSABLE_CHILDREN]: HTMLElement[];
+  [TRAP_FOCUS_HANDLER]: (e: KeyboardEvent) => void;
+}
+declare const TrapFocus: ObjectDirective;
+//#endregion
+export { FOCUSABLE_CHILDREN, TRAP_FOCUS_HANDLER, TrapFocusElement, TrapFocus as default };

frontend/node_modules/element-plus/es/directives/trap-focus/index.mjs

@@ -0,0 +1,52 @@
+import { obtainAllFocusableElements } from "../../utils/dom/aria.mjs";
+import { EVENT_CODE } from "../../constants/aria.mjs";
+import { getEventCode } from "../../utils/dom/event.mjs";
+import { nextTick } from "vue";
+
+//#region ../../packages/directives/trap-focus/index.ts
+const FOCUSABLE_CHILDREN = "_trap-focus-children";
+const TRAP_FOCUS_HANDLER = "_trap-focus-handler";
+const FOCUS_STACK = [];
+const FOCUS_HANDLER = (e) => {
+	if (FOCUS_STACK.length === 0) return;
+	const code = getEventCode(e);
+	const focusableElement = FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN];
+	if (focusableElement.length > 0 && code === EVENT_CODE.tab) {
+		if (focusableElement.length === 1) {
+			e.preventDefault();
+			if (document.activeElement !== focusableElement[0]) focusableElement[0].focus();
+			return;
+		}
+		const goingBackward = e.shiftKey;
+		const isFirst = e.target === focusableElement[0];
+		const isLast = e.target === focusableElement[focusableElement.length - 1];
+		if (isFirst && goingBackward) {
+			e.preventDefault();
+			focusableElement[focusableElement.length - 1].focus();
+		}
+		if (isLast && !goingBackward) {
+			e.preventDefault();
+			focusableElement[0].focus();
+		}
+	}
+};
+const TrapFocus = {
+	beforeMount(el) {
+		el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el);
+		FOCUS_STACK.push(el);
+		if (FOCUS_STACK.length <= 1) document.addEventListener("keydown", FOCUS_HANDLER);
+	},
+	updated(el) {
+		nextTick(() => {
+			el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el);
+		});
+	},
+	unmounted() {
+		FOCUS_STACK.shift();
+		if (FOCUS_STACK.length === 0) document.removeEventListener("keydown", FOCUS_HANDLER);
+	}
+};
+
+//#endregion
+export { FOCUSABLE_CHILDREN, TRAP_FOCUS_HANDLER, TrapFocus as default };
+//# sourceMappingURL=index.mjs.map

frontend/node_modules/element-plus/es/directives/trap-focus/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/directives/trap-focus/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { getEventCode, obtainAllFocusableElements } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { ObjectDirective } from 'vue'\n\nexport const FOCUSABLE_CHILDREN = '_trap-focus-children'\nexport const TRAP_FOCUS_HANDLER = '_trap-focus-handler'\n\nexport interface TrapFocusElement extends HTMLElement {\n  [FOCUSABLE_CHILDREN]: HTMLElement[]\n  [TRAP_FOCUS_HANDLER]: (e: KeyboardEvent) => void\n}\n\nconst FOCUS_STACK: TrapFocusElement[] = []\n\nconst FOCUS_HANDLER = (e: KeyboardEvent) => {\n  // Getting the top layer.\n  if (FOCUS_STACK.length === 0) return\n  const code = getEventCode(e)\n  const focusableElement =\n    FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN]\n  if (focusableElement.length > 0 && code === EVENT_CODE.tab) {\n    if (focusableElement.length === 1) {\n      e.preventDefault()\n      if (document.activeElement !== focusableElement[0]) {\n        focusableElement[0].focus()\n      }\n      return\n    }\n    const goingBackward = e.shiftKey\n    const isFirst = e.target === focusableElement[0]\n    const isLast = e.target === focusableElement[focusableElement.length - 1]\n    if (isFirst && goingBackward) {\n      e.preventDefault()\n      focusableElement[focusableElement.length - 1].focus()\n    }\n    if (isLast && !goingBackward) {\n      e.preventDefault()\n      focusableElement[0].focus()\n    }\n\n    // the is critical since jsdom did not implement user actions, you can only mock it\n    // DELETE ME: when testing env switches to puppeteer\n    if (process.env.NODE_ENV === 'test') {\n      const index = focusableElement.indexOf(e.target as HTMLElement)\n      if (index !== -1) {\n        focusableElement[goingBackward ? index - 1 : index + 1]?.focus()\n      }\n    }\n  }\n}\n\nconst TrapFocus: ObjectDirective = {\n  beforeMount(el: TrapFocusElement) {\n    el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    FOCUS_STACK.push(el)\n    if (FOCUS_STACK.length <= 1) {\n      document.addEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n  updated(el: TrapFocusElement) {\n    nextTick(() => {\n      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    })\n  },\n  unmounted() {\n    FOCUS_STACK.shift()\n    if (FOCUS_STACK.length === 0) {\n      document.removeEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n}\n\nexport default TrapFocus\n"],"mappings":";;;;;;AAMA,MAAa,qBAAqB;AAClC,MAAa,qBAAqB;AAOlC,MAAM,cAAkC,EAAE;AAE1C,MAAM,iBAAiB,MAAqB;AAE1C,KAAI,YAAY,WAAW,EAAG;CAC9B,MAAM,OAAO,aAAa,EAAE;CAC5B,MAAM,mBACJ,YAAY,YAAY,SAAS,GAAG;AACtC,KAAI,iBAAiB,SAAS,KAAK,SAAS,WAAW,KAAK;AAC1D,MAAI,iBAAiB,WAAW,GAAG;AACjC,KAAE,gBAAgB;AAClB,OAAI,SAAS,kBAAkB,iBAAiB,GAC9C,kBAAiB,GAAG,OAAO;AAE7B;;EAEF,MAAM,gBAAgB,EAAE;EACxB,MAAM,UAAU,EAAE,WAAW,iBAAiB;EAC9C,MAAM,SAAS,EAAE,WAAW,iBAAiB,iBAAiB,SAAS;AACvE,MAAI,WAAW,eAAe;AAC5B,KAAE,gBAAgB;AAClB,oBAAiB,iBAAiB,SAAS,GAAG,OAAO;;AAEvD,MAAI,UAAU,CAAC,eAAe;AAC5B,KAAE,gBAAgB;AAClB,oBAAiB,GAAG,OAAO;;;;AAcjC,MAAM,YAA6B;CACjC,YAAY,IAAsB;AAChC,KAAG,sBAAsB,2BAA2B,GAAG;AACvD,cAAY,KAAK,GAAG;AACpB,MAAI,YAAY,UAAU,EACxB,UAAS,iBAAiB,WAAW,cAAc;;CAGvD,QAAQ,IAAsB;AAC5B,iBAAe;AACb,MAAG,sBAAsB,2BAA2B,GAAG;IACvD;;CAEJ,YAAY;AACV,cAAY,OAAO;AACnB,MAAI,YAAY,WAAW,EACzB,UAAS,oBAAoB,WAAW,cAAc;;CAG3D"}