superdoc 2.2.1 → 2.3.0

package/dist/chunks/FindReplaceSurface-DLxnCQOB.cjs

@@ -0,0 +1,346 @@
+const require_rolldown_runtime = require("./rolldown-runtime-_dR15c8t.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper-BTwbGDKw.cjs");
+let vue = require("vue");
+var _hoisted_1 = ["onKeydown"];
+var _hoisted_2 = { class: "sd-find-replace__row" };
+var _hoisted_3 = [
+	"title",
+	"aria-label",
+	"aria-expanded"
+];
+var _hoisted_4 = [
+	"value",
+	"placeholder",
+	"aria-label"
+];
+var _hoisted_5 = {
+	key: 0,
+	class: "sd-find-replace__count"
+};
+var _hoisted_6 = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+];
+var _hoisted_7 = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+];
+var _hoisted_8 = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+];
+var _hoisted_9 = { class: "sd-find-replace__nav" };
+var _hoisted_10 = [
+	"disabled",
+	"title",
+	"aria-label"
+];
+var _hoisted_11 = [
+	"disabled",
+	"title",
+	"aria-label"
+];
+var _hoisted_12 = ["title", "aria-label"];
+var _hoisted_13 = {
+	key: 0,
+	class: "sd-find-replace__row"
+};
+var _hoisted_14 = { class: "sd-find-replace__field" };
+var _hoisted_15 = [
+	"value",
+	"placeholder",
+	"aria-label"
+];
+var _hoisted_16 = { class: "sd-find-replace__nav sd-find-replace__nav--actions" };
+var _hoisted_17 = ["disabled", "title"];
+var _hoisted_18 = ["disabled", "title"];
+var _hoisted_19 = {
+	key: 1,
+	class: "sd-find-replace__error",
+	role: "alert"
+};
+var _hoisted_20 = {
+	key: 0,
+	class: "sd-find-replace__row-indent",
+	"aria-hidden": "true"
+};
+var _hoisted_21 = { class: "sd-find-replace__error-text" };
+var _sfc_main = {
+	__name: "FindReplaceSurface",
+	props: {
+		surfaceId: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "floating"
+		},
+		request: {
+			type: Object,
+			default: () => ({})
+		},
+		resolve: {
+			type: Function,
+			default: () => {}
+		},
+		close: {
+			type: Function,
+			default: () => {}
+		},
+		findReplace: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const findInputRef = (0, vue.ref)(null);
+		const replaceDisabled = (0, vue.computed)(() => {
+			const fr = props.findReplace;
+			if (!fr.hasMatches?.value) return true;
+			if (fr.replacePending?.value === true) return true;
+			if (fr.canReplace && fr.canReplace.value === false) return true;
+			return false;
+		});
+		const showIgnoreDiacritics = (0, vue.computed)(() => props.findReplace.ignoreDiacriticsSupported?.value !== false);
+		const showReplaceControls = (0, vue.computed)(() => props.findReplace.replaceEnabled && props.findReplace.replaceCanMutate?.value !== false);
+		const showRegexToggle = (0, vue.computed)(() => props.findReplace.regexSupported?.value === true);
+		const searchErrorText = (0, vue.computed)(() => props.findReplace.searchError?.value ?? null);
+		function handleFindKeydown(e) {
+			if (e.key === "Enter" && !e.shiftKey) {
+				e.preventDefault();
+				handleGoNext();
+			} else if (e.key === "Enter" && e.shiftKey) {
+				e.preventDefault();
+				handleGoPrev();
+			}
+		}
+		function handleGoNext() {
+			props.findReplace.goNext();
+			focusFindInput();
+		}
+		function handleGoPrev() {
+			props.findReplace.goPrev();
+			focusFindInput();
+		}
+		function handleClose() {
+			props.findReplace.close("user-closed");
+		}
+		function collectScrollableAncestors(element) {
+			const result = [];
+			let cur = element?.parentElement ?? null;
+			while (cur) {
+				const style = cur.ownerDocument?.defaultView?.getComputedStyle?.(cur);
+				if (style) {
+					const overflow = `${style.overflowY} ${style.overflowX}`;
+					if (overflow.includes("auto") || overflow.includes("scroll")) result.push(cur);
+				}
+				cur = cur.parentElement;
+			}
+			const root = element?.ownerDocument?.scrollingElement;
+			if (root && !result.includes(root)) result.push(root);
+			return result;
+		}
+		function focusFindInput() {
+			const input = findInputRef.value;
+			if (!input) return;
+			const saved = collectScrollableAncestors(input).map((el) => ({
+				el,
+				top: el.scrollTop,
+				left: el.scrollLeft
+			}));
+			input.focus({ preventScroll: true });
+			for (const { el, top, left } of saved) {
+				if (el.scrollTop !== top) el.scrollTop = top;
+				if (el.scrollLeft !== left) el.scrollLeft = left;
+			}
+		}
+		(0, vue.onMounted)(() => {
+			findInputRef.value?.focus();
+			props.findReplace.registerFocusFn(focusFindInput);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "sd-find-replace",
+				onKeydown: (0, vue.withKeys)((0, vue.withModifiers)(handleClose, ["stop"]), ["esc"])
+			}, [
+				(0, vue.createElementVNode)("div", _hoisted_2, [
+					showReplaceControls.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+						key: 0,
+						type: "button",
+						class: (0, vue.normalizeClass)(["sd-find-replace__btn sd-find-replace__btn--expander", { "sd-find-replace__btn--expander-open": __props.findReplace.showReplace.value }]),
+						title: __props.findReplace.texts.toggleReplaceLabel,
+						"aria-label": __props.findReplace.texts.toggleReplaceAriaLabel,
+						"aria-expanded": __props.findReplace.showReplace.value ? "true" : "false",
+						onClick: _cache[0] || (_cache[0] = ($event) => __props.findReplace.showReplace.value = !__props.findReplace.showReplace.value)
+					}, [..._cache[14] || (_cache[14] = [(0, vue.createElementVNode)("svg", {
+						viewBox: "0 0 16 16",
+						width: "14",
+						height: "14",
+						"aria-hidden": "true"
+					}, [(0, vue.createElementVNode)("path", {
+						d: "M6 3.5 10.5 8 6 12.5",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "1.5",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					})], -1)])], 10, _hoisted_3)) : (0, vue.createCommentVNode)("", true),
+					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["sd-find-replace__field", { "sd-find-replace__field--error": searchErrorText.value }]) }, [
+						_cache[15] || (_cache[15] = (0, vue.createElementVNode)("svg", {
+							class: "sd-find-replace__search-icon",
+							viewBox: "0 0 16 16",
+							width: "15",
+							height: "15",
+							"aria-hidden": "true"
+						}, [(0, vue.createElementVNode)("path", {
+							d: "M7 1a6 6 0 1 0 3.7 10.7l3.3 3.3 1-1-3.3-3.3A6 6 0 0 0 7 1Zm0 1.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Z",
+							fill: "currentColor"
+						})], -1)),
+						(0, vue.createElementVNode)("input", {
+							ref_key: "findInputRef",
+							ref: findInputRef,
+							value: __props.findReplace.findQuery.value,
+							onInput: _cache[1] || (_cache[1] = ($event) => __props.findReplace.findQuery.value = $event.target.value),
+							type: "text",
+							class: "sd-find-replace__input sd-find-replace__input--search",
+							"data-sd-autofocus": "",
+							placeholder: __props.findReplace.texts.findPlaceholder,
+							"aria-label": __props.findReplace.texts.findAriaLabel,
+							onKeydown: handleFindKeydown
+						}, null, 40, _hoisted_4),
+						__props.findReplace.findQuery.value && !searchErrorText.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5, (0, vue.toDisplayString)(__props.findReplace.matchLabel.value), 1)) : (0, vue.createCommentVNode)("", true),
+						(0, vue.createElementVNode)("button", {
+							type: "button",
+							class: (0, vue.normalizeClass)(["sd-find-replace__btn sd-find-replace__btn--toggle", { "sd-find-replace__btn--active": __props.findReplace.caseSensitive.value }]),
+							title: __props.findReplace.texts.matchCaseAriaLabel,
+							"aria-label": __props.findReplace.texts.matchCaseAriaLabel,
+							"aria-pressed": __props.findReplace.caseSensitive.value ? "true" : "false",
+							onMousedown: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["prevent"])),
+							onClick: _cache[3] || (_cache[3] = ($event) => __props.findReplace.caseSensitive.value = !__props.findReplace.caseSensitive.value)
+						}, (0, vue.toDisplayString)(__props.findReplace.texts.matchCaseLabel), 43, _hoisted_6),
+						showIgnoreDiacritics.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							key: 1,
+							type: "button",
+							class: (0, vue.normalizeClass)(["sd-find-replace__btn sd-find-replace__btn--toggle", { "sd-find-replace__btn--active": __props.findReplace.ignoreDiacritics.value }]),
+							title: __props.findReplace.texts.ignoreDiacriticsAriaLabel,
+							"aria-label": __props.findReplace.texts.ignoreDiacriticsAriaLabel,
+							"aria-pressed": __props.findReplace.ignoreDiacritics.value ? "true" : "false",
+							onMousedown: _cache[4] || (_cache[4] = (0, vue.withModifiers)(() => {}, ["prevent"])),
+							onClick: _cache[5] || (_cache[5] = ($event) => __props.findReplace.ignoreDiacritics.value = !__props.findReplace.ignoreDiacritics.value)
+						}, (0, vue.toDisplayString)(__props.findReplace.texts.ignoreDiacriticsLabel), 43, _hoisted_7)) : (0, vue.createCommentVNode)("", true),
+						showRegexToggle.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							key: 2,
+							type: "button",
+							class: (0, vue.normalizeClass)(["sd-find-replace__btn sd-find-replace__btn--toggle", { "sd-find-replace__btn--active": __props.findReplace.regex.value }]),
+							title: __props.findReplace.texts.regexAriaLabel,
+							"aria-label": __props.findReplace.texts.regexAriaLabel,
+							"aria-pressed": __props.findReplace.regex.value ? "true" : "false",
+							onMousedown: _cache[6] || (_cache[6] = (0, vue.withModifiers)(() => {}, ["prevent"])),
+							onClick: _cache[7] || (_cache[7] = ($event) => __props.findReplace.regex.value = !__props.findReplace.regex.value)
+						}, (0, vue.toDisplayString)(__props.findReplace.texts.regexLabel), 43, _hoisted_8)) : (0, vue.createCommentVNode)("", true)
+					], 2),
+					(0, vue.createElementVNode)("div", _hoisted_9, [
+						(0, vue.createElementVNode)("button", {
+							type: "button",
+							class: "sd-find-replace__btn sd-find-replace__btn--icon",
+							disabled: !__props.findReplace.hasMatches.value,
+							title: __props.findReplace.texts.previousMatchLabel,
+							"aria-label": __props.findReplace.texts.previousMatchAriaLabel,
+							onClick: _cache[8] || (_cache[8] = ($event) => handleGoPrev())
+						}, [..._cache[16] || (_cache[16] = [(0, vue.createElementVNode)("svg", {
+							viewBox: "0 0 16 16",
+							width: "16",
+							height: "16",
+							"aria-hidden": "true"
+						}, [(0, vue.createElementVNode)("path", {
+							d: "M10 3.5 5.5 8 10 12.5",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						})], -1)])], 8, _hoisted_10),
+						(0, vue.createElementVNode)("button", {
+							type: "button",
+							class: "sd-find-replace__btn sd-find-replace__btn--icon",
+							disabled: !__props.findReplace.hasMatches.value,
+							title: __props.findReplace.texts.nextMatchLabel,
+							"aria-label": __props.findReplace.texts.nextMatchAriaLabel,
+							onClick: _cache[9] || (_cache[9] = ($event) => handleGoNext())
+						}, [..._cache[17] || (_cache[17] = [(0, vue.createElementVNode)("svg", {
+							viewBox: "0 0 16 16",
+							width: "16",
+							height: "16",
+							"aria-hidden": "true"
+						}, [(0, vue.createElementVNode)("path", {
+							d: "M6 3.5 10.5 8 6 12.5",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						})], -1)])], 8, _hoisted_11),
+						_cache[19] || (_cache[19] = (0, vue.createElementVNode)("span", {
+							class: "sd-find-replace__divider",
+							"aria-hidden": "true"
+						}, null, -1)),
+						(0, vue.createElementVNode)("button", {
+							type: "button",
+							class: "sd-find-replace__btn sd-find-replace__btn--icon",
+							title: __props.findReplace.texts.closeLabel,
+							"aria-label": __props.findReplace.texts.closeAriaLabel,
+							onClick: handleClose
+						}, [..._cache[18] || (_cache[18] = [(0, vue.createElementVNode)("svg", {
+							viewBox: "0 0 16 16",
+							width: "16",
+							height: "16",
+							"aria-hidden": "true"
+						}, [(0, vue.createElementVNode)("path", {
+							d: "m4.5 4.5 7 7m0-7-7 7",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round"
+						})], -1)])], 8, _hoisted_12)
+					])
+				]),
+				__props.findReplace.showReplace.value && showReplaceControls.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_13, [
+					_cache[20] || (_cache[20] = (0, vue.createElementVNode)("span", {
+						class: "sd-find-replace__row-indent",
+						"aria-hidden": "true"
+					}, null, -1)),
+					(0, vue.createElementVNode)("div", _hoisted_14, [(0, vue.createElementVNode)("input", {
+						value: __props.findReplace.replaceText.value,
+						onInput: _cache[10] || (_cache[10] = ($event) => __props.findReplace.replaceText.value = $event.target.value),
+						type: "text",
+						class: "sd-find-replace__input",
+						placeholder: __props.findReplace.texts.replacePlaceholder,
+						"aria-label": __props.findReplace.texts.replaceAriaLabel,
+						onKeydown: _cache[11] || (_cache[11] = (0, vue.withKeys)((0, vue.withModifiers)(($event) => __props.findReplace.replaceCurrent(), ["prevent"]), ["enter"]))
+					}, null, 40, _hoisted_15)]),
+					(0, vue.createElementVNode)("div", _hoisted_16, [(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "sd-find-replace__btn sd-find-replace__btn--action",
+						disabled: replaceDisabled.value,
+						title: __props.findReplace.texts.replaceLabel,
+						onClick: _cache[12] || (_cache[12] = ($event) => __props.findReplace.replaceCurrent())
+					}, (0, vue.toDisplayString)(__props.findReplace.texts.replaceLabel), 9, _hoisted_17), (0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "sd-find-replace__btn sd-find-replace__btn--action",
+						disabled: replaceDisabled.value,
+						title: __props.findReplace.texts.replaceAllLabel,
+						onClick: _cache[13] || (_cache[13] = ($event) => __props.findReplace.replaceAll())
+					}, (0, vue.toDisplayString)(__props.findReplace.texts.replaceAllLabel), 9, _hoisted_18)])
+				])) : (0, vue.createCommentVNode)("", true),
+				searchErrorText.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_19, [showReplaceControls.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_20)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", _hoisted_21, (0, vue.toDisplayString)(searchErrorText.value), 1)])) : (0, vue.createCommentVNode)("", true)
+			], 40, _hoisted_1);
+		};
+	}
+};
+var FindReplaceSurface_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main, [["__scopeId", "data-v-fed15bd3"]]);
+exports.default = FindReplaceSurface_default;

