@hiai-gg/docsmint 0.7.4 → 0.7.6

package/dist/frontend-ssr/assets/{dndzone-DMvTO_Jz.js → dndzone-WtNaDxoQ.js}

@@ -1,4 +1,4 @@
-//#region ../node_modules/.bun/svelte-dnd-action@0.9.70+ff5f301bb2db9a0d/node_modules/svelte-dnd-action/dist/index.mjs
+//#region ../node_modules/.bun/svelte-dnd-action@0.9.79+7a2629d9b18e82d0/node_modules/svelte-dnd-action/dist/index.mjs
 function ownKeys(object, enumerableOnly) {
 	var keys = Object.keys(object);
 	if (Object.getOwnPropertySymbols) {
@@ -256,6 +256,17 @@ var SOURCES = {
 	POINTER: "pointer",
 	KEYBOARD: "keyboard"
 };
+var KEYBOARD_DRAG_TRIGGER_KEYS = {
+	space: [" "],
+	enter: ["Enter"],
+	space_or_enter: [" ", "Enter"]
+};
+var DEFAULT_KEYBOARD_DRAG_TRIGGER = "space_or_enter";
+var KEYBOARD_DRAG_TRIGGER_PHRASES = {
+	space: "space-bar",
+	enter: "enter",
+	space_or_enter: "space-bar or enter"
+};
 var SHADOW_ITEM_MARKER_PROPERTY_NAME = "isDndShadowItem";
 var SHADOW_ELEMENT_ATTRIBUTE_NAME = "data-is-dnd-shadow-item-internal";
 var SHADOW_ELEMENT_HINT_ATTRIBUTE_NAME = "data-is-dnd-shadow-item-hint";
@@ -299,8 +310,8 @@ function getBoundingRectNoTransforms(el) {
 			dy = +ta[5];
 		} else return rect;
 		var to = style.transformOrigin;
-		var x = rect.x - dx - (1 - sx) * parseFloat(to);
-		var y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(" ") + 1));
+		var x = rect.left - dx - (1 - sx) * parseFloat(to);
+		var y = rect.top - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(" ") + 1));
 		var w = sx ? rect.width / sx : el.offsetWidth;
 		var h = sy ? rect.height / sy : el.offsetHeight;
 		return {
@@ -921,6 +932,20 @@ function trs(property) {
 	return "".concat(property, " ").concat(TRANSITION_DURATION_SECONDS, "s ease");
 }
 /**
+* Adds the size transitions after the dragged element's initial styles have been applied.
+* This normally happens in a timeout to avoid a browser rendering bug, but a synchronous
+* first morph can happen before that timeout and needs the transitions immediately.
+* @param {HTMLElement} draggedEl
+*/
+function ensureMorphSizeTransitions(draggedEl) {
+	var transitionProperties = draggedEl.style.transitionProperty.split(",").map(function(property) {
+		return property.trim();
+	});
+	if (transitionProperties.includes("all")) return;
+	if (!transitionProperties.includes("width")) draggedEl.style.transition += ", ".concat(trs("width"));
+	if (!transitionProperties.includes("height")) draggedEl.style.transition += ", ".concat(trs("height"));
+}
+/**
 * clones the given element and applies proper styles and transitions to the dragged element
 * @param {HTMLElement} originalElement
 * @param {Point} [positionCenterOnXY]
@@ -951,7 +976,7 @@ function createDraggedElementFrom(originalElement, positionCenterOnXY) {
 	draggedEl.style.width = "".concat(rect.width, "px");
 	draggedEl.style.transition = "".concat(trs("top"), ", ").concat(trs("left"), ", ").concat(trs("background-color"), ", ").concat(trs("opacity"), ", ").concat(trs("color"), " ");
 	window.setTimeout(function() {
-		return draggedEl.style.transition += ", ".concat(trs("width"), ", ").concat(trs("height"));
+		return ensureMorphSizeTransitions(draggedEl);
 	}, 0);
 	draggedEl.style.zIndex = "9999";
 	draggedEl.style.cursor = "grabbing";
@@ -972,22 +997,26 @@ function moveDraggedElementToWasDroppedState(draggedEl) {
 * @param {number} currentMouseY
 */
 function morphDraggedElementToBeLike(draggedEl, copyFromEl, currentMouseX, currentMouseY) {
+	ensureMorphSizeTransitions(draggedEl);
 	copyStylesFromTo(copyFromEl, draggedEl);
 	var newRect = copyFromEl.getBoundingClientRect();
 	var draggedElRect = draggedEl.getBoundingClientRect();
+	var draggedElComputedStyle = window.getComputedStyle(draggedEl);
+	var currentLeft = parseFloat(draggedElComputedStyle.left);
+	var currentTop = parseFloat(draggedElComputedStyle.top);
 	var widthChange = newRect.width - draggedElRect.width;
 	var heightChange = newRect.height - draggedElRect.height;
 	if (widthChange || heightChange) {
 		var relativeDistanceOfMousePointerFromDraggedSides = {
-			left: (currentMouseX - draggedElRect.left) / draggedElRect.width,
-			top: (currentMouseY - draggedElRect.top) / draggedElRect.height
+			left: draggedElRect.width ? (currentMouseX - draggedElRect.left) / draggedElRect.width : 0,
+			top: draggedElRect.height ? (currentMouseY - draggedElRect.top) / draggedElRect.height : 0
 		};
 		if (!getFeatureFlag(FEATURE_FLAG_NAMES.USE_COMPUTED_STYLE_INSTEAD_OF_BOUNDING_RECT)) {
 			draggedEl.style.height = "".concat(newRect.height, "px");
 			draggedEl.style.width = "".concat(newRect.width, "px");
 		}
-		draggedEl.style.left = "".concat(parseFloat(draggedEl.style.left) - relativeDistanceOfMousePointerFromDraggedSides.left * widthChange, "px");
-		draggedEl.style.top = "".concat(parseFloat(draggedEl.style.top) - relativeDistanceOfMousePointerFromDraggedSides.top * heightChange, "px");
+		draggedEl.style.left = "".concat(currentLeft - relativeDistanceOfMousePointerFromDraggedSides.left * widthChange, "px");
+		draggedEl.style.top = "".concat(currentTop - relativeDistanceOfMousePointerFromDraggedSides.top * heightChange, "px");
 	}
 }
 /**
@@ -1130,6 +1159,8 @@ var multiScroller;
 var touchDragHoldTimer;
 var touchHoldElapsed = false;
 var useCursorForDetectionActive = false;
+var pendingDragOwner;
+var watchedDropZones = /* @__PURE__ */ new Set();
 var typeToDropZones$1 = /* @__PURE__ */ new Map();
 var dzToConfig$1 = /* @__PURE__ */ new Map();
 var elToMouseDownListener = /* @__PURE__ */ new WeakMap();
@@ -1141,13 +1172,17 @@ function registerDropZone$1(dropZoneEl, type) {
 	}
 }
 function unregisterDropZone$1(dropZoneEl, type) {
-	typeToDropZones$1.get(type)["delete"](dropZoneEl);
+	var dropZones = typeToDropZones$1.get(type);
+	if (!dropZones || !dropZones["delete"](dropZoneEl)) return;
 	decrementActiveDropZoneCount();
-	if (typeToDropZones$1.get(type).size === 0) typeToDropZones$1["delete"](type);
+	if (dropZones.size === 0) typeToDropZones$1["delete"](type);
 }
 function watchDraggedElement() {
 	var dropZones = typeToDropZones$1.get(draggedElType);
-	var _iterator = _createForOfIteratorHelper(dropZones), _step;
+	if (!dropZones || dropZones.size === 0) return;
+	if (watchedDropZones.size > 0) unWatchDraggedElement();
+	watchedDropZones = new Set(dropZones);
+	var _iterator = _createForOfIteratorHelper(watchedDropZones), _step;
 	try {
 		for (_iterator.s(); !(_step = _iterator.n()).done;) {
 			var dz = _step.value;
@@ -1161,11 +1196,11 @@ function watchDraggedElement() {
 		_iterator.f();
 	}
 	window.addEventListener(DRAGGED_LEFT_DOCUMENT_EVENT_NAME, handleDrop$1);
-	var setIntervalMs = Math.max.apply(Math, _toConsumableArray(Array.from(dropZones.keys()).map(function(dz) {
+	var setIntervalMs = Math.max.apply(Math, _toConsumableArray(Array.from(watchedDropZones).map(function(dz) {
 		return dzToConfig$1.get(dz).dropAnimationDurationMs;
 	})));
 	var observationIntervalMs = setIntervalMs === 0 ? DISABLED_OBSERVATION_INTERVAL_MS : Math.max(setIntervalMs, MIN_OBSERVATION_INTERVAL_MS);
-	multiScroller = createMultiScroller(dropZones, function() {
+	multiScroller = createMultiScroller(watchedDropZones, function() {
 		return currentMousePosition;
 	});
 	var getReferencePoint = useCursorForDetectionActive ? function() {
@@ -1176,10 +1211,10 @@ function watchDraggedElement() {
 	} : function() {
 		return findCenterOfElement(draggedEl);
 	};
-	observe(draggedEl, dropZones, observationIntervalMs * 1.07, multiScroller, getReferencePoint);
+	observe(draggedEl, watchedDropZones, observationIntervalMs * 1.07, multiScroller, getReferencePoint);
 }
 function unWatchDraggedElement() {
-	var _iterator2 = _createForOfIteratorHelper(typeToDropZones$1.get(draggedElType)), _step2;
+	var _iterator2 = _createForOfIteratorHelper(watchedDropZones), _step2;
 	try {
 		for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
 			var dz = _step2.value;
@@ -1192,6 +1227,7 @@ function unWatchDraggedElement() {
 	} finally {
 		_iterator2.f();
 	}
+	watchedDropZones = /* @__PURE__ */ new Set();
 	window.removeEventListener(DRAGGED_LEFT_DOCUMENT_EVENT_NAME, handleDrop$1);
 	if (multiScroller) {
 		multiScroller.destroy();
@@ -1308,6 +1344,7 @@ function handleDrop$1() {
 		return item["isDndShadowItem"] ? draggedElData : item;
 	});
 	function finalizeWithinZone() {
+		unWatchDraggedElement();
 		unlockOriginDzMinDimensions();
 		dispatchFinalizeEvent(shadowElDropZone, items, {
 			trigger: isDraggedOutsideOfAnyDz ? TRIGGERS.DROPPED_OUTSIDE_OF_ANY : TRIGGERS.DROPPED_INTO_ZONE,
@@ -1341,11 +1378,13 @@ function animateDraggedToFinalPosition(shadowElIdx, callback) {
 	window.setTimeout(callback, dropAnimationDurationMs);
 }
 function scheduleDZForRemovalAfterDrop(dz, destroy) {
-	scheduledForRemovalAfterDrop.push({
+	var scheduledRemoval = {
 		dz,
 		destroy
-	});
+	};
+	scheduledForRemovalAfterDrop.push(scheduledRemoval);
 	window.requestAnimationFrame(function() {
+		if (!scheduledForRemovalAfterDrop.includes(scheduledRemoval)) return;
 		hideElement(dz);
 		document.body.appendChild(dz);
 	});
@@ -1371,6 +1410,7 @@ function cleanupPostDrop() {
 	touchDragHoldTimer = void 0;
 	touchHoldElapsed = false;
 	useCursorForDetectionActive = false;
+	pendingDragOwner = void 0;
 	if (scheduledForRemovalAfterDrop.length) {
 		scheduledForRemovalAfterDrop.forEach(function(_ref) {
 			var dz = _ref.dz, destroy = _ref.destroy;
@@ -1382,6 +1422,7 @@ function cleanupPostDrop() {
 }
 function dndzone$2(node, options) {
 	var initialized = false;
+	var destroyed = false;
 	var config = {
 		items: void 0,
 		type: void 0,
@@ -1418,11 +1459,17 @@ function dndzone$2(node, options) {
 			touchHoldElapsed = false;
 		}
 	}
-	function handleFalseAlarm(e) {
+	function cancelPendingDrag() {
+		if (pendingDragOwner !== node) return;
 		removeMaybeListeners();
+		pendingDragOwner = void 0;
 		originalDragTarget = void 0;
 		dragStartMousePosition = void 0;
 		currentMousePosition = void 0;
+	}
+	function handleFalseAlarm(e) {
+		if (pendingDragOwner !== node) return;
+		cancelPendingDrag();
 		if (e.type === "touchend") {
 			var clickEvent = new Event("click", {
 				bubbles: true,
@@ -1432,6 +1479,7 @@ function dndzone$2(node, options) {
 		}
 	}
 	function handleMouseMoveMaybeDragStart(e) {
+		if (destroyed || pendingDragOwner !== node) return;
 		var isTouch = !!e.touches;
 		var c = isTouch ? e.touches[0] : e;
 		if (isTouch && config.delayTouchStartMs > 0 && !touchHoldElapsed) {
@@ -1453,19 +1501,17 @@ function dndzone$2(node, options) {
 			x: c.clientX,
 			y: c.clientY
 		};
-		if (Math.abs(currentMousePosition.x - dragStartMousePosition.x) >= MIN_MOVEMENT_BEFORE_DRAG_START_PX || Math.abs(currentMousePosition.y - dragStartMousePosition.y) >= MIN_MOVEMENT_BEFORE_DRAG_START_PX) {
-			removeMaybeListeners();
-			handleDragStart();
-		}
+		if (Math.abs(currentMousePosition.x - dragStartMousePosition.x) >= MIN_MOVEMENT_BEFORE_DRAG_START_PX || Math.abs(currentMousePosition.y - dragStartMousePosition.y) >= MIN_MOVEMENT_BEFORE_DRAG_START_PX) handleDragStart();
 	}
 	function handleMouseDown(e) {
 		if (e.target !== e.currentTarget && (e.target.value !== void 0 || e.target.isContentEditable)) return;
 		if (e.button) return;
-		if (isWorkingOnPreviousDrag) return;
+		if (destroyed || isWorkingOnPreviousDrag || pendingDragOwner) return;
 		var isTouchStart = !!e.touches;
 		var useDelay = isTouchStart && config.delayTouchStartMs > 0;
 		if (!useDelay) e.preventDefault();
 		e.stopPropagation();
+		pendingDragOwner = node;
 		var c = isTouchStart ? e.touches[0] : e;
 		dragStartMousePosition = {
 			x: c.clientX,
@@ -1474,17 +1520,24 @@ function dndzone$2(node, options) {
 		currentMousePosition = _objectSpread2({}, dragStartMousePosition);
 		originalDragTarget = e.currentTarget;
 		if (useDelay) {
+			var pendingTarget = originalDragTarget;
 			touchHoldElapsed = false;
 			touchDragHoldTimer = window.setTimeout(function() {
-				if (!originalDragTarget) return;
+				if (destroyed || pendingDragOwner !== node || originalDragTarget !== pendingTarget) return;
 				touchHoldElapsed = true;
-				removeMaybeListeners();
 				handleDragStart();
 			}, config.delayTouchStartMs);
 		}
 		addMaybeListeners();
 	}
 	function handleDragStart() {
+		var _originalDragTarget;
+		if (destroyed || pendingDragOwner !== node || isWorkingOnPreviousDrag || !((_originalDragTarget = originalDragTarget) !== null && _originalDragTarget !== void 0 && _originalDragTarget.parentElement)) {
+			cancelPendingDrag();
+			return;
+		}
+		removeMaybeListeners();
+		pendingDragOwner = void 0;
 		isWorkingOnPreviousDrag = true;
 		var currentIdx = elToIdx.get(originalDragTarget);
 		originIndex = currentIdx;
@@ -1501,7 +1554,7 @@ function dndzone$2(node, options) {
 		draggedEl = createDraggedElementFrom(originalDragTarget, centreDraggedOnCursor && currentMousePosition);
 		originDropZoneRoot.appendChild(draggedEl);
 		function keepOriginalElementInDom() {
-			if (!draggedEl) return;
+			if (!draggedEl || finalizingPreviousDrag) return;
 			if (!originalDragTarget.parentElement) {
 				originalDragTarget.setAttribute(ORIGINAL_DRAGGED_ITEM_MARKER_ATTRIBUTE, true);
 				originDropZoneRoot.appendChild(originalDragTarget);
@@ -1567,16 +1620,18 @@ function dndzone$2(node, options) {
 		function getConfigProp(dz, propName) {
 			return dzToConfig$1.get(dz) ? dzToConfig$1.get(dz)[propName] : config[propName];
 		}
-		if (initialized && isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) if (dropFromOthersDisabled) styleInactiveDropZones([node], function(dz) {
-			return getConfigProp(dz, "dropTargetStyle");
-		}, function(dz) {
-			return getConfigProp(dz, "dropTargetClasses");
-		});
-		else styleActiveDropZones([node], function(dz) {
-			return getConfigProp(dz, "dropTargetStyle");
-		}, function(dz) {
-			return getConfigProp(dz, "dropTargetClasses");
-		});
+		if (initialized && isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) {
+			if (dropFromOthersDisabled) styleInactiveDropZones([node], function(dz) {
+				return getConfigProp(dz, "dropTargetStyle");
+			}, function(dz) {
+				return getConfigProp(dz, "dropTargetClasses");
+			});
+			else styleActiveDropZones([node], function(dz) {
+				return getConfigProp(dz, "dropTargetStyle");
+			}, function(dz) {
+				return getConfigProp(dz, "dropTargetClasses");
+			});
+		}
 		config.dropFromOthersDisabled = dropFromOthersDisabled;
 		dzToConfig$1.set(node, config);
 		registerDropZone$1(node, newType);
@@ -1607,8 +1662,25 @@ function dndzone$2(node, options) {
 			configure(newOptions);
 		},
 		destroy: function destroy() {
+			if (destroyed) return;
+			destroyed = true;
+			cancelPendingDrag();
+			var _iterator3 = _createForOfIteratorHelper(node.children), _step3;
+			try {
+				for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+					var draggableEl = _step3.value;
+					draggableEl.removeEventListener("mousedown", elToMouseDownListener.get(draggableEl));
+					draggableEl.removeEventListener("touchstart", elToMouseDownListener.get(draggableEl));
+				}
+			} catch (err) {
+				_iterator3.e(err);
+			} finally {
+				_iterator3.f();
+			}
 			function destroyDz() {
-				unregisterDropZone$1(node, dzToConfig$1.get(node).type);
+				var registeredConfig = dzToConfig$1.get(node);
+				if (!registeredConfig) return;
+				unregisterDropZone$1(node, registeredConfig.type);
 				dzToConfig$1["delete"](node);
 			}
 			if (isWorkingOnPreviousDrag && !node.closest("[".concat(ORIGINAL_DRAGGED_ITEM_MARKER_ATTRIBUTE, "]"))) scheduleDZForRemovalAfterDrop(node, destroyDz);
@@ -1616,12 +1688,41 @@ function dndzone$2(node, options) {
 		}
 	};
 }
-var _ID_TO_INSTRUCTION;
+var _INSTRUCTION_ID_TO_ST;
 var INSTRUCTION_IDs$1 = {
 	DND_ZONE_ACTIVE: "dnd-zone-active",
 	DND_ZONE_DRAG_DISABLED: "dnd-zone-drag-disabled"
 };
-var ID_TO_INSTRUCTION = (_ID_TO_INSTRUCTION = {}, _defineProperty(_ID_TO_INSTRUCTION, INSTRUCTION_IDs$1.DND_ZONE_ACTIVE, "Tab to one the items and press space-bar or enter to start dragging it"), _defineProperty(_ID_TO_INSTRUCTION, INSTRUCTION_IDs$1.DND_ZONE_DRAG_DISABLED, "This is a disabled drag and drop list"), _ID_TO_INSTRUCTION);
+var INSTRUCTION_ID_TO_STRING_KEY = (_INSTRUCTION_ID_TO_ST = {}, _defineProperty(_INSTRUCTION_ID_TO_ST, INSTRUCTION_IDs$1.DND_ZONE_ACTIVE, "zoneActiveInstruction"), _defineProperty(_INSTRUCTION_ID_TO_ST, INSTRUCTION_IDs$1.DND_ZONE_DRAG_DISABLED, "zoneDragDisabledInstruction"), _INSTRUCTION_ID_TO_ST);
+var DEFAULT_ARIA_STRINGS = {
+	dragStarted: function dragStarted(_ref) {
+		var itemLabel = _ref.itemLabel, zoneLabel = _ref.zoneLabel, canMoveBetweenZones = _ref.canMoveBetweenZones;
+		return "Started dragging item ".concat(itemLabel, ". Use the arrow keys to move it within its list ").concat(zoneLabel) + (canMoveBetweenZones ? ", or tab to another list in order to move the item into it" : "");
+	},
+	movedToPosition: function movedToPosition(_ref2) {
+		var itemLabel = _ref2.itemLabel, zoneLabel = _ref2.zoneLabel, position = _ref2.position;
+		return "Moved item ".concat(itemLabel, " to position ").concat(position, " in the list ").concat(zoneLabel);
+	},
+	movedToZoneEnd: function movedToZoneEnd(_ref3) {
+		var itemLabel = _ref3.itemLabel, zoneLabel = _ref3.zoneLabel;
+		return "Moved item ".concat(itemLabel, " to the end of the list ").concat(zoneLabel);
+	},
+	movedToZoneStart: function movedToZoneStart(_ref4) {
+		var itemLabel = _ref4.itemLabel, zoneLabel = _ref4.zoneLabel;
+		return "Moved item ".concat(itemLabel, " to the beginning of the list ").concat(zoneLabel);
+	},
+	dropped: function dropped(_ref5) {
+		var itemLabel = _ref5.itemLabel;
+		return "Stopped dragging item ".concat(itemLabel);
+	},
+	zoneActiveInstruction: function zoneActiveInstruction(_ref6) {
+		var keyboardDragTrigger = _ref6.keyboardDragTrigger;
+		return "Tab to one the items and press ".concat(KEYBOARD_DRAG_TRIGGER_PHRASES[keyboardDragTrigger], " to start dragging it");
+	},
+	zoneDragDisabledInstruction: "This is a disabled drag and drop list"
+};
+var ariaStrings = _objectSpread2({}, DEFAULT_ARIA_STRINGS);
+var instructionCtx = { keyboardDragTrigger: DEFAULT_KEYBOARD_DRAG_TRIGGER };
 var ALERT_DIV_ID = "dnd-action-aria-alert";
 var alertsDiv;
 function initAriaOnBrowser() {
@@ -1639,9 +1740,9 @@ function initAriaOnBrowser() {
 		alertsDiv.setAttribute("role", "alert");
 	})();
 	document.body.prepend(alertsDiv);
-	Object.entries(ID_TO_INSTRUCTION).forEach(function(_ref) {
-		var _ref2 = _slicedToArray(_ref, 2), id = _ref2[0], txt = _ref2[1];
-		return document.body.prepend(instructionToHiddenDiv(id, txt));
+	Object.entries(INSTRUCTION_ID_TO_STRING_KEY).forEach(function(_ref7) {
+		var _ref8 = _slicedToArray(_ref7, 2), id = _ref8[0], key = _ref8[1];
+		return document.body.prepend(instructionToHiddenDiv(id, formatWithFallback(key, instructionCtx)));
 	});
 }
 /**
@@ -1659,7 +1760,7 @@ function initAria() {
 */
 function destroyAria() {
 	if (isOnServer || !alertsDiv) return;
-	Object.keys(ID_TO_INSTRUCTION).forEach(function(id) {
+	Object.keys(INSTRUCTION_ID_TO_STRING_KEY).forEach(function(id) {
 		var _document$getElementB;
 		return (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
 	});
@@ -1669,12 +1770,18 @@ function destroyAria() {
 function instructionToHiddenDiv(id, txt) {
 	var div = document.createElement("div");
 	div.id = id;
-	div.innerHTML = "<p>".concat(txt, "</p>");
+	renderInstruction(div, txt);
 	div.style.display = "none";
 	div.style.position = "fixed";
 	div.style.zIndex = "-5";
 	return div;
 }
+function renderInstruction(div, txt) {
+	div.replaceChildren();
+	var paragraph = document.createElement("p");
+	paragraph.textContent = txt;
+	div.appendChild(paragraph);
+}
 /**
 * Will make the screen reader alert the provided text to the user
 * @param {string} txt
@@ -1688,6 +1795,39 @@ function alertToScreenReader(txt) {
 	alertsDiv.style.display = "none";
 	alertsDiv.style.display = "inline";
 }
+function formatAriaString(strings, key, ctx) {
+	var ariaString = strings[key];
+	return typeof ariaString === "function" ? ariaString(ctx) : ariaString;
+}
+function formatWithFallback(key, ctx) {
+	try {
+		return formatAriaString(ariaStrings, key, ctx);
+	} catch (err) {
+		try {
+			return formatAriaString(DEFAULT_ARIA_STRINGS, key, ctx);
+		} catch (defaultErr) {
+			return "";
+		}
+	}
+}
+/**
+* Formats and announces one configured ARIA message. If a consumer formatter throws, the built-in
+* English formatter is used and the error is reported through printDebug. Formatter errors must not
+* escape because this function runs during the drag lifecycle.
+* @param {string} key - one of the keys accepted by setAriaStrings
+* @param {Object} [ctx] - the interpolation context for that key
+*/
+function announceToScreenReader(key, ctx) {
+	alertToScreenReader(formatWithFallback(key, ctx));
+}
+var activeTrigger = DEFAULT_KEYBOARD_DRAG_TRIGGER;
+/**
+* @param {string} key - a KeyboardEvent.key value
+* @return {boolean} whether this key starts/stops a drag under the active trigger
+*/
+function isKeyboardDragTriggerKey(key) {
+	return KEYBOARD_DRAG_TRIGGER_KEYS[activeTrigger].includes(key);
+}
 var DEFAULT_DROP_ZONE_TYPE = "--any--";
 var DEFAULT_DROP_TARGET_STYLE = { outline: "rgba(255, 255, 102, 0.7) solid 2px" };
 var isDragging = false;
@@ -1717,10 +1857,11 @@ function registerDropZone(dropZoneEl, type) {
 	}
 }
 function unregisterDropZone(dropZoneEl, type) {
-	if (focusedDz === dropZoneEl) handleDrop();
-	typeToDropZones.get(type)["delete"](dropZoneEl);
+	if (isDragging && focusedDz === dropZoneEl) handleDrop();
+	var dropZones = typeToDropZones.get(type);
+	if (!dropZones || !dropZones["delete"](dropZoneEl)) return;
 	decrementActiveDropZoneCount();
-	if (typeToDropZones.get(type).size === 0) typeToDropZones["delete"](type);
+	if (dropZones.size === 0) typeToDropZones["delete"](type);
 	if (typeToDropZones.size === 0) {
 		window.removeEventListener("keydown", globalKeyDownHandler);
 		window.removeEventListener("click", globalClickHandler);
@@ -1731,19 +1872,34 @@ function unregisterDropZone(dropZoneEl, type) {
 function globalKeyDownHandler(e) {
 	if (!isDragging) return;
 	switch (e.key) {
-		case "Escape":
-			handleDrop();
-			break;
+		case "Escape": handleDrop();
 	}
 }
 function globalClickHandler() {
 	if (!isDragging) return;
 	if (!allDragTargets.has(document.activeElement)) handleDrop();
 }
+function getActiveDragTabIndex(dropZoneEl, config) {
+	return dropZoneEl === focusedDz || focusedItem.contains(dropZoneEl) || config.dropFromOthersDisabled || config.type !== draggedItemType ? -1 : 0;
+}
+function refreshActiveDragTabIndices() {
+	dzToConfig.forEach(function(config, dropZoneEl) {
+		dropZoneEl.tabIndex = getActiveDragTabIndex(dropZoneEl, config);
+	});
+}
+function grabIsAlive() {
+	var focusedConfig = dzToConfig.get(focusedDz);
+	if (focusedConfig !== null && focusedConfig !== void 0 && focusedConfig.items.some(function(item) {
+		return item[ITEM_ID_KEY] === focusedItemId;
+	})) return true;
+	handleDrop();
+	return false;
+}
 function handleZoneFocus(e) {
 	if (!isDragging) return;
 	var newlyFocusedDz = e.currentTarget;
 	if (newlyFocusedDz === focusedDz) return;
+	if (!grabIsAlive()) return;
 	focusedDzLabel = newlyFocusedDz.getAttribute("aria-label") || "";
 	var originItems = dzToConfig.get(focusedDz).items;
 	var originItem = originItems.find(function(item) {
@@ -1754,22 +1910,34 @@ function handleZoneFocus(e) {
 	var _dzToConfig$get2 = dzToConfig.get(newlyFocusedDz), targetItems = _dzToConfig$get2.items, autoAriaDisabled = _dzToConfig$get2.autoAriaDisabled;
 	if (newlyFocusedDz.getBoundingClientRect().top < focusedDz.getBoundingClientRect().top || newlyFocusedDz.getBoundingClientRect().left < focusedDz.getBoundingClientRect().left) {
 		targetItems.push(itemToMove);
-		if (!autoAriaDisabled) alertToScreenReader("Moved item ".concat(focusedItemLabel, " to the end of the list ").concat(focusedDzLabel));
+		if (!autoAriaDisabled) announceToScreenReader("movedToZoneEnd", {
+			itemLabel: focusedItemLabel,
+			zoneLabel: focusedDzLabel,
+			position: targetItems.length,
+			count: targetItems.length
+		});
 	} else {
 		targetItems.unshift(itemToMove);
-		if (!autoAriaDisabled) alertToScreenReader("Moved item ".concat(focusedItemLabel, " to the beginning of the list ").concat(focusedDzLabel));
+		if (!autoAriaDisabled) announceToScreenReader("movedToZoneStart", {
+			itemLabel: focusedItemLabel,
+			zoneLabel: focusedDzLabel,
+			position: 1,
+			count: targetItems.length
+		});
 	}
-	dispatchFinalizeEvent(focusedDz, originItems, {
+	var dzFrom = focusedDz;
+	var movedItemId = focusedItemId;
+	focusedDz = newlyFocusedDz;
+	dispatchFinalizeEvent(dzFrom, originItems, {
 		trigger: TRIGGERS.DROPPED_INTO_ANOTHER,
-		id: focusedItemId,
+		id: movedItemId,
 		source: SOURCES.KEYBOARD
 	});
-	dispatchFinalizeEvent(newlyFocusedDz, targetItems, {
+	if (dzToConfig.has(newlyFocusedDz)) dispatchFinalizeEvent(newlyFocusedDz, targetItems, {
 		trigger: TRIGGERS.DROPPED_INTO_ZONE,
-		id: focusedItemId,
+		id: movedItemId,
 		source: SOURCES.KEYBOARD
 	});
-	focusedDz = newlyFocusedDz;
 }
 function triggerAllDzsUpdate() {
 	dzToHandles.forEach(function(_ref, dz) {
@@ -1779,18 +1947,25 @@ function triggerAllDzsUpdate() {
 }
 function handleDrop() {
 	var dispatchConsider = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-	if (!dzToConfig.get(focusedDz).autoAriaDisabled) alertToScreenReader("Stopped dragging item ".concat(focusedItemLabel));
+	if (!isDragging || !focusedDz) return;
+	var droppedDz = focusedDz;
+	var droppedConfig = dzToConfig.get(droppedDz);
+	var droppedItemId = focusedItemId;
+	var droppedItemType = draggedItemType;
+	if (!droppedConfig) return;
+	if (!droppedConfig.autoAriaDisabled) {
+		var droppedItems = droppedConfig.items;
+		var droppedIdx = droppedItems.findIndex(function(item) {
+			return item[ITEM_ID_KEY] === droppedItemId;
+		});
+		announceToScreenReader("dropped", {
+			itemLabel: focusedItemLabel,
+			zoneLabel: focusedDzLabel,
+			position: (droppedIdx < 0 ? 0 : droppedIdx) + 1,
+			count: droppedItems.length
+		});
+	}
 	if (allDragTargets.has(document.activeElement)) document.activeElement.blur();
-	if (dispatchConsider) dispatchConsiderEvent(focusedDz, dzToConfig.get(focusedDz).items, {
-		trigger: TRIGGERS.DRAG_STOPPED,
-		id: focusedItemId,
-		source: SOURCES.KEYBOARD
-	});
-	styleInactiveDropZones(typeToDropZones.get(draggedItemType), function(dz) {
-		return dzToConfig.get(dz).dropTargetStyle;
-	}, function(dz) {
-		return dzToConfig.get(dz).dropTargetClasses;
-	});
 	focusedItem = null;
 	focusedItemId = null;
 	focusedItemLabel = "";
@@ -1798,9 +1973,21 @@ function handleDrop() {
 	focusedDz = null;
 	focusedDzLabel = "";
 	isDragging = false;
+	if (dispatchConsider) dispatchConsiderEvent(droppedDz, droppedConfig.items, {
+		trigger: TRIGGERS.DRAG_STOPPED,
+		id: droppedItemId,
+		source: SOURCES.KEYBOARD
+	});
+	var dropZones = typeToDropZones.get(droppedItemType);
+	if (dropZones) styleInactiveDropZones(dropZones, function(dz) {
+		return dzToConfig.get(dz).dropTargetStyle;
+	}, function(dz) {
+		return dzToConfig.get(dz).dropTargetClasses;
+	});
 	triggerAllDzsUpdate();
 }
 function dndzone$1(node, options) {
+	var destroyed = false;
 	var config = {
 		items: void 0,
 		type: void 0,
@@ -1820,6 +2007,7 @@ function dndzone$1(node, options) {
 		switch (e.key) {
 			case "Enter":
 			case " ":
+				if (!isKeyboardDragTriggerKey(e.key)) return;
 				if ((e.target.disabled !== void 0 || e.target.href || e.target.isContentEditable) && !allDragTargets.has(e.target)) return;
 				e.preventDefault();
 				e.stopPropagation();
@@ -1835,7 +2023,12 @@ function dndzone$1(node, options) {
 				var children = Array.from(node.children);
 				var idx = children.indexOf(e.currentTarget);
 				if (idx < children.length - 1) {
-					if (!config.autoAriaDisabled) alertToScreenReader("Moved item ".concat(focusedItemLabel, " to position ").concat(idx + 2, " in the list ").concat(focusedDzLabel));
+					if (!config.autoAriaDisabled) announceToScreenReader("movedToPosition", {
+						itemLabel: focusedItemLabel,
+						zoneLabel: focusedDzLabel,
+						position: idx + 2,
+						count: items.length
+					});
 					swap(items, idx, idx + 1);
 					dispatchFinalizeEvent(node, items, {
 						trigger: TRIGGERS.DROPPED_INTO_ZONE,
@@ -1852,7 +2045,12 @@ function dndzone$1(node, options) {
 				var _items = dzToConfig.get(node).items;
 				var _idx = Array.from(node.children).indexOf(e.currentTarget);
 				if (_idx > 0) {
-					if (!config.autoAriaDisabled) alertToScreenReader("Moved item ".concat(focusedItemLabel, " to position ").concat(_idx, " in the list ").concat(focusedDzLabel));
+					if (!config.autoAriaDisabled) announceToScreenReader("movedToPosition", {
+						itemLabel: focusedItemLabel,
+						zoneLabel: focusedDzLabel,
+						position: _idx,
+						count: _items.length
+					});
 					swap(_items, _idx, _idx - 1);
 					dispatchFinalizeEvent(node, _items, {
 						trigger: TRIGGERS.DROPPED_INTO_ZONE,
@@ -1860,12 +2058,12 @@ function dndzone$1(node, options) {
 						source: SOURCES.KEYBOARD
 					});
 				}
-				break;
 		}
 	}
 	function handleDragStart(e) {
 		setCurrentFocusedItem(e.currentTarget);
 		focusedDz = node;
+		focusedDzLabel = node.getAttribute("aria-label") || "";
 		draggedItemType = config.type;
 		isDragging = true;
 		var dropTargets = Array.from(typeToDropZones.get(config.type)).filter(function(dz) {
@@ -1877,9 +2075,17 @@ function dndzone$1(node, options) {
 			return dzToConfig.get(dz).dropTargetClasses;
 		});
 		if (!config.autoAriaDisabled) {
-			var msg = "Started dragging item ".concat(focusedItemLabel, ". Use the arrow keys to move it within its list ").concat(focusedDzLabel);
-			if (dropTargets.length > 1) msg += ", or tab to another list in order to move the item into it";
-			alertToScreenReader(msg);
+			var startItems = dzToConfig.get(node).items;
+			var startIdx = startItems.findIndex(function(item) {
+				return item[ITEM_ID_KEY] === focusedItemId;
+			});
+			announceToScreenReader("dragStarted", {
+				itemLabel: focusedItemLabel,
+				zoneLabel: focusedDzLabel,
+				position: (startIdx < 0 ? 0 : startIdx) + 1,
+				count: startItems.length,
+				canMoveBetweenZones: dropTargets.length > 1
+			});
 		}
 		dispatchConsiderEvent(node, dzToConfig.get(node).items, {
 			trigger: TRIGGERS.DRAG_STARTED,
@@ -1922,10 +2128,20 @@ function dndzone$1(node, options) {
 			node.setAttribute("aria-describedby", dragDisabled ? INSTRUCTION_IDs.DND_ZONE_DRAG_DISABLED : INSTRUCTION_IDs.DND_ZONE_ACTIVE);
 		}
 		dzToConfig.set(node, config);
-		if (isDragging) node.tabIndex = node === focusedDz || focusedItem.contains(node) || config.dropFromOthersDisabled || focusedDz && config.type !== dzToConfig.get(focusedDz).type ? -1 : 0;
-		else node.tabIndex = config.zoneTabIndex;
+		var itemMovedToThisZone = false;
+		if (isDragging) {
+			itemMovedToThisZone = config.type === draggedItemType && config.items.some(function(item) {
+				return item[ITEM_ID_KEY] === focusedItemId;
+			}) && node !== focusedDz;
+			if (itemMovedToThisZone) {
+				focusedDz = node;
+				focusedDzLabel = node.getAttribute("aria-label") || "";
+			}
+			node.tabIndex = getActiveDragTabIndex(node, config);
+		} else node.tabIndex = config.zoneTabIndex;
 		node.addEventListener("focus", handleZoneFocus);
 		var _loop = function _loop(i) {
+			var _config$items$i;
 			var draggableEl = node.children[i];
 			allDragTargets.add(draggableEl);
 			draggableEl.tabIndex = isDragging ? -1 : config.zoneItemTabIndex;
@@ -1938,13 +2154,14 @@ function dndzone$1(node, options) {
 				draggableEl.addEventListener("click", handleClick);
 				elToFocusListeners.set(draggableEl, handleClick);
 			}
-			if (isDragging && config.items[i][ITEM_ID_KEY] === focusedItemId) {
+			if (isDragging && config.type === draggedItemType && ((_config$items$i = config.items[i]) === null || _config$items$i === void 0 ? void 0 : _config$items$i[ITEM_ID_KEY]) === focusedItemId) {
 				focusedItem = draggableEl;
 				focusedItem.tabIndex = config.zoneItemTabIndex;
 				draggableEl.focus();
 			}
 		};
 		for (var i = 0; i < node.children.length; i++) _loop(i);
+		if (itemMovedToThisZone) refreshActiveDragTabIndices();
 	}
 	configure(options);
 	var handles = {
@@ -1952,6 +2169,21 @@ function dndzone$1(node, options) {
 			configure(newOptions);
 		},
 		destroy: function destroy() {
+			if (destroyed) return;
+			destroyed = true;
+			node.removeEventListener("focus", handleZoneFocus);
+			var _iterator = _createForOfIteratorHelper(node.children), _step;
+			try {
+				for (_iterator.s(); !(_step = _iterator.n()).done;) {
+					var draggableEl = _step.value;
+					draggableEl.removeEventListener("keydown", elToKeyDownListeners.get(draggableEl));
+					draggableEl.removeEventListener("click", elToFocusListeners.get(draggableEl));
+				}
+			} catch (err) {
+				_iterator.e(err);
+			} finally {
+				_iterator.f();
+			}
 			unregisterDropZone(node, config.type);
 			dzToConfig["delete"](node);
 			dzToHandles["delete"](node);