feat: initial commit - Phase 1 & 2 core features

frontend/node_modules/element-plus/lib/components/notification/index.d.ts

@@ -0,0 +1,8 @@
+import { SFCInstallWithContext } from "../../utils/vue/typescript.js";
+import "../../utils/index.js";
+import { NotificationEmits, NotificationHandle, NotificationInstance, NotificationOptions, NotificationOptionsTyped, NotificationParams, NotificationParamsTyped, NotificationPosition, NotificationProps, NotificationPropsPublic, NotificationQueue, NotificationQueueItem, NotificationType, Notify, NotifyFn, NotifyTypedFn, notificationEmits, notificationProps, notificationTypes } from "./src/notification.js";
+
+//#region ../../packages/components/notification/index.d.ts
+declare const ElNotification: SFCInstallWithContext<Notify>;
+//#endregion
+export { ElNotification, ElNotification as default, NotificationEmits, NotificationHandle, NotificationInstance, NotificationOptions, NotificationOptionsTyped, NotificationParams, NotificationParamsTyped, NotificationPosition, NotificationProps, NotificationPropsPublic, NotificationQueue, NotificationQueueItem, NotificationType, Notify, NotifyFn, NotifyTypedFn, notificationEmits, notificationProps, notificationTypes };

frontend/node_modules/element-plus/lib/components/notification/index.js

@@ -0,0 +1,15 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_install = require('../../utils/vue/install.js');
+const require_notification = require('./src/notification.js');
+const require_notify = require('./src/notify.js');
+
+//#region ../../packages/components/notification/index.ts
+const ElNotification = require_install.withInstallFunction(require_notify.default, "$notify");
+
+//#endregion
+exports.ElNotification = ElNotification;
+exports.default = ElNotification;
+exports.notificationEmits = require_notification.notificationEmits;
+exports.notificationProps = require_notification.notificationProps;
+exports.notificationTypes = require_notification.notificationTypes;
+//# sourceMappingURL=index.js.map

frontend/node_modules/element-plus/lib/components/notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withInstallFunction","Notify"],"sources":["../../../../../packages/components/notification/index.ts"],"sourcesContent":["import { withInstallFunction } from '@element-plus/utils'\nimport Notify from './src/notify'\n\nexport const ElNotification = withInstallFunction(Notify, '$notify')\nexport default ElNotification\n\nexport * from './src/notification'\n"],"mappings":";;;;;;AAGA,MAAa,iBAAiBA,oCAAoBC,wBAAQ,UAAU"}

frontend/node_modules/element-plus/lib/components/notification/src/notification.d.ts

