@vonage/vivid 5.21.0 → 5.22.0

package/unbundled/definition58.cjs

@@ -32,7 +32,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 		this.radioChangeHandler = (e) => {
 			const changedRadio = e.target;
 			if (changedRadio.checked) {
-				this.slottedRadioButtons?.forEach((radio) => {
+				this.slottedRadioButtons.forEach((radio) => {
 					if (radio !== changedRadio) radio.checked = false;
 				});
 				this.value = changedRadio.value;
@@ -46,16 +46,17 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 			radio.focus();
 		};
 		this.moveRightOffGroup = () => {
-			this.nextElementSibling?.focus();
+			const next = this.nextElementSibling;
+			if (next instanceof HTMLElement) next.focus();
 		};
 		this.moveLeftOffGroup = () => {
-			this.previousElementSibling?.focus();
+			const prev = this.previousElementSibling;
+			if (prev instanceof HTMLElement) prev.focus();
 		};
 		this.moveRight = (e) => {
 			const radio = e.target;
 			const group = this.#focusableRadioButtons;
-			let index = 0;
-			index = group.indexOf(radio) + 1;
+			let index = group.indexOf(radio) + 1;
 			if (index === group.length && this.isInsideToolbar && e.key === "ArrowRight") {
 				this.moveRightOffGroup();
 				return;
@@ -78,15 +79,15 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 			switch (e.key) {
 				case _microsoft_fast_web_utilities.keyEnter:
 					this.checkFocusedRadio(e.target);
-					break;
+					return;
 				case require_key_codes.keyArrowRight:
 				case _microsoft_fast_web_utilities.keyArrowDown:
 					this.moveRight(e);
-					break;
+					return;
 				case require_key_codes.keyArrowLeft:
 				case _microsoft_fast_web_utilities.keyArrowUp:
 					this.moveLeft(e);
-					break;
+					return;
 				default: return true;
 			}
 		};
@@ -95,7 +96,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	requiredChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.required) radio.required = true;
 			else radio.required = false;
 		});
@@ -104,7 +105,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	readOnlyChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.readOnly) radio.readOnly = true;
 			else radio.readOnly = false;
 		});
@@ -113,13 +114,13 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	disabledChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.disabled) radio.disabled = true;
 			else radio.disabled = false;
 		});
 	}
 	nameChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.setAttribute("name", this.name);
 		});
 	}
@@ -127,7 +128,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	valueChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (radio.value === this.value) radio.checked = true;
 		});
 		this.$emit("change");
@@ -136,7 +137,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	handleSlotChange() {
-		if (this.errorText) this.slottedRadioButtons?.forEach((radio) => {
+		if (this.errorText) this.slottedRadioButtons.forEach((radio) => {
 			radio.errorText = this.errorText;
 		});
 	}
@@ -148,13 +149,13 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 		else this.errorValidationMessage = "";
 	}
 	get #focusableRadioButtons() {
-		return this.slottedRadioButtons?.filter((radio) => !radio.disabled);
+		return this.slottedRadioButtons.filter((radio) => !radio.disabled);
 	}
 	/**
 	* @internal
 	*/
 	slottedRadioButtonsChanged() {
-		if (this.slottedRadioButtons && this.slottedRadioButtons.length > 0) this.setupRadioButtons();
+		if (this.slottedRadioButtons.length > 0) this.setupRadioButtons();
 	}
 	get isInsideToolbar() {
 		return !!this.closest("[role=\"toolbar\"]");
@@ -167,7 +168,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 		this.setupRadioButtons();
 	}
 	disconnectedCallback() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.removeEventListener("change", this.radioChangeHandler);
 			radio.removeEventListener("invalid", this.radioErrorHandler);
 		});
@@ -187,8 +188,8 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 			radio.addEventListener("change", this.radioChangeHandler);
 			radio.addEventListener("invalid", this.radioErrorHandler);
 		}