package/dist/chunks/PasswordPromptSurface-BA6HHqEa.es.js

@@ -0,0 +1,111 @@
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-CInC0bKI.es.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, openBlock, ref, toDisplayString, vModelText, withDirectives, withKeys, withModifiers } from "vue";
+var _hoisted_1 = ["onKeydown"];
+var _hoisted_2 = ["id"];
+var _hoisted_3 = { class: "sd-password-prompt__description" };
+var _hoisted_4 = { class: "sd-password-prompt__field" };
+var _hoisted_5 = [
+	"placeholder",
+	"disabled",
+	"aria-label"
+];
+var _hoisted_6 = {
+	key: 0,
+	class: "sd-password-prompt__error",
+	role: "alert"
+};
+var _hoisted_7 = { class: "sd-password-prompt__actions" };
+var _hoisted_8 = ["disabled"];
+var _hoisted_9 = ["disabled"];
+var PasswordPromptSurface_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
+	__name: "PasswordPromptSurface",
+	props: {
+		surfaceId: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "dialog"
+		},
+		request: {
+			type: Object,
+			default: () => ({})
+		},
+		resolve: {
+			type: Function,
+			default: () => {}
+		},
+		close: {
+			type: Function,
+			default: () => {}
+		},
+		passwordPrompt: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const password = ref("");
+		const isBusy = ref(false);
+		const isInvalid = ref(props.passwordPrompt.errorCode === "DOCX_PASSWORD_INVALID");
+		const errorMessage = ref(isInvalid.value ? props.passwordPrompt.texts.invalidMessage : "");
+		const heading = computed(() => isInvalid.value ? props.passwordPrompt.texts.invalidTitle : props.passwordPrompt.texts.title);
+		const canSubmit = computed(() => password.value.length > 0 && !isBusy.value);
+		async function handleSubmit() {
+			if (!canSubmit.value) return;
+			isBusy.value = true;
+			errorMessage.value = "";
+			const result = await props.passwordPrompt.attemptPassword(password.value);
+			if (result.success) {
+				props.resolve({ password: password.value });
+				return;
+			}
+			isBusy.value = false;
+			password.value = "";
+			if (result.errorCode === "DOCX_PASSWORD_INVALID") {
+				isInvalid.value = true;
+				errorMessage.value = props.passwordPrompt.texts.invalidMessage;
+			} else if (result.errorCode === "timeout") errorMessage.value = props.passwordPrompt.texts.timeoutMessage;
+			else errorMessage.value = props.passwordPrompt.texts.genericErrorMessage;
+		}
+		function handleCancel() {
+			props.close("user-cancelled");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "sd-password-prompt",
+				onKeydown: withKeys(withModifiers(handleSubmit, ["prevent"]), ["enter"])
+			}, [
+				createElementVNode("h3", {
+					id: `sd-password-prompt-heading-${__props.surfaceId}`,
+					class: "sd-password-prompt__heading"
+				}, toDisplayString(heading.value), 9, _hoisted_2),
+				createElementVNode("p", _hoisted_3, toDisplayString(__props.passwordPrompt.texts.description), 1),
+				createElementVNode("div", _hoisted_4, [withDirectives(createElementVNode("input", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
+					type: "password",
+					class: "sd-password-prompt__input",
+					placeholder: __props.passwordPrompt.texts.placeholder,
+					disabled: isBusy.value,
+					autocomplete: "current-password",
+					"aria-label": __props.passwordPrompt.texts.inputAriaLabel
+				}, null, 8, _hoisted_5), [[vModelText, password.value]])]),
+				errorMessage.value ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_7, [createElementVNode("button", {
+					type: "button",
+					class: "sd-password-prompt__btn sd-password-prompt__btn--cancel",
+					disabled: isBusy.value,
+					onClick: handleCancel
+				}, toDisplayString(__props.passwordPrompt.texts.cancelLabel), 9, _hoisted_8), createElementVNode("button", {
+					type: "button",
+					class: "sd-password-prompt__btn sd-password-prompt__btn--submit",
+					disabled: !canSubmit.value,
+					onClick: handleSubmit
+				}, toDisplayString(isBusy.value ? __props.passwordPrompt.texts.busyLabel : __props.passwordPrompt.texts.submitLabel), 9, _hoisted_9)])
+			], 40, _hoisted_1);
+		};
+	}
+}, [["__scopeId", "data-v-ecf7f6fb"]]);
+export { PasswordPromptSurface_default as default };