@@ -0,0 +1,164 @@
+import { IconPropType } from "../../../utils/vue/icon.js";
+import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import "../../../utils/index.js";
+import { _default } from "./notification.vue.js";
+import * as vue from "vue";
+import { AppContext, ExtractPublicPropTypes, VNode } from "vue";
+
+//#region ../../packages/components/notification/src/notification.d.ts
+declare const notificationTypes: readonly ["primary", "success", "info", "warning", "error"];
+type NotificationType = (typeof notificationTypes)[number] | '';
+type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+interface NotificationProps {
+  /**
+   * @description custom class name for Notification
+   */
+  customClass?: string;
+  /**
+   * @description whether `message` is treated as HTML string
+   */
+  dangerouslyUseHTMLString?: boolean;
+  /**
+   * @description duration before close. It will not automatically close if set 0
+   */
+  duration?: number;
+  /**
+   * @description custom icon component. It will be overridden by `type`
+   */
+  icon?: IconPropType;
+  /**
+   * @description notification dom id
+   */
+  id?: string;
+  /**
+   * @description description text
+   */
+  message?: string | VNode | (() => VNode);
+  /**
+   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset
+   */
+  offset?: number;
+  /**
+   * @description callback function when notification clicked
+   */
+  onClick?: () => void;
+  /**
+   * @description callback function when closed
+   */
+  onClose: () => void;
+  /**
+   * @description custom position
+   */
+  position?: NotificationPosition;
+  /**
+   * @description whether to show a close button
+   */
+  showClose?: boolean;
+  /**
+   * @description title
+   */
+  title?: string;
+  /**
+   * @description notification type
+   */
+  type?: NotificationType;
+  /**
+   * @description initial zIndex
+   */
+  zIndex?: number;
+  /**
+   * @description custom close icon, default is Close
+   */
+  closeIcon?: IconPropType;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
+ */
+declare const notificationProps: {
+  readonly customClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly dangerouslyUseHTMLString: BooleanConstructor;
+  readonly duration: EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
+  readonly icon: {
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly id: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly message: EpPropFinalized<(new (...args: any[]) => string | VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+  }> | (() => VNode)) | (() => string | VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+  }> | (() => VNode)) | (((new (...args: any[]) => string | VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+  }> | (() => VNode)) | (() => string | VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+  }> | (() => VNode))) | null)[], unknown, unknown, "", boolean>;
+  readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+  readonly onClick: EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
+    (): () => void;
+    new (): any;
+    readonly prototype: any;
+  } | (((new (...args: any[]) => () => void) | (() => () => void) | {
+    (): () => void;
+    new (): any;
+    readonly prototype: any;
+  }) | null)[], unknown, unknown, () => undefined, boolean>;
+  readonly onClose: {
+    readonly type: vue.PropType<() => void>;
+    readonly required: true;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
+  readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+  readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;
+  readonly zIndex: NumberConstructor;
+  readonly closeIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
+ */
+type NotificationPropsPublic = ExtractPublicPropTypes<typeof notificationProps>;
+declare const notificationEmits: {
+  destroy: () => boolean;
+};
+type NotificationEmits = typeof notificationEmits;
+type NotificationInstance = InstanceType<typeof _default> & unknown;
+type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {
+  /**
+   * @description set the root element for the notification, default to `document.body`
+   */
+  appendTo?: HTMLElement | string;
+  /**
+   * @description callback function when closed
+   */
+  onClose?(vm: VNode): void;
+};
+type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>;
+interface NotificationHandle {
+  close: () => void;
+}
+type NotificationParams = Partial<NotificationOptions> | string | VNode;
+type NotificationParamsTyped = Partial<NotificationOptionsTyped> | string | VNode;
+interface NotifyFn {
+  (options?: NotificationParams, appContext?: null | AppContext): NotificationHandle;
+  closeAll(): void;
+  updateOffsets(position?: NotificationOptions['position']): void;
+  _context: AppContext | null;
+}
+type NotifyTypedFn = (options?: NotificationParamsTyped, appContext?: null | AppContext) => NotificationHandle;
+interface Notify extends NotifyFn {
+  primary: NotifyTypedFn;
+  success: NotifyTypedFn;
+  warning: NotifyTypedFn;
+  error: NotifyTypedFn;
+  info: NotifyTypedFn;
+}
+interface NotificationQueueItem {
+  vm: VNode;
+}
+type NotificationQueue = NotificationQueueItem[];
+//#endregion
+export { NotificationEmits, NotificationHandle, NotificationInstance, NotificationOptions, NotificationOptionsTyped, NotificationParams, NotificationParamsTyped, NotificationPosition, NotificationProps, NotificationPropsPublic, NotificationQueue, NotificationQueueItem, NotificationType, Notify, NotifyFn, NotifyTypedFn, notificationEmits, notificationProps, notificationTypes };

frontend/node_modules/element-plus/lib/components/notification/src/notification.js

@@ -0,0 +1,88 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_runtime$1 = require('../../../utils/vue/props/runtime.js');
+const require_icon = require('../../../utils/vue/icon.js');
+let _element_plus_icons_vue = require("@element-plus/icons-vue");
+
+//#region ../../packages/components/notification/src/notification.ts
+const notificationTypes = [
+	"primary",
+	"success",
+	"info",
+	"warning",
+	"error"
+];
+/**
+* @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
+*/
+const notificationProps = require_runtime$1.buildProps({
+	customClass: {
+		type: String,
+		default: ""
+	},
+	dangerouslyUseHTMLString: Boolean,
+	duration: {
+		type: Number,
+		default: 4500
+	},
+	icon: { type: require_icon.iconPropType },
+	id: {
+		type: String,
+		default: ""
+	},
+	message: {
+		type: require_runtime$1.definePropType([
+			String,
+			Object,
+			Function
+		]),
+		default: ""
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	onClick: {
+		type: require_runtime$1.definePropType(Function),
+		default: () => void 0
+	},
+	onClose: {
+		type: require_runtime$1.definePropType(Function),
+		required: true
+	},
+	position: {
+		type: String,
+		values: [
+			"top-right",
+			"top-left",
+			"bottom-right",
+			"bottom-left"
+		],
+		default: "top-right"
+	},
+	showClose: {
+		type: Boolean,
+		default: true
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	type: {
+		type: String,
+		values: [...notificationTypes, ""],
+		default: ""
+	},
+	zIndex: Number,
+	closeIcon: {
+		type: require_icon.iconPropType,
+		default: _element_plus_icons_vue.Close
+	}
+});
+const notificationEmits = { destroy: () => true };
+
+//#endregion
+exports.notificationEmits = notificationEmits;
+exports.notificationProps = notificationProps;
+exports.notificationTypes = notificationTypes;
+//# sourceMappingURL=notification.js.map

frontend/node_modules/element-plus/lib/components/notification/src/notification.vue.d.ts

@@ -0,0 +1,40 @@
+import { IconPropType } from "../../../utils/vue/icon.js";
+import "../../../utils/index.js";
+import { NotificationPosition, NotificationProps, NotificationType } from "./notification.js";
+import * as vue from "vue";
+
+//#region ../../packages/components/notification/src/notification.vue.d.ts
+declare function close(): void;
+declare var __VLS_21: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: vue.DefineComponent<NotificationProps, {
+  visible: vue.Ref<boolean, boolean>; /** @description close notification */
+  close: typeof close;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  destroy: () => void;
+}, string, vue.PublicProps, Readonly<NotificationProps> & Readonly<{
+  onDestroy?: (() => any) | undefined;
+}>, {
+  offset: number;
+  position: NotificationPosition;
+  type: NotificationType;
+  title: string;
+  id: string;
+  onClick: () => void;
+  message: string | vue.VNode | (() => vue.VNode);
+  closeIcon: IconPropType;
+  showClose: boolean;
+  duration: number;
+  customClass: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

frontend/node_modules/element-plus/lib/components/notification/src/notification.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,129 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_aria = require('../../../constants/aria.js');
+const require_event = require('../../../utils/dom/event.js');
+const require_icon = require('../../../utils/vue/icon.js');
+const require_index = require('../../icon/index.js');
+const require_use_global_config = require('../../config-provider/src/hooks/use-global-config.js');
+const require_notification = require('./notification.js');
+let _vueuse_core = require("@vueuse/core");
+let vue = require("vue");
+
+//#region ../../packages/components/notification/src/notification.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["textContent"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["innerHTML"];
+var notification_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "ElNotification",
+	__name: "notification",
+	props: require_notification.notificationProps,
+	emits: require_notification.notificationEmits,
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { ns, zIndex } = require_use_global_config.useGlobalComponentSettings("notification");
+		const { nextZIndex, currentZIndex } = zIndex;
+		const visible = (0, vue.ref)(false);
+		let timer = void 0;
+		const typeClass = (0, vue.computed)(() => {
+			const type = props.type;
+			return type && require_icon.TypeComponentsMap[props.type] ? ns.m(type) : "";
+		});
+		const iconComponent = (0, vue.computed)(() => {
+			if (!props.type) return props.icon;
+			return require_icon.TypeComponentsMap[props.type] || props.icon;
+		});
+		const horizontalClass = (0, vue.computed)(() => props.position.endsWith("right") ? "right" : "left");
+		const verticalProperty = (0, vue.computed)(() => props.position.startsWith("top") ? "top" : "bottom");
+		const positionStyle = (0, vue.computed)(() => {
+			return {
+				[verticalProperty.value]: `${props.offset}px`,
+				zIndex: props.zIndex ?? currentZIndex.value
+			};
+		});
+		function startTimer() {
+			if (props.duration > 0) ({stop: timer} = (0, _vueuse_core.useTimeoutFn)(() => {
+				if (visible.value) close();
+			}, props.duration));
+		}
+		function clearTimer() {
+			timer?.();
+		}
+		function close() {
+			visible.value = false;
+		}
+		function onKeydown(event) {
+			switch (require_event.getEventCode(event)) {
+				case require_aria.EVENT_CODE.delete:
+				case require_aria.EVENT_CODE.backspace:
+					clearTimer();
+					break;
+				case require_aria.EVENT_CODE.esc:
+					if (visible.value) close();
+					break;
+				default:
+					startTimer();
+					break;
+			}
+		}
+		(0, vue.onMounted)(() => {
+			startTimer();
+			nextZIndex();
+			visible.value = true;
+		});
+		(0, _vueuse_core.useEventListener)(document, "keydown", onKeydown);
+		__expose({
+			visible,
+			close
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
+				name: (0, vue.unref)(ns).b("fade"),
+				onBeforeLeave: __props.onClose,
+				onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
+				persisted: ""
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", {
+					id: __props.id,
+					class: (0, vue.normalizeClass)([
+						(0, vue.unref)(ns).b(),
+						__props.customClass,
+						horizontalClass.value
+					]),
+					style: (0, vue.normalizeStyle)(positionStyle.value),
+					role: "alert",
+					onMouseenter: clearTimer,
+					onMouseleave: startTimer,
+					onClick: _cache[0] || (_cache[0] = (...args) => __props.onClick && __props.onClick(...args))
+				}, [iconComponent.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index.ElIcon), {
+					key: 0,
+					class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("icon"), typeClass.value])
+				}, {
+					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(iconComponent.value)))]),
+					_: 1
+				}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("group")) }, [
+					(0, vue.createElementVNode)("h2", {
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title")),
+						textContent: (0, vue.toDisplayString)(__props.title)
+					}, null, 10, _hoisted_2),
+					(0, vue.withDirectives)((0, vue.createElementVNode)("div", {
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("content")),
+						style: (0, vue.normalizeStyle)(!!__props.title ? void 0 : { margin: 0 })
+					}, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [!__props.dangerouslyUseHTMLString ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_3, (0, vue.toDisplayString)(__props.message), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createCommentVNode)(" Caution here, message could've been compromised, never use user's input as message "), (0, vue.createElementVNode)("p", { innerHTML: __props.message }, null, 8, _hoisted_4)], 2112))])], 6), [[vue.vShow, __props.message]]),
+					__props.showClose ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index.ElIcon), {
+						key: 0,
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("closeBtn")),
+						onClick: (0, vue.withModifiers)(close, ["stop"])
+					}, {
+						default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.closeIcon)))]),
+						_: 1
+					}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true)
+				], 2)], 46, _hoisted_1), [[vue.vShow, visible.value]])]),
+				_: 3
+			}, 8, ["name", "onBeforeLeave"]);
+		};
+	}
+});
+
+//#endregion
+exports.default = notification_vue_vue_type_script_setup_true_lang_default;
+//# sourceMappingURL=notification.vue_vue_type_script_setup_true_lang.js.map

