@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/Modal-CIzXlZdZ.js

@@ -0,0 +1,204 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, J as onBeforeUnmount, M as createVNode, P as defineComponent, T as createBlock, W as mergeProps, Z as onMounted, at as renderSlot, bn as normalizeStyle, bt as withCtx, et as openBlock, h as withModifiers, j as createTextVNode, k as createSlots, m as withKeys, vn as normalizeClass, w as createBaseVNode, yn as normalizeProps } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { Sn as N8nSpinner_default, vn as N8nHeading_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { aa as useUIStore, b as useStyles } from "./builder.store-Czk2ipDE.js";
+import { t as ElDialog } from "./dialog-lMho1TD8.js";
+import { E as APP_MODALS_ELEMENT_ID } from "./constants-C8OH4tTq.js";
+var _hoisted_1 = { key: 0 };
+var Modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Modal",
+	props: {
+		name: {},
+		title: { default: "" },
+		subtitle: { default: "" },
+		eventBus: {},
+		showClose: {
+			type: Boolean,
+			default: true
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		classic: {
+			type: Boolean,
+			default: false
+		},
+		beforeClose: {},
+		customClass: { default: "" },
+		center: {
+			type: Boolean,
+			default: true
+		},
+		width: { default: "50%" },
+		minWidth: {},
+		maxWidth: {},
+		height: {},
+		minHeight: {},
+		maxHeight: {},
+		scrollable: {
+			type: Boolean,
+			default: false
+		},
+		centerTitle: {
+			type: Boolean,
+			default: false
+		},
+		closeOnClickModal: {
+			type: Boolean,
+			default: true
+		},
+		closeOnPressEscape: {
+			type: Boolean,
+			default: true
+		},
+		appendToBody: {
+			type: Boolean,
+			default: false
+		},
+		lockScroll: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["enter"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { APP_Z_INDEXES } = useStyles();
+		const styles = computed(() => {
+			const styles$1 = {};
+			if (props.height) styles$1["--dialog--height"] = props.height;
+			if (props.minHeight) styles$1["--dialog--min-height"] = props.minHeight;
+			if (props.maxHeight) styles$1["--dialog--max-height"] = props.maxHeight;
+			if (props.maxWidth) styles$1["--dialog--max-width"] = props.maxWidth;
+			if (props.minWidth) styles$1["--dialog--min-width"] = props.minWidth;
+			return styles$1;
+		});
+		const appModalsId = `#${APP_MODALS_ELEMENT_ID}`;
+		onMounted(() => {
+			window.addEventListener("keydown", onWindowKeydown);
+			props.eventBus?.on("close", closeDialog);
+			const activeElement = document.activeElement;
+			if (activeElement && uiStore.modalsById[props.name]?.open) activeElement.blur();
+		});
+		onBeforeUnmount(() => {
+			props.eventBus?.off("close", closeDialog);
+			window.removeEventListener("keydown", onWindowKeydown);
+		});
+		const uiStore = useUIStore();
+		function handleEnter() {
+			if (!uiStore.isModalActiveById[props.name]) return;
+			emit("enter");
+		}
+		function onOpened() {
+			props.eventBus?.emit("opened");
+		}
+		function onWindowKeydown(event) {
+			if (event?.keyCode === 13) handleEnter();
+		}
+		async function closeDialog(returnData) {
+			if (props.beforeClose) {
+				if (await props.beforeClose() === false) return;
+			}
+			uiStore.closeModal(props.name);
+			props.eventBus?.emit("closed", returnData);
+		}
+		async function onCloseDialog() {
+			await closeDialog();
+		}
+		function getCustomClass() {
+			let classes = props.customClass || "";
+			if (props.classic) classes = `${classes} classic`;
+			return classes;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElDialog), {
+				"model-value": unref(uiStore).modalsById[_ctx.name]?.open,
+				"before-close": onCloseDialog,
+				class: normalizeClass({
+					"dialog-wrapper": true,
+					scrollable: _ctx.scrollable,
+					[getCustomClass()]: true
+				}),
+				center: _ctx.center,
+				width: _ctx.width,
+				"show-close": _ctx.showClose,
+				"close-on-click-modal": _ctx.closeOnClickModal,
+				"close-on-press-escape": _ctx.closeOnPressEscape,
+				style: normalizeStyle(styles.value),
+				"append-to": _ctx.appendToBody ? void 0 : appModalsId,
+				"lock-scroll": _ctx.lockScroll,
+				"append-to-body": _ctx.appendToBody,
+				"data-test-id": `${_ctx.name}-modal`,
+				"modal-class": _ctx.center ? _ctx.$style.center : "",
+				"z-index": unref(APP_Z_INDEXES).MODALS,
+				onOpened
+			}, createSlots({
+				default: withCtx(() => [createBaseVNode("div", {
+					class: "modal-content",
+					onKeydown: [
+						_cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+						withKeys(handleEnter, ["enter"]),
+						withKeys(onCloseDialog, ["esc"])
+					]
+				}, [!_ctx.loading ? renderSlot(_ctx.$slots, "content", { key: 0 }) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(_ctx.$style.loader)
+				}, [createVNode(unref(N8nSpinner_default))], 2))], 32), !_ctx.loading && _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.footer)
+				}, [renderSlot(_ctx.$slots, "footer", { close: closeDialog })], 2)) : createCommentVNode("", true)]),
+				_: 2
+			}, [_ctx.$slots.header ? {
+				name: "header",
+				fn: withCtx(() => [!_ctx.loading ? renderSlot(_ctx.$slots, "header", normalizeProps(mergeProps({ key: 0 }, { closeDialog }))) : createCommentVNode("", true)]),
+				key: "0"
+			} : _ctx.title ? {
+				name: "title",
+				fn: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.centerTitle ? _ctx.$style.centerTitle : "") }, [_ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(N8nHeading_default), {
+					tag: "h1",
+					size: "xlarge"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.title), 1)]),
+					_: 1
+				})])) : createCommentVNode("", true), _ctx.subtitle ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(_ctx.$style.subtitle)
+				}, [createVNode(unref(N8nHeading_default), {
+					tag: "h3",
+					size: "small",
+					color: "text-light"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.subtitle), 1)]),
+					_: 1
+				})], 2)) : createCommentVNode("", true)], 2)]),
+				key: "1"
+			} : void 0]), 1032, [
+				"model-value",
+				"class",
+				"center",
+				"width",
+				"show-close",
+				"close-on-click-modal",
+				"close-on-press-escape",
+				"style",
+				"append-to",
+				"lock-scroll",
+				"append-to-body",
+				"data-test-id",
+				"modal-class",
+				"z-index"
+			]);
+		};
+	}
+});
+var Modal_vue_vue_type_style_index_1_lang_module_default = {
+	center: "_center_mypjw_123",
+	loader: "_loader_mypjw_127",
+	centerTitle: "_centerTitle_mypjw_136",
+	subtitle: "_subtitle_mypjw_140",
+	footer: "_footer_mypjw_144"
+};
+var Modal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Modal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": Modal_vue_vue_type_style_index_1_lang_module_default }]]);
+export { Modal_default as t };