package/dist/chunks/PasswordPromptSurface-DMbfDvpQ.cjs

@@ -0,0 +1,113 @@
+const require_rolldown_runtime = require("./rolldown-runtime-_dR15c8t.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper-BTwbGDKw.cjs");
+let vue = require("vue");
+var _hoisted_1 = ["onKeydown"];
+var _hoisted_2 = ["id"];
+var _hoisted_3 = { class: "sd-password-prompt__description" };
+var _hoisted_4 = { class: "sd-password-prompt__field" };
+var _hoisted_5 = [
+	"placeholder",
+	"disabled",
+	"aria-label"
+];
+var _hoisted_6 = {
+	key: 0,
+	class: "sd-password-prompt__error",
+	role: "alert"
+};
+var _hoisted_7 = { class: "sd-password-prompt__actions" };
+var _hoisted_8 = ["disabled"];
+var _hoisted_9 = ["disabled"];
+var _sfc_main = {
+	__name: "PasswordPromptSurface",
+	props: {
+		surfaceId: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "dialog"
+		},
+		request: {
+			type: Object,
+			default: () => ({})
+		},
+		resolve: {
+			type: Function,
+			default: () => {}
+		},
+		close: {
+			type: Function,
+			default: () => {}
+		},
+		passwordPrompt: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const password = (0, vue.ref)("");
+		const isBusy = (0, vue.ref)(false);
+		const isInvalid = (0, vue.ref)(props.passwordPrompt.errorCode === "DOCX_PASSWORD_INVALID");
+		const errorMessage = (0, vue.ref)(isInvalid.value ? props.passwordPrompt.texts.invalidMessage : "");
+		const heading = (0, vue.computed)(() => isInvalid.value ? props.passwordPrompt.texts.invalidTitle : props.passwordPrompt.texts.title);
+		const canSubmit = (0, vue.computed)(() => password.value.length > 0 && !isBusy.value);
+		async function handleSubmit() {
+			if (!canSubmit.value) return;
+			isBusy.value = true;
+			errorMessage.value = "";
+			const result = await props.passwordPrompt.attemptPassword(password.value);
+			if (result.success) {
+				props.resolve({ password: password.value });
+				return;
+			}
+			isBusy.value = false;
+			password.value = "";
+			if (result.errorCode === "DOCX_PASSWORD_INVALID") {
+				isInvalid.value = true;
+				errorMessage.value = props.passwordPrompt.texts.invalidMessage;
+			} else if (result.errorCode === "timeout") errorMessage.value = props.passwordPrompt.texts.timeoutMessage;
+			else errorMessage.value = props.passwordPrompt.texts.genericErrorMessage;
+		}
+		function handleCancel() {
+			props.close("user-cancelled");
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "sd-password-prompt",
+				onKeydown: (0, vue.withKeys)((0, vue.withModifiers)(handleSubmit, ["prevent"]), ["enter"])
+			}, [
+				(0, vue.createElementVNode)("h3", {
+					id: `sd-password-prompt-heading-${__props.surfaceId}`,
+					class: "sd-password-prompt__heading"
+				}, (0, vue.toDisplayString)(heading.value), 9, _hoisted_2),
+				(0, vue.createElementVNode)("p", _hoisted_3, (0, vue.toDisplayString)(__props.passwordPrompt.texts.description), 1),
+				(0, vue.createElementVNode)("div", _hoisted_4, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
+					type: "password",
+					class: "sd-password-prompt__input",
+					placeholder: __props.passwordPrompt.texts.placeholder,
+					disabled: isBusy.value,
+					autocomplete: "current-password",
+					"aria-label": __props.passwordPrompt.texts.inputAriaLabel
+				}, null, 8, _hoisted_5), [[vue.vModelText, password.value]])]),
+				errorMessage.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_6, (0, vue.toDisplayString)(errorMessage.value), 1)) : (0, vue.createCommentVNode)("", true),
+				(0, vue.createElementVNode)("div", _hoisted_7, [(0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "sd-password-prompt__btn sd-password-prompt__btn--cancel",
+					disabled: isBusy.value,
+					onClick: handleCancel
+				}, (0, vue.toDisplayString)(__props.passwordPrompt.texts.cancelLabel), 9, _hoisted_8), (0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "sd-password-prompt__btn sd-password-prompt__btn--submit",
+					disabled: !canSubmit.value,
+					onClick: handleSubmit
+				}, (0, vue.toDisplayString)(isBusy.value ? __props.passwordPrompt.texts.busyLabel : __props.passwordPrompt.texts.submitLabel), 9, _hoisted_9)])
+			], 40, _hoisted_1);
+		};
+	}
+};
+var PasswordPromptSurface_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main, [["__scopeId", "data-v-ecf7f6fb"]]);
+exports.default = PasswordPromptSurface_default;