use navigator clipboard if has support

Author: Luisgustavom1

src/lib/Functions/handleCopy.ts

@@ -15,8 +15,16 @@ export function handleCopy(event: ClipboardEvent, state: State, removeValues = f
 }
 
 export function copyDataCommands(event: ClipboardEvent, state: State, div: HTMLDivElement): void {
+    const supportNavigatorClipboard = !!navigator?.clipboard?.write;
+
     if (isBrowserSafari()) {
         event.clipboardData.setData('text/html', div.innerHTML);
+    } else if (supportNavigatorClipboard) {
+        const clipboardItemData = {
+          "text/html": div.innerHtml,
+        }; 
+        const clipboardItem = new ClipboardItem(clipboardItemData);
+        await navigator.clipboard.write([clipboardItem]);
     } else {
         document.body.appendChild(div);
         div.focus();
@@ -27,4 +35,4 @@ export function copyDataCommands(event: ClipboardEvent, state: State, div: HTMLD
 
     state.hiddenFocusElement?.focus({ preventScroll: true });
     event.preventDefault();
-}
+}