package/dist/assets/ModelByIdSelectorModal-DLvBjzJO.js

@@ -0,0 +1,115 @@
+import { Cn as toDisplayString, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { W as N8nFormInput_default, bn as N8nText_default, vn as N8nHeading_default, xn as N8nButton_default } from "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { s as createEventBus } from "./truncate-C0KYt7i3.js";
+import "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import "./dialog-lMho1TD8.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { Yr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import { t as Modal_default } from "./Modal-CIzXlZdZ.js";
+import { t as CredentialIcon_default } from "./CredentialIcon-8YdTTFZ1.js";
+import { i as CHAT_MODEL_BY_ID_SELECTOR_MODAL_KEY, m as providerDisplayNames } from "./constants-DMrsrpD7.js";
+var ModelByIdSelectorModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModelByIdSelectorModal",
+	props: {
+		modalName: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const modalBus = ref(createEventBus());
+		const modelId = ref(props.data.initialValue);
+		const inputRef = ref(null);
+		const i18n = useI18n();
+		onMounted(() => {
+			setTimeout(() => {
+				inputRef.value?.inputRef?.select();
+				inputRef.value?.inputRef?.focus();
+			});
+		});
+		function onConfirm() {
+			if (modelId.value) {
+				props.data.onSelect(props.data.provider, modelId.value);
+				modalBus.value.emit("close");
+			}
+		}
+		function onCancel() {
+			modalBus.value.emit("close");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Modal_default, {
+				name: unref(CHAT_MODEL_BY_ID_SELECTOR_MODAL_KEY),
+				"event-bus": modalBus.value,
+				width: "50%",
+				center: true,
+				"max-width": "460px",
+				"min-height": "250px"
+			}, {
+				header: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(CredentialIcon_default, {
+					"credential-type-name": unref(PROVIDER_CREDENTIAL_TYPE_MAP)[_ctx.data.provider],
+					size: 24,
+					class: normalizeClass(_ctx.$style.icon)
+				}, null, 8, ["credential-type-name", "class"]), createVNode(unref(N8nHeading_default), {
+					size: "medium",
+					tag: "h2",
+					class: normalizeClass(_ctx.$style.title)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.models.byIdSelector.title", { interpolate: { provider: unref(providerDisplayNames)[_ctx.data.provider] } })), 1)]),
+					_: 1
+				}, 8, ["class"])], 2)]),
+				content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [createVNode(unref(N8nText_default), {
+					size: "small",
+					color: "text-base"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.models.byIdSelector.choose")), 1)]),
+					_: 1
+				}), createVNode(unref(N8nFormInput_default), {
+					ref_key: "inputRef",
+					ref: inputRef,
+					modelValue: modelId.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelId.value = $event),
+					name: "model",
+					label: "",
+					"max-length": "64",
+					"focus-initially": "",
+					onEnter: onConfirm
+				}, null, 8, ["modelValue"])], 2)]),
+				footer: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.footer) }, [createVNode(unref(N8nButton_default), {
+					type: "tertiary",
+					onClick: onCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.models.byIdSelector.cancel")), 1)]),
+					_: 1
+				}), createVNode(unref(N8nButton_default), {
+					type: "primary",
+					disabled: !modelId.value,
+					onClick: onConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.models.byIdSelector.confirm")), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 2)]),
+				_: 1
+			}, 8, ["name", "event-bus"]);
+		};
+	}
+});
+var ModelByIdSelectorModal_vue_vue_type_style_index_0_lang_module_default = {
+	content: "_content_u2ob0_123",
+	footer: "_footer_u2ob0_130",
+	header: "_header_u2ob0_137",
+	icon: "_icon_u2ob0_143"
+};
+var ModelByIdSelectorModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ModelByIdSelectorModal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ModelByIdSelectorModal_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ModelByIdSelectorModal_default as default };