feat(list): Specify the element types in the calciteListOrderChange event detail.

packages/calcite-components/src/components/list/list.tsx

@@ -755,7 +755,7 @@ export class List implements InteractiveComponent, LoadableComponent, SortableCo
       (el: HTMLElement) => el.tagName === "CALCITE-LIST-ITEM"
     ) as HTMLCalciteListItemElement;
 
-    const parentEl = sortItem?.parentElement;
+    const parentEl = sortItem?.parentElement as HTMLCalciteListElement;
 
     if (!parentEl) {
       return;

packages/calcite-components/src/utils/sortableComponent.ts

@@ -1,10 +1,14 @@
 import Sortable from "sortablejs";
 const sortableComponentSet = new Set<SortableComponent>();
 
-export interface DragDetail {
-  toEl: HTMLElement;
-  fromEl: HTMLElement;
-  dragEl: HTMLElement;
+export interface DragDetail<
+  To extends HTMLElement = HTMLElement,
+  From extends HTMLElement = HTMLElement,
+  Drag extends HTMLElement = HTMLElement
+> {
+  toEl: To;
+  fromEl: From;
+  dragEl: Drag;
   newIndex: number;
   oldIndex: number;
 }