-		if (this.value === void 0 && this.slottedRadioButtons?.length > 0) {
-			const checkedRadios = this.slottedRadioButtons?.filter((radio) => radio.hasAttribute("checked"));
+		if (this.value === void 0 && this.slottedRadioButtons.length > 0) {
+			const checkedRadios = this.slottedRadioButtons.filter((radio) => radio.hasAttribute("checked"));
 			if (checkedRadios.length > 0 && !foundMatchingVal) {
 				const lastCheckedRadio = checkedRadios[checkedRadios.length - 1];
 				lastCheckedRadio.checked = true;

package/unbundled/definition58.js

@@ -31,7 +31,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 		this.radioChangeHandler = (e) => {
 			const changedRadio = e.target;
 			if (changedRadio.checked) {
-				this.slottedRadioButtons?.forEach((radio) => {
+				this.slottedRadioButtons.forEach((radio) => {
 					if (radio !== changedRadio) radio.checked = false;
 				});
 				this.value = changedRadio.value;
@@ -45,16 +45,17 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 			radio.focus();
 		};
 		this.moveRightOffGroup = () => {
-			this.nextElementSibling?.focus();
+			const next = this.nextElementSibling;
+			if (next instanceof HTMLElement) next.focus();
 		};
 		this.moveLeftOffGroup = () => {
-			this.previousElementSibling?.focus();
+			const prev = this.previousElementSibling;
+			if (prev instanceof HTMLElement) prev.focus();
 		};
 		this.moveRight = (e) => {
 			const radio = e.target;
 			const group = this.#focusableRadioButtons;
-			let index = 0;
-			index = group.indexOf(radio) + 1;
+			let index = group.indexOf(radio) + 1;
 			if (index === group.length && this.isInsideToolbar && e.key === "ArrowRight") {
 				this.moveRightOffGroup();
 				return;
@@ -77,15 +78,15 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 			switch (e.key) {
 				case keyEnter:
 					this.checkFocusedRadio(e.target);
-					break;
+					return;
 				case keyArrowRight$1:
 				case keyArrowDown:
 					this.moveRight(e);
-					break;
+					return;
 				case keyArrowLeft$1:
 				case keyArrowUp:
 					this.moveLeft(e);
-					break;
+					return;
 				default: return true;
 			}
 		};
@@ -94,7 +95,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	requiredChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.required) radio.required = true;
 			else radio.required = false;
 		});
@@ -103,7 +104,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	readOnlyChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.readOnly) radio.readOnly = true;
 			else radio.readOnly = false;
 		});
@@ -112,13 +113,13 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	disabledChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.disabled) radio.disabled = true;
 			else radio.disabled = false;
 		});
 	}
 	nameChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.setAttribute("name", this.name);
 		});
 	}
@@ -126,7 +127,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	valueChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (radio.value === this.value) radio.checked = true;
 		});
 		this.$emit("change");
@@ -135,7 +136,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	handleSlotChange() {
-		if (this.errorText) this.slottedRadioButtons?.forEach((radio) => {
+		if (this.errorText) this.slottedRadioButtons.forEach((radio) => {
 			radio.errorText = this.errorText;
 		});
 	}
@@ -147,13 +148,13 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 		else this.errorValidationMessage = "";
 	}
 	get #focusableRadioButtons() {
-		return this.slottedRadioButtons?.filter((radio) => !radio.disabled);
+		return this.slottedRadioButtons.filter((radio) => !radio.disabled);
 	}
 	/**
 	* @internal
 	*/
 	slottedRadioButtonsChanged() {
-		if (this.slottedRadioButtons && this.slottedRadioButtons.length > 0) this.setupRadioButtons();
+		if (this.slottedRadioButtons.length > 0) this.setupRadioButtons();
 	}
 	get isInsideToolbar() {
 		return !!this.closest("[role=\"toolbar\"]");
@@ -166,7 +167,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 		this.setupRadioButtons();
 	}
 	disconnectedCallback() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.removeEventListener("change", this.radioChangeHandler);
 			radio.removeEventListener("invalid", this.radioErrorHandler);
 		});
@@ -186,8 +187,8 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 			radio.addEventListener("change", this.radioChangeHandler);
 			radio.addEventListener("invalid", this.radioErrorHandler);
 		}