frontend/node_modules/element-plus/lib/components/notification/src/notification2.js

@@ -0,0 +1,9 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_notification_vue_vue_type_script_setup_true_lang = require('./notification.vue_vue_type_script_setup_true_lang.js');
+
+//#region ../../packages/components/notification/src/notification.vue
+var notification_default = require_notification_vue_vue_type_script_setup_true_lang.default;
+
+//#endregion
+exports.default = notification_default;
+//# sourceMappingURL=notification2.js.map

frontend/node_modules/element-plus/lib/components/notification/src/notification2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification2.js","names":[],"sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromised, never use user's input as message -->\n            <p v-else v-html=\"message\" />\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <component :is=\"closeIcon\" />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, markRaw, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponentsMap, getEventCode } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { notificationEmits } from './notification'\nimport { Close } from '@element-plus/icons-vue'\n\nimport type { CSSProperties } from 'vue'\nimport type { NotificationProps } from './notification'\n\ndefineOptions({\n  name: 'ElNotification',\n})\n\nconst props = withDefaults(defineProps<NotificationProps>(), {\n  customClass: '',\n  duration: 4500,\n  id: '',\n  message: '',\n  offset: 0,\n  onClick: () => undefined,\n  position: 'top-right',\n  showClose: true,\n  title: '',\n  type: '',\n  closeIcon: markRaw(Close),\n})\ndefineEmits(notificationEmits)\n\nconst { ns, zIndex } = useGlobalComponentSettings('notification')\nconst { nextZIndex, currentZIndex } = zIndex\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n  const type = props.type\n  return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n  if (!props.type) return props.icon\n  return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n  props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n  props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n  return {\n    [verticalProperty.value]: `${props.offset}px`,\n    zIndex: props.zIndex ?? currentZIndex.value,\n  }\n})\n\nfunction startTimer() {\n  if (props.duration > 0) {\n    ;({ stop: timer } = useTimeoutFn(() => {\n      if (visible.value) close()\n    }, props.duration))\n  }\n}\n\nfunction clearTimer() {\n  timer?.()\n}\n\nfunction close() {\n  visible.value = false\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.delete:\n    case EVENT_CODE.backspace:\n      clearTimer() // press delete/backspace clear timer\n      break\n    case EVENT_CODE.esc:\n      // press esc to close the notification\n      if (visible.value) {\n        close()\n      }\n      break\n    default: // resume timer\n      startTimer()\n      break\n  }\n}\n\n// lifecycle\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n  visible,\n  /** @description close notification */\n  close,\n})\n</script>\n"],"mappings":""}