-		if (this.value === void 0 && this.slottedRadioButtons?.length > 0) {
-			const checkedRadios = this.slottedRadioButtons?.filter((radio) => radio.hasAttribute("checked"));
+		if (this.value === void 0 && this.slottedRadioButtons.length > 0) {
+			const checkedRadios = this.slottedRadioButtons.filter((radio) => radio.hasAttribute("checked"));
 			if (checkedRadios.length > 0 && !foundMatchingVal) {
 				const lastCheckedRadio = checkedRadios[checkedRadios.length - 1];
 				lastCheckedRadio.checked = true;

package/unbundled/definition59.cjs

@@ -418,7 +418,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], RangeSlider.pr
 require_decorate.__decorate([_microsoft_fast_element.observable], RangeSlider.prototype, "_selectedRangeCss", void 0);
 //#endregion
 //#region src/lib/range-slider/range-slider.template.ts
-var getClasses = ({ disabled, connotation }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", Boolean(disabled)], [`connotation-${connotation}`, Boolean(connotation)]);
+var getClasses = ({ disabled, connotation }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", disabled], [`connotation-${connotation}`, Boolean(connotation)]);
 var getThumbClassesFor = (thumb) => ({ _visiblyFocusedThumb }) => (0, _microsoft_fast_web_utilities.classNames)("thumb-container", ["focus-visible", _visiblyFocusedThumb === thumb]);
 var RangeSliderTemplate = (context) => {
 	const popupTag = context.tagFor(require_definition.Popup);

package/unbundled/definition59.js

@@ -417,7 +417,7 @@ __decorate([observable], RangeSlider.prototype, "_endThumbCss", void 0);
 __decorate([observable], RangeSlider.prototype, "_selectedRangeCss", void 0);
 //#endregion
 //#region src/lib/range-slider/range-slider.template.ts
-var getClasses = ({ disabled, connotation }) => classNames("control", ["disabled", Boolean(disabled)], [`connotation-${connotation}`, Boolean(connotation)]);
+var getClasses = ({ disabled, connotation }) => classNames("control", ["disabled", disabled], [`connotation-${connotation}`, Boolean(connotation)]);
 var getThumbClassesFor = (thumb) => ({ _visiblyFocusedThumb }) => classNames("thumb-container", ["focus-visible", _visiblyFocusedThumb === thumb]);
 var RangeSliderTemplate = (context) => {
 	const popupTag = context.tagFor(Popup);

package/unbundled/definition60.cjs

@@ -113,12 +113,20 @@ var Kind = {
 	default: {
 		placement: void 0,
 		placementStrategy: require_definition$2.PlacementStrategy.AutoPlacementHorizontal,
+		shiftCrossAxis: false,
 		strategy: "absolute"
 	},
 	autocomplete: {
 		placement: "bottom-start",
 		placementStrategy: require_definition$2.PlacementStrategy.Flip,
+		shiftCrossAxis: false,
 		strategy: "fixed"
+	},
+	imageOptions: {
+		placement: "bottom",
+		placementStrategy: require_definition$2.PlacementStrategy.Flip,
+		shiftCrossAxis: true,
+		strategy: "absolute"
 	}
 };
 var popoverTemplate = (context) => {
@@ -127,6 +135,7 @@ var popoverTemplate = (context) => {
 		:anchor="${(x) => x.anchorEl}"
 		:placement="${(x) => Kind[x.kind].placement}"
 		:placementStrategy="${(x) => Kind[x.kind].placementStrategy}"
+		:shiftCrossAxis="${(x) => Kind[x.kind].shiftCrossAxis}"
 		:open="${(x) => x.open}"
 		:offset="${(x) => x.offset}"
 		:strategy="${(x) => Kind[x.kind].strategy}"
@@ -316,6 +325,8 @@ var RteCoreImpl = class extends require_slottable_request.RteFeatureImpl {
 		super(..._args);
 		this.name = "RteCore";
 		this.disabled = new FeatureState(false);
+		this.scrollThreshold = void 0;
+		this.scrollMargin = void 0;
 	}
 	getStyles() {
 		return [
@@ -595,6 +606,15 @@ var RteInstance = class {
 		else tr.setSelection(prosemirror_state.TextSelection.atStart(tr.doc));
 		dispatchTransaction(tr);
 	}
+	/**
+	* Scrolls the cursor into view.
+	* Has no effect if the editor is not currently mounted.
+	*/
+	scrollIntoView() {
+		const instance = this[require_slottable_request.impl];
+		if (!instance.view) return;
+		instance.dispatchTransaction(instance.tr.scrollIntoView());
+	}
 };
 var RteInstanceImpl = class {
 	getFeature(name) {
@@ -649,12 +669,15 @@ var RteInstanceImpl = class {
 		this.view?.updateState(this.state);
 	}
 	createView(target) {
+		const core = this.config.featureMap.get("RteCore");
 		this.view = new prosemirror_view.EditorView((editor) => {
 			editor.part = "editor";
 			target.appendChild(editor);
 		}, {
 			state: this.state,
-			dispatchTransaction: this.dispatchTransaction
+			dispatchTransaction: this.dispatchTransaction,
+			...core?.scrollThreshold !== void 0 && { scrollThreshold: core.scrollThreshold },
+			...core?.scrollMargin !== void 0 && { scrollMargin: core.scrollMargin }
 		});
 	}
 	destroyViewIfNeeded() {
@@ -1365,6 +1388,20 @@ var RteBaseImpl = class extends require_slottable_request.RteFeatureImpl {
 			},
 			set disabled(value) {
 				core.disabled.setValue(rte, value);
+			},
+			get scrollThreshold() {
+				return core.scrollThreshold;
+			},
+			set scrollThreshold(value) {
+				core.scrollThreshold = value;
+				rte.view?.setProps({ scrollThreshold: value });
+			},
+			get scrollMargin() {
+				return core.scrollMargin;
+			},
+			set scrollMargin(value) {
+				core.scrollMargin = value;
+				rte.view?.setProps({ scrollMargin: value });
 			}
 		};
 	}
@@ -1955,7 +1992,7 @@ var RteTextColorPickerFeatureImpl = class extends require_slottable_request.RteF
 			if (selectionColor === null) selectionColor = observedColor ?? null;
 			else if (observedColor !== selectionColor) selectionColor = mixedColor;
 		};
-		state.doc.nodesBetween(from, to, (node, pos, parent) => {
+		state.doc.nodesBetween(from, to, (node, _pos, parent) => {
 			if (selectionColor === mixedColor) return false;
 			if (!node.isLeaf) {
 				if (node.type.allowsMarkType(textColor) && node.childCount === 0) observeColor(this.defaultColorForNode?.[node.type.name]);
@@ -2704,7 +2741,7 @@ var InlineImageView = class {
 		this.img.className = "inline-image";
 		this.update(node);
 		this.img.addEventListener("load", () => {
-			const pos = this.getPos?.();
+			const pos = this.getPos();
 			if (pos) {
 				const { state, dispatch } = this.view;
 				const currentNode = state.doc.nodeAt(pos);
@@ -2811,6 +2848,7 @@ var RteInlineImageFeatureImpl = class extends require_slottable_request.RteFeatu
 					shouldReturnFocusToEditor: true
 				});
 				popover = rte.createComponent(Popover);
+				popover.kind = "imageOptions";
 				popover.offset = 4;
 				const content = createDiv(ctx, {
 					className: "inline-image-popover",
@@ -2871,7 +2909,7 @@ var RteInlineImageFeatureImpl = class extends require_slottable_request.RteFeatu
 		} }))];
 	}
 	calculateSmallWidth(naturalWidth) {
-		return Math.min(300, naturalWidth / 2) + "px";
+		return `${Math.min(300, naturalWidth / 2)}px`;
 	}
 	getSelectedInlineImage(state) {
 		const sel = state.selection;
@@ -3004,13 +3042,13 @@ var RteFileHandlerFeatureImpl = class extends require_slottable_request.RteFeatu
 			if (resolved.type === "error") console.error("Error in handleFiles handler:", resolved.error);
 		};
 		return [this.contribution(insertPointPlaceholderPlugin), this.contribution(new prosemirror_state.Plugin({ props: {
-			handlePaste: (view, event) => {
+			handlePaste: (_view, event) => {
 				const files = Array.from(event.clipboardData.files);
 				if (!files.length) return false;
 				handleFiles(files, { type: "selection" });
 				return true;
 			},
-			handleDrop: (view, event, slice, moved) => {
+			handleDrop: (view, event) => {
 				const files = Array.from(event.dataTransfer.files);
 				if (!files.length) return false;
 				let target = view.posAtCoords({
@@ -3039,7 +3077,7 @@ var RteDropHandlerFeatureImpl = class extends require_slottable_request.RteFeatu
 		this.config = config;
 		this.name = "RteDebugFeature";
 	}
-	getPlugins(rte) {
+	getPlugins() {
 		const dragOverResults = /* @__PURE__ */ new WeakMap();
 		let lastResult = false;
 		const onDragOver = (event) => {
@@ -3077,7 +3115,7 @@ var RteDropHandlerFeatureImpl = class extends require_slottable_request.RteFeatu
 				viewport.removeEventListener("dragleave", onDragLeave);
 			} };
 		} })), this.contribution(new prosemirror_state.Plugin({ props: { handleDOMEvents: {
-			dragover: (view, event) => {
+			dragover: (_view, event) => {
 				const result = this.config.onViewportDragOver?.(event) ?? false;
 				dragOverResults.set(event, result);
 				lastResult = result;
@@ -3088,7 +3126,7 @@ var RteDropHandlerFeatureImpl = class extends require_slottable_request.RteFeatu
 				}
 				return false;
 			},
-			drop: (view, event) => {
+			drop: () => {
 				return lastResult;
 			}
 		} } }), require_slottable_request.contributionPriority.high)];

package/unbundled/definition60.js

@@ -111,12 +111,20 @@ var Kind = {
 	default: {
 		placement: void 0,
 		placementStrategy: PlacementStrategy.AutoPlacementHorizontal,
+		shiftCrossAxis: false,
 		strategy: "absolute"
 	},
 	autocomplete: {
 		placement: "bottom-start",
 		placementStrategy: PlacementStrategy.Flip,
+		shiftCrossAxis: false,
 		strategy: "fixed"
+	},
+	imageOptions: {
+		placement: "bottom",
+		placementStrategy: PlacementStrategy.Flip,
+		shiftCrossAxis: true,
+		strategy: "absolute"
 	}
 };
 var popoverTemplate = (context) => {
@@ -125,6 +133,7 @@ var popoverTemplate = (context) => {
 		:anchor="${(x) => x.anchorEl}"
 		:placement="${(x) => Kind[x.kind].placement}"
 		:placementStrategy="${(x) => Kind[x.kind].placementStrategy}"
+		:shiftCrossAxis="${(x) => Kind[x.kind].shiftCrossAxis}"
 		:open="${(x) => x.open}"
 		:offset="${(x) => x.offset}"
 		:strategy="${(x) => Kind[x.kind].strategy}"
@@ -314,6 +323,8 @@ var RteCoreImpl = class extends RteFeatureImpl {
 		super(..._args);
 		this.name = "RteCore";
 		this.disabled = new FeatureState(false);
+		this.scrollThreshold = void 0;
+		this.scrollMargin = void 0;
 	}
 	getStyles() {
 		return [
@@ -593,6 +604,15 @@ var RteInstance = class {
 		else tr.setSelection(TextSelection.atStart(tr.doc));
 		dispatchTransaction(tr);
 	}
+	/**
+	* Scrolls the cursor into view.
+	* Has no effect if the editor is not currently mounted.
+	*/
+	scrollIntoView() {
+		const instance = this[impl];
+		if (!instance.view) return;
+		instance.dispatchTransaction(instance.tr.scrollIntoView());
+	}
 };
 var RteInstanceImpl = class {
 	getFeature(name) {
@@ -647,12 +667,15 @@ var RteInstanceImpl = class {
 		this.view?.updateState(this.state);
 	}
 	createView(target) {
+		const core = this.config.featureMap.get("RteCore");
 		this.view = new EditorView((editor) => {
 			editor.part = "editor";
 			target.appendChild(editor);
 		}, {
 			state: this.state,
-			dispatchTransaction: this.dispatchTransaction
+			dispatchTransaction: this.dispatchTransaction,
+			...core?.scrollThreshold !== void 0 && { scrollThreshold: core.scrollThreshold },
+			...core?.scrollMargin !== void 0 && { scrollMargin: core.scrollMargin }
 		});
 	}
 	destroyViewIfNeeded() {
@@ -1363,6 +1386,20 @@ var RteBaseImpl = class extends RteFeatureImpl {
 			},
 			set disabled(value) {
 				core.disabled.setValue(rte, value);
+			},
+			get scrollThreshold() {
+				return core.scrollThreshold;
+			},
+			set scrollThreshold(value) {
+				core.scrollThreshold = value;
+				rte.view?.setProps({ scrollThreshold: value });
+			},
+			get scrollMargin() {
+				return core.scrollMargin;
+			},
+			set scrollMargin(value) {
+				core.scrollMargin = value;
+				rte.view?.setProps({ scrollMargin: value });
 			}
 		};
 	}
@@ -1953,7 +1990,7 @@ var RteTextColorPickerFeatureImpl = class extends RteFeatureImpl {
 			if (selectionColor === null) selectionColor = observedColor ?? null;
 			else if (observedColor !== selectionColor) selectionColor = mixedColor;
 		};
-		state.doc.nodesBetween(from, to, (node, pos, parent) => {
+		state.doc.nodesBetween(from, to, (node, _pos, parent) => {
 			if (selectionColor === mixedColor) return false;
 			if (!node.isLeaf) {
 				if (node.type.allowsMarkType(textColor) && node.childCount === 0) observeColor(this.defaultColorForNode?.[node.type.name]);
@@ -2702,7 +2739,7 @@ var InlineImageView = class {
 		this.img.className = "inline-image";
 		this.update(node);
 		this.img.addEventListener("load", () => {
-			const pos = this.getPos?.();
+			const pos = this.getPos();
 			if (pos) {
 				const { state, dispatch } = this.view;
 				const currentNode = state.doc.nodeAt(pos);
@@ -2809,6 +2846,7 @@ var RteInlineImageFeatureImpl = class extends RteFeatureImpl {
 					shouldReturnFocusToEditor: true
 				});
 				popover = rte.createComponent(Popover);
+				popover.kind = "imageOptions";
 				popover.offset = 4;
 				const content = createDiv(ctx, {
 					className: "inline-image-popover",
@@ -2869,7 +2907,7 @@ var RteInlineImageFeatureImpl = class extends RteFeatureImpl {
 		} }))];
 	}
 	calculateSmallWidth(naturalWidth) {
-		return Math.min(300, naturalWidth / 2) + "px";
+		return `${Math.min(300, naturalWidth / 2)}px`;
 	}
 	getSelectedInlineImage(state) {
 		const sel = state.selection;
@@ -3002,13 +3040,13 @@ var RteFileHandlerFeatureImpl = class extends RteFeatureImpl {
 			if (resolved.type === "error") console.error("Error in handleFiles handler:", resolved.error);
 		};
 		return [this.contribution(insertPointPlaceholderPlugin), this.contribution(new Plugin({ props: {
-			handlePaste: (view, event) => {
+			handlePaste: (_view, event) => {
 				const files = Array.from(event.clipboardData.files);
 				if (!files.length) return false;
 				handleFiles(files, { type: "selection" });
 				return true;
 			},
-			handleDrop: (view, event, slice, moved) => {
+			handleDrop: (view, event) => {
 				const files = Array.from(event.dataTransfer.files);
 				if (!files.length) return false;
 				let target = view.posAtCoords({
@@ -3037,7 +3075,7 @@ var RteDropHandlerFeatureImpl = class extends RteFeatureImpl {
 		this.config = config;
 		this.name = "RteDebugFeature";
 	}
-	getPlugins(rte) {
+	getPlugins() {
 		const dragOverResults = /* @__PURE__ */ new WeakMap();
 		let lastResult = false;
 		const onDragOver = (event) => {
@@ -3075,7 +3113,7 @@ var RteDropHandlerFeatureImpl = class extends RteFeatureImpl {
 				viewport.removeEventListener("dragleave", onDragLeave);
 			} };
 		} })), this.contribution(new Plugin({ props: { handleDOMEvents: {
-			dragover: (view, event) => {
+			dragover: (_view, event) => {
 				const result = this.config.onViewportDragOver?.(event) ?? false;
 				dragOverResults.set(event, result);
 				lastResult = result;
@@ -3086,7 +3124,7 @@ var RteDropHandlerFeatureImpl = class extends RteFeatureImpl {
 				}
 				return false;
 			},
-			drop: (view, event) => {
+			drop: () => {
 				return lastResult;
 			}
 		} } }), contributionPriority.high)];

package/unbundled/definition61.cjs

@@ -200,7 +200,10 @@ var Select = class extends require_mixins.WithLightDOMFeedback(require_with_cont
 	* @internal
 	*/
 	focusinHandler(e) {
-		if (!this.multiple) return super.focusinHandler(e);
+		if (!this.multiple) {
+			super.focusinHandler(e);
+			return;
+		}
 		/* v8 ignore else -- @preserve */
 		if (!this.shouldSkipFocus && e.target === e.currentTarget) {
 			this.uncheckAllOptions();
@@ -290,7 +293,7 @@ var Select = class extends require_mixins.WithLightDOMFeedback(require_with_cont
 			_microsoft_fast_element.Updates.enqueue(() => this.focus());
 			return;
 		}
-		const didClose = prev === true && next === false;
+		const didClose = prev && !next;
 		const selectionChangedWhileOpen = this.indexWhenOpened !== this.selectedIndex;
 		if (didClose && selectionChangedWhileOpen) this.updateValue(true);
 	}
@@ -484,7 +487,7 @@ var Select = class extends require_mixins.WithLightDOMFeedback(require_with_cont
 				}
 			default:
 				/* v8 ignore else -- @preserve */
-				if (key.length === 1) this.handleTypeAhead(`${key}`);
+				if (key.length === 1) this.handleTypeAhead(key);
 				return;
 		}
 	}
@@ -617,7 +620,7 @@ var Select = class extends require_mixins.WithLightDOMFeedback(require_with_cont
 	* @internal
 	*/
 	_onClearButtonClick() {
-		if (this.multiple) this.selectedOptions?.forEach((o) => {
+		if (this.multiple) this.selectedOptions.forEach((o) => {
 			/* v8 ignore else -- @preserve */
 			if (!o.disabled) o.selected = false;
 		});
@@ -764,7 +767,10 @@ function renderControl(context) {
 */
 function ifNotFromFeedback(handler) {
 	return (x, c) => {
-		if (!c.event.composedPath().includes(x._feedbackWrapper)) return handler(x, c.event);
+		if (!c.event.composedPath().includes(x._feedbackWrapper)) {
+			handler(x, c.event);
+			return;
+		}
 		return true;
 	};
 }
@@ -786,7 +792,7 @@ var SelectTemplate = (context) => {
 			@focusin="${ifNotFromFeedback((x, e) => x.focusinHandler(e))}"
 			@focusout="${ifNotFromFeedback((x, e) => x.focusoutHandler(e))}"
 			@keydown="${ifNotFromFeedback((x, e) => {
-		x.open && require_dialog.handleEscapeKeyAndStopPropogation(e);
+		if (x.open) require_dialog.handleEscapeKeyAndStopPropogation(e);
 		return x.keydownHandler(e);
 	})}"
 			@mousedown="${ifNotFromFeedback((x, e) => x.mousedownHandler(e))}"