frontend/node_modules/element-plus/lib/components/notification/src/notify.js

@@ -0,0 +1,115 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_types = require('../../../utils/types.js');
+const require_error = require('../../../utils/error.js');
+const require_notification = require('./notification.js');
+const require_notification$1 = require('./notification2.js');
+let vue = require("vue");
+let _vueuse_core = require("@vueuse/core");
+let _vue_shared = require("@vue/shared");
+
+//#region ../../packages/components/notification/src/notify.ts
+const notifications = {
+	"top-left": [],
+	"top-right": [],
+	"bottom-left": [],
+	"bottom-right": []
+};
+const GAP_SIZE = 16;
+let seed = 1;
+const notify = function(options = {}, context) {
+	if (!_vueuse_core.isClient) return { close: () => void 0 };
+	if ((0, _vue_shared.isString)(options) || (0, vue.isVNode)(options)) options = { message: options };
+	const position = options.position || "top-right";
+	let verticalOffset = options.offset || 0;
+	notifications[position].forEach(({ vm }) => {
+		verticalOffset += (vm.el?.offsetHeight || 0) + GAP_SIZE;
+	});
+	verticalOffset += GAP_SIZE;
+	const id = `notification_${seed++}`;
+	const userOnClose = options.onClose;
+	const props = {
+		...options,
+		offset: verticalOffset,
+		id,
+		onClose: () => {
+			close(id, position, userOnClose);
+		}
+	};
+	let appendTo = document.body;
+	if (require_types.isElement(options.appendTo)) appendTo = options.appendTo;
+	else if ((0, _vue_shared.isString)(options.appendTo)) appendTo = document.querySelector(options.appendTo);
+	if (!require_types.isElement(appendTo)) {
+		require_error.debugWarn("ElNotification", "the appendTo option is not an HTMLElement. Falling back to document.body.");
+		appendTo = document.body;
+	}
+	const container = document.createElement("div");
+	const vm = (0, vue.createVNode)(require_notification$1.default, props, (0, _vue_shared.isFunction)(props.message) ? props.message : (0, vue.isVNode)(props.message) ? () => props.message : null);
+	vm.appContext = require_types.isUndefined(context) ? notify._context : context;
+	vm.props.onDestroy = () => {
+		(0, vue.render)(null, container);
+	};
+	(0, vue.render)(vm, container);
+	notifications[position].push({ vm });
+	appendTo.appendChild(container.firstElementChild);
+	return { close: () => {
+		vm.component.exposed.visible.value = false;
+	} };
+};
+require_notification.notificationTypes.forEach((type) => {
+	notify[type] = (options = {}, appContext) => {
+		if ((0, _vue_shared.isString)(options) || (0, vue.isVNode)(options)) options = { message: options };
+		return notify({
+			...options,
+			type
+		}, appContext);
+	};
+});
+/**
+* This function gets called when user click `x` button or press `esc` or the time reached its limitation.
+* Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
+* by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.
+* @param {String} id notification id to be closed
+* @param {Position} position the positioning strategy
+* @param {Function} userOnClose the callback called when close passed by user
+*/
+function close(id, position, userOnClose) {
+	const orientedNotifications = notifications[position];
+	const idx = orientedNotifications.findIndex(({ vm }) => vm.component?.props.id === id);
+	if (idx === -1) return;
+	const { vm } = orientedNotifications[idx];
+	if (!vm) return;
+	userOnClose?.(vm);
+	const removedHeight = vm.el.offsetHeight;
+	const verticalPos = position.split("-")[0];
+	orientedNotifications.splice(idx, 1);
+	const len = orientedNotifications.length;
+	if (len < 1) return;
+	for (let i = idx; i < len; i++) {
+		const { el, component } = orientedNotifications[i].vm;
+		const pos = Number.parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
+		component.props.offset = pos;
+	}
+}
+function closeAll() {
+	for (const orientedNotifications of Object.values(notifications)) orientedNotifications.forEach(({ vm }) => {
+		vm.component.exposed.visible.value = false;
+	});
+}
+function updateOffsets(position = "top-right") {
+	let verticalOffset = notifications[position][0]?.vm.component?.props?.offset || 0;
+	for (const { vm } of notifications[position]) {
+		vm.component.props.offset = verticalOffset;
+		verticalOffset += (vm.el?.offsetHeight || 0) + GAP_SIZE;
+	}
+}
+notify.closeAll = closeAll;
+notify.updateOffsets = updateOffsets;
+notify._context = null;
+
+//#endregion
+exports.close = close;
+exports.closeAll = closeAll;
+exports.default = notify;
+exports.updateOffsets = updateOffsets;
+//# sourceMappingURL=notify.js.map

frontend/node_modules/element-plus/lib/components/notification/style/css.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('../../base/style/css.js');
+require("element-plus/theme-chalk/el-notification.css");

frontend/node_modules/element-plus/lib/components/notification/style/index.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('../../base/style/index.js');
+require("element-plus/theme-chalk/src/notification.scss");