@protonradio/proton-ui 0.11.18-beta.4 → 0.11.18-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Input/CopyInput/CopyInput.cjs.js +1 -1
- package/dist/components/Input/CopyInput/CopyInput.cjs.js.map +1 -1
- package/dist/components/Input/CopyInput/CopyInput.es.js +9 -9
- package/dist/components/Input/CopyInput/CopyInput.es.js.map +1 -1
- package/dist/utils/copy.cjs.js +1 -1
- package/dist/utils/copy.cjs.js.map +1 -1
- package/dist/utils/copy.es.js +23 -69
- package/dist/utils/copy.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),a=require("../../../utils/copy.cjs.js"),c=require("../BaseInput/Input.cjs.js");;/* empty css */const r=require("../../../utils/string.cjs.js");function l({name:o,value:e,isDisabled:p,onError:u,onSuccess:n}){const[i,s]=x.useState(!1);return t.jsxRuntimeExports.jsx(c.Input,{name:o,value:e,isDisabled:p,suffix:t.jsxRuntimeExports.jsx(j,{isCopied:i,onClick:async()=>{await a.copyTextToClipboard(e,u)&&(s(!0),n==null||n(),setTimeout(()=>s(!1),5e3))}})})}const j=({isCopied:o,onClick:e})=>t.jsxRuntimeExports.jsx("div",{className:"proton-CopyInput-button-container",onClick:e,children:t.jsxRuntimeExports.jsxs("button",{"data-testid":"COPY_BUTTON",className:r.csx("proton-CopyInput-button",o&&"proton-CopyInput-button--copied"),children:[t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 512 512",children:[t.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:"M408 480H184a72 72 0 0 1-72-72V184a72 72 0 0 1 72-72h224a72 72 0 0 1 72 72v224a72 72 0 0 1-72 72"}),t.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:"M160 80h235.88A72.12 72.12 0 0 0 328 32H104a72 72 0 0 0-72 72v224a72.12 72.12 0 0 0 48 67.88V160a80 80 0 0 1 80-80"})]}),t.jsxRuntimeExports.jsx("span",{className:r.csx("proton-CopyInput-button-text",o&&"proton-CopyInput-button-text--copied"),children:o?"Copied!":"Copy"})]})});exports.CopyInput=l;
|
|
2
2
|
//# sourceMappingURL=CopyInput.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyInput.cjs.js","sources":["../../../../src/components/Input/CopyInput/CopyInput.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { csx } from \"../../../utils\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\nimport { Input } from \"../BaseInput/Input\";\nimport \"./CopyInput.css\";\n\nexport interface CopyInputProps {\n /** The name of the input field */\n name: string;\n\n /** The value to display in the input and copy to clipboard */\n value: string;\n\n /** Whether the input is disabled */\n isDisabled?: boolean;\n\n /** Optional callback when copy fails, receives the error object */\n onError?: (error: Error) => void;\n\n /** Optional callback when copy succeeds */\n onSuccess?: () => void;\n}\n\n/**\n * Input with a button to copy value to the clipboard.\n *\n * API:\n * - {@link CopyInputProps}\n */\nexport function CopyInput({\n name,\n value,\n isDisabled,\n onError,\n onSuccess,\n}: CopyInputProps) {\n const [isCopied, setCopied] = useState(false);\n\n return (\n <Input\n name={name}\n value={value}\n isDisabled={isDisabled}\n suffix={\n <CopyButton\n isCopied={isCopied}\n onClick={async () => {\n
|
|
1
|
+
{"version":3,"file":"CopyInput.cjs.js","sources":["../../../../src/components/Input/CopyInput/CopyInput.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { csx } from \"../../../utils\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\nimport { Input } from \"../BaseInput/Input\";\nimport \"./CopyInput.css\";\n\nexport interface CopyInputProps {\n /** The name of the input field */\n name: string;\n\n /** The value to display in the input and copy to clipboard */\n value: string;\n\n /** Whether the input is disabled */\n isDisabled?: boolean;\n\n /** Optional callback when copy fails, receives the error object */\n onError?: (error: Error) => void;\n\n /** Optional callback when copy succeeds */\n onSuccess?: () => void;\n}\n\n/**\n * Input with a button to copy value to the clipboard.\n *\n * API:\n * - {@link CopyInputProps}\n */\nexport function CopyInput({\n name,\n value,\n isDisabled,\n onError,\n onSuccess,\n}: CopyInputProps) {\n const [isCopied, setCopied] = useState(false);\n\n return (\n <Input\n name={name}\n value={value}\n isDisabled={isDisabled}\n suffix={\n <CopyButton\n isCopied={isCopied}\n onClick={async () => {\n const copySuccess = await copyTextToClipboard(value, onError);\n if (!copySuccess) return;\n\n setCopied(true);\n onSuccess?.();\n setTimeout(() => setCopied(false), 5000);\n }}\n />\n }\n />\n );\n}\n\nconst CopyButton = ({ isCopied, onClick }) => {\n return (\n <div className=\"proton-CopyInput-button-container\" onClick={onClick}>\n <button\n data-testid=\"COPY_BUTTON\"\n className={csx(\n \"proton-CopyInput-button\",\n isCopied && \"proton-CopyInput-button--copied\"\n )}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 512 512\"\n >\n <path\n fill=\"currentColor\"\n d=\"M408 480H184a72 72 0 0 1-72-72V184a72 72 0 0 1 72-72h224a72 72 0 0 1 72 72v224a72 72 0 0 1-72 72\"\n />\n <path\n fill=\"currentColor\"\n d=\"M160 80h235.88A72.12 72.12 0 0 0 328 32H104a72 72 0 0 0-72 72v224a72.12 72.12 0 0 0 48 67.88V160a80 80 0 0 1 80-80\"\n />\n </svg>\n <span\n className={csx(\n \"proton-CopyInput-button-text\",\n isCopied && \"proton-CopyInput-button-text--copied\"\n )}\n >\n {isCopied ? \"Copied!\" : \"Copy\"}\n </span>\n </button>\n </div>\n );\n};\n"],"names":["CopyInput","name","value","isDisabled","onError","onSuccess","isCopied","setCopied","useState","jsx","Input","CopyButton","copyTextToClipboard","onClick","jsxs","csx"],"mappings":"sUA6BO,SAASA,EAAU,CACxB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,CACF,EAAmB,CACjB,KAAM,CAACC,EAAUC,CAAS,EAAIC,WAAS,EAAK,EAG1C,OAAAC,EAAA,kBAAA,IAACC,EAAA,MAAA,CACC,KAAAT,EACA,MAAAC,EACA,WAAAC,EACA,OACEM,EAAA,kBAAA,IAACE,EAAA,CACC,SAAAL,EACA,QAAS,SAAY,CACC,MAAMM,EAAAA,oBAAoBV,EAAOE,CAAO,IAG5DG,EAAU,EAAI,EACFF,GAAA,MAAAA,IACZ,WAAW,IAAME,EAAU,EAAK,EAAG,GAAI,EACzC,CAAA,CACF,CAAA,CAAA,CAIR,CAEA,MAAMI,EAAa,CAAC,CAAE,SAAAL,EAAU,QAAAO,KAE3BJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAoC,QAAAI,EACjD,SAAAC,EAAA,kBAAA,KAAC,SAAA,CACC,cAAY,cACZ,UAAWC,EAAA,IACT,0BACAT,GAAY,iCACd,EAEA,SAAA,CAAAQ,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,cAER,SAAA,CAAAL,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,eACL,EAAE,kGAAA,CACJ,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,eACL,EAAE,oHAAA,CACJ,CAAA,CAAA,CACF,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWM,EAAA,IACT,+BACAT,GAAY,sCACd,EAEC,WAAW,UAAY,MAAA,CAC1B,CAAA,CAAA,CAEJ,CAAA,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as t } from "../../../node_modules/react/jsx-runtime.es.js";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { copyTextToClipboard as
|
|
4
|
-
import { Input as
|
|
2
|
+
import { useState as u } from "react";
|
|
3
|
+
import { copyTextToClipboard as c } from "../../../utils/copy.es.js";
|
|
4
|
+
import { Input as x } from "../BaseInput/Input.es.js";
|
|
5
5
|
/* empty css */
|
|
6
6
|
import { csx as e } from "../../../utils/string.es.js";
|
|
7
7
|
function b({
|
|
@@ -9,28 +9,28 @@ function b({
|
|
|
9
9
|
value: p,
|
|
10
10
|
isDisabled: s,
|
|
11
11
|
onError: i,
|
|
12
|
-
onSuccess:
|
|
12
|
+
onSuccess: r
|
|
13
13
|
}) {
|
|
14
|
-
const [a,
|
|
14
|
+
const [a, n] = u(!1);
|
|
15
15
|
return /* @__PURE__ */ t.jsx(
|
|
16
|
-
|
|
16
|
+
x,
|
|
17
17
|
{
|
|
18
18
|
name: o,
|
|
19
19
|
value: p,
|
|
20
20
|
isDisabled: s,
|
|
21
21
|
suffix: /* @__PURE__ */ t.jsx(
|
|
22
|
-
|
|
22
|
+
l,
|
|
23
23
|
{
|
|
24
24
|
isCopied: a,
|
|
25
25
|
onClick: async () => {
|
|
26
|
-
|
|
26
|
+
await c(p, i) && (n(!0), r == null || r(), setTimeout(() => n(!1), 5e3));
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
)
|
|
30
30
|
}
|
|
31
31
|
);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
33
|
+
const l = ({ isCopied: o, onClick: p }) => /* @__PURE__ */ t.jsx("div", { className: "proton-CopyInput-button-container", onClick: p, children: /* @__PURE__ */ t.jsxs(
|
|
34
34
|
"button",
|
|
35
35
|
{
|
|
36
36
|
"data-testid": "COPY_BUTTON",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyInput.es.js","sources":["../../../../src/components/Input/CopyInput/CopyInput.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { csx } from \"../../../utils\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\nimport { Input } from \"../BaseInput/Input\";\nimport \"./CopyInput.css\";\n\nexport interface CopyInputProps {\n /** The name of the input field */\n name: string;\n\n /** The value to display in the input and copy to clipboard */\n value: string;\n\n /** Whether the input is disabled */\n isDisabled?: boolean;\n\n /** Optional callback when copy fails, receives the error object */\n onError?: (error: Error) => void;\n\n /** Optional callback when copy succeeds */\n onSuccess?: () => void;\n}\n\n/**\n * Input with a button to copy value to the clipboard.\n *\n * API:\n * - {@link CopyInputProps}\n */\nexport function CopyInput({\n name,\n value,\n isDisabled,\n onError,\n onSuccess,\n}: CopyInputProps) {\n const [isCopied, setCopied] = useState(false);\n\n return (\n <Input\n name={name}\n value={value}\n isDisabled={isDisabled}\n suffix={\n <CopyButton\n isCopied={isCopied}\n onClick={async () => {\n
|
|
1
|
+
{"version":3,"file":"CopyInput.es.js","sources":["../../../../src/components/Input/CopyInput/CopyInput.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { csx } from \"../../../utils\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\nimport { Input } from \"../BaseInput/Input\";\nimport \"./CopyInput.css\";\n\nexport interface CopyInputProps {\n /** The name of the input field */\n name: string;\n\n /** The value to display in the input and copy to clipboard */\n value: string;\n\n /** Whether the input is disabled */\n isDisabled?: boolean;\n\n /** Optional callback when copy fails, receives the error object */\n onError?: (error: Error) => void;\n\n /** Optional callback when copy succeeds */\n onSuccess?: () => void;\n}\n\n/**\n * Input with a button to copy value to the clipboard.\n *\n * API:\n * - {@link CopyInputProps}\n */\nexport function CopyInput({\n name,\n value,\n isDisabled,\n onError,\n onSuccess,\n}: CopyInputProps) {\n const [isCopied, setCopied] = useState(false);\n\n return (\n <Input\n name={name}\n value={value}\n isDisabled={isDisabled}\n suffix={\n <CopyButton\n isCopied={isCopied}\n onClick={async () => {\n const copySuccess = await copyTextToClipboard(value, onError);\n if (!copySuccess) return;\n\n setCopied(true);\n onSuccess?.();\n setTimeout(() => setCopied(false), 5000);\n }}\n />\n }\n />\n );\n}\n\nconst CopyButton = ({ isCopied, onClick }) => {\n return (\n <div className=\"proton-CopyInput-button-container\" onClick={onClick}>\n <button\n data-testid=\"COPY_BUTTON\"\n className={csx(\n \"proton-CopyInput-button\",\n isCopied && \"proton-CopyInput-button--copied\"\n )}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 512 512\"\n >\n <path\n fill=\"currentColor\"\n d=\"M408 480H184a72 72 0 0 1-72-72V184a72 72 0 0 1 72-72h224a72 72 0 0 1 72 72v224a72 72 0 0 1-72 72\"\n />\n <path\n fill=\"currentColor\"\n d=\"M160 80h235.88A72.12 72.12 0 0 0 328 32H104a72 72 0 0 0-72 72v224a72.12 72.12 0 0 0 48 67.88V160a80 80 0 0 1 80-80\"\n />\n </svg>\n <span\n className={csx(\n \"proton-CopyInput-button-text\",\n isCopied && \"proton-CopyInput-button-text--copied\"\n )}\n >\n {isCopied ? \"Copied!\" : \"Copy\"}\n </span>\n </button>\n </div>\n );\n};\n"],"names":["CopyInput","name","value","isDisabled","onError","onSuccess","isCopied","setCopied","useState","jsx","Input","CopyButton","copyTextToClipboard","onClick","jsxs","csx"],"mappings":";;;;;;AA6BO,SAASA,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAM,CAACC,GAAUC,CAAS,IAAIC,EAAS,EAAK;AAG1C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAT;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QACEM,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAAL;AAAA,UACA,SAAS,YAAY;AAEnB,YADoB,MAAMM,EAAoBV,GAAOE,CAAO,MAG5DG,EAAU,EAAI,GACFF,KAAA,QAAAA,KACZ,WAAW,MAAME,EAAU,EAAK,GAAG,GAAI;AAAA,UACzC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,MAAMI,IAAa,CAAC,EAAE,UAAAL,GAAU,SAAAO,QAE3BJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAoC,SAAAI,GACjD,UAAAC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAWC;AAAA,MACT;AAAA,MACAT,KAAY;AAAA,IACd;AAAA,IAEA,UAAA;AAAA,MAAAQ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UAER,UAAA;AAAA,YAAAL,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,GAAE;AAAA,cAAA;AAAA,YACJ;AAAA,YACAA,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,GAAE;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWM;AAAA,YACT;AAAA,YACAT,KAAY;AAAA,UACd;AAAA,UAEC,cAAW,YAAY;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAAA;AAEJ,EAAA,CAAA;"}
|
package/dist/utils/copy.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=async(o,c)=>{let e=!1;if(navigator.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(o),e=!0}catch{e=!1}if(!e)try{e=i(o)}catch(t){const r="Failed to copy to clipboard";c?c(new Error(r)):console.error(r,t)}if(!e){const t="Failed to copy to clipboard";c?c(new Error(t)):console.error(t)}return e},i=(o,{target:c=document.body}={})=>{if(typeof o!="string")throw new TypeError(`Expected parameter \`text\` to be a \`string\`, got \`${typeof o}\`.`);const e=document.createElement("textarea"),t=document.activeElement;e.value=o,e.setAttribute("readonly",""),e.style.contain="strict",e.style.position="absolute",e.style.left="-9999px",e.style.fontSize="12pt";const r=document.getSelection(),n=r.rangeCount>0&&r.getRangeAt(0);c.append(e),e.select(),e.selectionStart=0,e.selectionEnd=o.length;let a=!1;try{a=document.execCommand("copy")}catch{}return e.remove(),n&&(r.removeAllRanges(),r.addRange(n)),t instanceof HTMLElement&&t.focus(),a};exports.copyTextToClipboard=s;
|
|
2
2
|
//# sourceMappingURL=copy.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"copy.cjs.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n text: string,\n onError?: (error: Error) => void\n): Promise<boolean> => {\n let copySuccess = false;\n\n const onErrorCallback = (error: Error) => {\n const errorMessage =\n error instanceof Error ? error.message : \"Failed to copy to clipboard\";\n\n console.error(errorMessage);\n onError?.(new Error(errorMessage));\n };\n\n // Check if clipboard API is available\n // Note: navigator.clipboard may be undefined in non-secure contexts (non-HTTPS)\n const isClipboardAvailable =\n typeof navigator !== \"undefined\" &&\n navigator.clipboard &&\n typeof navigator.clipboard.writeText === \"function\";\n\n if (isClipboardAvailable) {\n console.log(\"clipboard API IS available, using clipboard API\", {\n navigator,\n });\n try {\n await navigator.clipboard.writeText(text);\n copySuccess = true;\n } catch (error) {\n // If clipboard API fails, try fallback\n\n console.log(\"clipboard API failed, trying fallback\", { error });\n try {\n copySuccess = DEPRECATED_copyTextToClipboard(text);\n\n if (!copySuccess) {\n console.log(\"fallback unsuccessful, calling onErrorCallback\", {\n error,\n });\n onErrorCallback(error);\n }\n } catch (fallbackError) {\n console.log(\"fallback errored, calling onErrorCallback\", {\n fallbackError,\n });\n onErrorCallback(fallbackError);\n }\n }\n } else {\n // Use fallback method when clipboard API is not available\n\n console.log(\"clipboard API NOT available, using fallback\");\n try {\n copySuccess = DEPRECATED_copyTextToClipboard(text);\n console.log(\"fallback result\", { copySuccess, text });\n if (!copySuccess) {\n console.log(\"fallback unsuccessful, calling onErrorCallback\", {\n copySuccess,\n });\n onErrorCallback(\n new Error(\n \"Failed to copy to clipboard: Clipboard API not available and fallback method failed\"\n )\n );\n } else {\n console.log(\"fallback successful - copy should have worked\");\n // Note: In some contexts (iframes, cross-origin), execCommand may return true\n // but the copy may still be blocked by the browser. There's no reliable way to verify.\n }\n } catch (error) {\n console.log(\"fallback errored, calling onErrorCallback\", { error });\n onErrorCallback(error);\n }\n }\n\n console.log(\"copyTextToClipboard final result\", { copySuccess });\n return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n text,\n { target = document.body } = {}\n) => {\n if (typeof text !== \"string\") {\n throw new TypeError(\n `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n );\n }\n\n // Check if execCommand is available\n if (!document.execCommand) {\n console.error(\"document.execCommand is not available\");\n return false;\n }\n\n const element = document.createElement(\"textarea\");\n const previouslyFocusedElement = document.activeElement;\n\n element.value = text;\n\n // IMPORTANT: Always append to document.body, not the target\n // This ensures the element is in the active document, which is required\n // for execCommand to work, especially when inside portals/modals\n const container = document.body;\n\n // Style the element to be invisible but still \"visible\" to the browser\n // Some browsers require the element to be in the render tree and \"visible\"\n element.style.position = \"fixed\";\n element.style.top = \"0\";\n element.style.left = \"0\";\n element.style.width = \"2px\";\n element.style.height = \"2px\";\n element.style.padding = \"0\";\n element.style.border = \"none\";\n element.style.margin = \"0\";\n element.style.outline = \"none\";\n element.style.boxShadow = \"none\";\n element.style.background = \"transparent\";\n element.style.opacity = \"0\";\n element.style.zIndex = \"-1\";\n element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n element.setAttribute(\"readonly\", \"\");\n element.setAttribute(\"tabindex\", \"-1\");\n element.setAttribute(\"aria-hidden\", \"true\");\n\n const selection = document.getSelection();\n const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\n\n // Append to document.body (critical for Modal/Portal contexts)\n container.appendChild(element);\n\n // Focus and select - must happen synchronously within user activation\n element.focus();\n element.select();\n\n // Explicit selection workaround for iOS\n try {\n if (element.setSelectionRange) {\n element.setSelectionRange(0, text.length);\n }\n } catch (e) {\n // setSelectionRange may fail, but that's okay\n console.log(\"setSelectionRange failed (non-critical)\", e);\n }\n\n let isSuccess = false;\n let execCommandError = null;\n\n try {\n // Verify selection before attempting copy\n const isSelected =\n element.selectionStart === 0 && element.selectionEnd === text.length;\n\n console.log(\"element selection state before execCommand\", {\n isSelected,\n selectionStart: element.selectionStart,\n selectionEnd: element.selectionEnd,\n textLength: text.length,\n isConnected: element.isConnected,\n ownerDocument: element.ownerDocument === document,\n });\n\n // If not properly selected, try one more time\n if (!isSelected && text.length > 0) {\n element.focus();\n element.select();\n if (element.setSelectionRange) {\n element.setSelectionRange(0, text.length);\n }\n }\n\n // Execute copy command\n isSuccess = document.execCommand(\"copy\");\n\n console.log(\"document.execCommand('copy') result\", {\n isSuccess,\n textLength: text.length,\n });\n\n if (!isSuccess) {\n console.warn(\"execCommand returned false - copy failed\");\n }\n } catch (error) {\n execCommandError = error;\n console.error(\"document.execCommand('copy') threw an error\", error);\n }\n\n // Clean up immediately\n element.remove();\n\n // Restore original selection\n if (originalRange) {\n selection.removeAllRanges();\n selection.addRange(originalRange);\n }\n\n // Restore focus to previously focused element\n // Use setTimeout to avoid focus conflicts with Modal's FocusScope\n if (previouslyFocusedElement instanceof HTMLElement) {\n // Small delay to let the Modal's focus management settle\n setTimeout(() => {\n try {\n previouslyFocusedElement.focus();\n } catch (e) {\n // Focus might fail if element is no longer in DOM, that's okay\n console.log(\"Could not restore focus (non-critical)\", e);\n }\n }, 0);\n }\n\n if (execCommandError) {\n console.error(\"execCommand error\", execCommandError);\n return false;\n }\n\n return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","onErrorCallback","error","errorMessage","DEPRECATED_copyTextToClipboard","fallbackError","target","element","previouslyFocusedElement","container","selection","originalRange","e","isSuccess","execCommandError","isSelected"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"copy.cjs.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n text: string,\n onError?: (error: Error) => void\n): Promise<boolean> => {\n let copySuccess = false;\n\n // Try modern Clipboard API first\n if (navigator.clipboard && navigator.clipboard.writeText) {\n try {\n await navigator.clipboard.writeText(text);\n copySuccess = true;\n } catch (error) {\n // Clipboard API failed (likely due to security restrictions or broken user gesture chain)\n // Fall through to deprecated method\n copySuccess = false;\n }\n }\n\n // Fallback to deprecated method if modern API failed or doesn't exist\n // This is important because the deprecated method works better when user gesture chain is broken\n // (e.g., when focus is programmatically changed by modals, focus management, etc.)\n if (!copySuccess) {\n try {\n copySuccess = DEPRECATED_copyTextToClipboard(text);\n } catch (error) {\n // Deprecated method also failed\n const errorMessage = \"Failed to copy to clipboard\";\n if (onError) {\n onError(new Error(errorMessage));\n } else {\n console.error(errorMessage, error);\n }\n }\n }\n\n if (!copySuccess) {\n const errorMessage = \"Failed to copy to clipboard\";\n if (onError) {\n onError(new Error(errorMessage));\n } else {\n console.error(errorMessage);\n }\n }\n\n return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n text,\n { target = document.body } = {}\n) => {\n if (typeof text !== \"string\") {\n throw new TypeError(\n `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n );\n }\n\n const element = document.createElement(\"textarea\");\n const previouslyFocusedElement = document.activeElement;\n\n element.value = text;\n\n // Prevent keyboard from showing on mobile\n element.setAttribute(\"readonly\", \"\");\n\n element.style.contain = \"strict\";\n element.style.position = \"absolute\";\n element.style.left = \"-9999px\";\n element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n\n const selection = document.getSelection();\n const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\n\n target.append(element);\n element.select();\n\n // Explicit selection workaround for iOS\n element.selectionStart = 0;\n element.selectionEnd = text.length;\n\n let isSuccess = false;\n try {\n isSuccess = document.execCommand(\"copy\");\n } catch {}\n\n element.remove();\n\n if (originalRange) {\n selection.removeAllRanges();\n selection.addRange(originalRange);\n }\n\n // Get the focus back on the previously focused element, if any\n if (previouslyFocusedElement instanceof HTMLElement) {\n previouslyFocusedElement.focus();\n }\n\n return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","DEPRECATED_copyTextToClipboard","error","errorMessage","target","element","previouslyFocusedElement","selection","originalRange","isSuccess"],"mappings":"gFAAa,MAAAA,EAAsB,MACjCC,EACAC,IACqB,CACrB,IAAIC,EAAc,GAGlB,GAAI,UAAU,WAAa,UAAU,UAAU,UACzC,GAAA,CACI,MAAA,UAAU,UAAU,UAAUF,CAAI,EAC1BE,EAAA,QACA,CAGAA,EAAA,EAChB,CAMF,GAAI,CAACA,EACC,GAAA,CACFA,EAAcC,EAA+BH,CAAI,QAC1CI,EAAO,CAEd,MAAMC,EAAe,8BACjBJ,EACMA,EAAA,IAAI,MAAMI,CAAY,CAAC,EAEvB,QAAA,MAAMA,EAAcD,CAAK,CAErC,CAGF,GAAI,CAACF,EAAa,CAChB,MAAMG,EAAe,8BACjBJ,EACMA,EAAA,IAAI,MAAMI,CAAY,CAAC,EAE/B,QAAQ,MAAMA,CAAY,CAE9B,CAEO,OAAAH,CACT,EAOMC,EAAiC,CACrCH,EACA,CAAE,OAAAM,EAAS,SAAS,IAAS,EAAA,KAC1B,CACC,GAAA,OAAON,GAAS,SAClB,MAAM,IAAI,UACR,yDAAyD,OAAOA,CAAI,KAAA,EAIlE,MAAAO,EAAU,SAAS,cAAc,UAAU,EAC3CC,EAA2B,SAAS,cAE1CD,EAAQ,MAAQP,EAGRO,EAAA,aAAa,WAAY,EAAE,EAEnCA,EAAQ,MAAM,QAAU,SACxBA,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,KAAO,UACrBA,EAAQ,MAAM,SAAW,OAEnB,MAAAE,EAAY,SAAS,eACrBC,EAAgBD,EAAU,WAAa,GAAKA,EAAU,WAAW,CAAC,EAExEH,EAAO,OAAOC,CAAO,EACrBA,EAAQ,OAAO,EAGfA,EAAQ,eAAiB,EACzBA,EAAQ,aAAeP,EAAK,OAE5B,IAAIW,EAAY,GACZ,GAAA,CACUA,EAAA,SAAS,YAAY,MAAM,CAAA,MACjC,CAAC,CAET,OAAAJ,EAAQ,OAAO,EAEXG,IACFD,EAAU,gBAAgB,EAC1BA,EAAU,SAASC,CAAa,GAI9BF,aAAoC,aACtCA,EAAyB,MAAM,EAG1BG,CACT"}
|
package/dist/utils/copy.es.js
CHANGED
|
@@ -1,86 +1,40 @@
|
|
|
1
|
-
const
|
|
1
|
+
const i = async (o, c) => {
|
|
2
2
|
let e = !1;
|
|
3
|
-
|
|
4
|
-
const n = l instanceof Error ? l.message : "Failed to copy to clipboard";
|
|
5
|
-
console.error(n), c == null || c(new Error(n));
|
|
6
|
-
};
|
|
7
|
-
if (typeof navigator < "u" && navigator.clipboard && typeof navigator.clipboard.writeText == "function") {
|
|
8
|
-
console.log("clipboard API IS available, using clipboard API", {
|
|
9
|
-
navigator
|
|
10
|
-
});
|
|
3
|
+
if (navigator.clipboard && navigator.clipboard.writeText)
|
|
11
4
|
try {
|
|
12
5
|
await navigator.clipboard.writeText(o), e = !0;
|
|
13
|
-
} catch
|
|
14
|
-
|
|
15
|
-
try {
|
|
16
|
-
e = d(o), e || (console.log("fallback unsuccessful, calling onErrorCallback", {
|
|
17
|
-
error: l
|
|
18
|
-
}), a(l));
|
|
19
|
-
} catch (n) {
|
|
20
|
-
console.log("fallback errored, calling onErrorCallback", {
|
|
21
|
-
fallbackError: n
|
|
22
|
-
}), a(n);
|
|
23
|
-
}
|
|
6
|
+
} catch {
|
|
7
|
+
e = !1;
|
|
24
8
|
}
|
|
25
|
-
|
|
26
|
-
console.log("clipboard API NOT available, using fallback");
|
|
9
|
+
if (!e)
|
|
27
10
|
try {
|
|
28
|
-
e =
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"Failed to copy to clipboard: Clipboard API not available and fallback method failed"
|
|
33
|
-
)
|
|
34
|
-
));
|
|
35
|
-
} catch (l) {
|
|
36
|
-
console.log("fallback errored, calling onErrorCallback", { error: l }), a(l);
|
|
11
|
+
e = s(o);
|
|
12
|
+
} catch (t) {
|
|
13
|
+
const r = "Failed to copy to clipboard";
|
|
14
|
+
c ? c(new Error(r)) : console.error(r, t);
|
|
37
15
|
}
|
|
16
|
+
if (!e) {
|
|
17
|
+
const t = "Failed to copy to clipboard";
|
|
18
|
+
c ? c(new Error(t)) : console.error(t);
|
|
38
19
|
}
|
|
39
|
-
return
|
|
40
|
-
},
|
|
20
|
+
return e;
|
|
21
|
+
}, s = (o, { target: c = document.body } = {}) => {
|
|
41
22
|
if (typeof o != "string")
|
|
42
23
|
throw new TypeError(
|
|
43
24
|
`Expected parameter \`text\` to be a \`string\`, got \`${typeof o}\`.`
|
|
44
25
|
);
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
const
|
|
48
|
-
e.
|
|
49
|
-
|
|
50
|
-
e.style.position = "fixed", e.style.top = "0", e.style.left = "0", e.style.width = "2px", e.style.height = "2px", e.style.padding = "0", e.style.border = "none", e.style.margin = "0", e.style.outline = "none", e.style.boxShadow = "none", e.style.background = "transparent", e.style.opacity = "0", e.style.zIndex = "-1", e.style.fontSize = "12pt", e.setAttribute("readonly", ""), e.setAttribute("tabindex", "-1"), e.setAttribute("aria-hidden", "true");
|
|
51
|
-
const l = document.getSelection(), n = l.rangeCount > 0 && l.getRangeAt(0);
|
|
52
|
-
i.appendChild(e), e.focus(), e.select();
|
|
53
|
-
try {
|
|
54
|
-
e.setSelectionRange && e.setSelectionRange(0, o.length);
|
|
55
|
-
} catch (t) {
|
|
56
|
-
console.log("setSelectionRange failed (non-critical)", t);
|
|
57
|
-
}
|
|
58
|
-
let r = !1, s = null;
|
|
26
|
+
const e = document.createElement("textarea"), t = document.activeElement;
|
|
27
|
+
e.value = o, e.setAttribute("readonly", ""), e.style.contain = "strict", e.style.position = "absolute", e.style.left = "-9999px", e.style.fontSize = "12pt";
|
|
28
|
+
const r = document.getSelection(), n = r.rangeCount > 0 && r.getRangeAt(0);
|
|
29
|
+
c.append(e), e.select(), e.selectionStart = 0, e.selectionEnd = o.length;
|
|
30
|
+
let a = !1;
|
|
59
31
|
try {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
isSelected: t,
|
|
63
|
-
selectionStart: e.selectionStart,
|
|
64
|
-
selectionEnd: e.selectionEnd,
|
|
65
|
-
textLength: o.length,
|
|
66
|
-
isConnected: e.isConnected,
|
|
67
|
-
ownerDocument: e.ownerDocument === document
|
|
68
|
-
}), !t && o.length > 0 && (e.focus(), e.select(), e.setSelectionRange && e.setSelectionRange(0, o.length)), r = document.execCommand("copy"), console.log("document.execCommand('copy') result", {
|
|
69
|
-
isSuccess: r,
|
|
70
|
-
textLength: o.length
|
|
71
|
-
}), r || console.warn("execCommand returned false - copy failed");
|
|
72
|
-
} catch (t) {
|
|
73
|
-
s = t, console.error("document.execCommand('copy') threw an error", t);
|
|
32
|
+
a = document.execCommand("copy");
|
|
33
|
+
} catch {
|
|
74
34
|
}
|
|
75
|
-
return e.remove(), n && (
|
|
76
|
-
try {
|
|
77
|
-
a.focus();
|
|
78
|
-
} catch (t) {
|
|
79
|
-
console.log("Could not restore focus (non-critical)", t);
|
|
80
|
-
}
|
|
81
|
-
}, 0), s ? (console.error("execCommand error", s), !1) : r;
|
|
35
|
+
return e.remove(), n && (r.removeAllRanges(), r.addRange(n)), t instanceof HTMLElement && t.focus(), a;
|
|
82
36
|
};
|
|
83
37
|
export {
|
|
84
|
-
|
|
38
|
+
i as copyTextToClipboard
|
|
85
39
|
};
|
|
86
40
|
//# sourceMappingURL=copy.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"copy.es.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n text: string,\n onError?: (error: Error) => void\n): Promise<boolean> => {\n let copySuccess = false;\n\n const onErrorCallback = (error: Error) => {\n const errorMessage =\n error instanceof Error ? error.message : \"Failed to copy to clipboard\";\n\n console.error(errorMessage);\n onError?.(new Error(errorMessage));\n };\n\n // Check if clipboard API is available\n // Note: navigator.clipboard may be undefined in non-secure contexts (non-HTTPS)\n const isClipboardAvailable =\n typeof navigator !== \"undefined\" &&\n navigator.clipboard &&\n typeof navigator.clipboard.writeText === \"function\";\n\n if (isClipboardAvailable) {\n console.log(\"clipboard API IS available, using clipboard API\", {\n navigator,\n });\n try {\n await navigator.clipboard.writeText(text);\n copySuccess = true;\n } catch (error) {\n // If clipboard API fails, try fallback\n\n console.log(\"clipboard API failed, trying fallback\", { error });\n try {\n copySuccess = DEPRECATED_copyTextToClipboard(text);\n\n if (!copySuccess) {\n console.log(\"fallback unsuccessful, calling onErrorCallback\", {\n error,\n });\n onErrorCallback(error);\n }\n } catch (fallbackError) {\n console.log(\"fallback errored, calling onErrorCallback\", {\n fallbackError,\n });\n onErrorCallback(fallbackError);\n }\n }\n } else {\n // Use fallback method when clipboard API is not available\n\n console.log(\"clipboard API NOT available, using fallback\");\n try {\n copySuccess = DEPRECATED_copyTextToClipboard(text);\n console.log(\"fallback result\", { copySuccess, text });\n if (!copySuccess) {\n console.log(\"fallback unsuccessful, calling onErrorCallback\", {\n copySuccess,\n });\n onErrorCallback(\n new Error(\n \"Failed to copy to clipboard: Clipboard API not available and fallback method failed\"\n )\n );\n } else {\n console.log(\"fallback successful - copy should have worked\");\n // Note: In some contexts (iframes, cross-origin), execCommand may return true\n // but the copy may still be blocked by the browser. There's no reliable way to verify.\n }\n } catch (error) {\n console.log(\"fallback errored, calling onErrorCallback\", { error });\n onErrorCallback(error);\n }\n }\n\n console.log(\"copyTextToClipboard final result\", { copySuccess });\n return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n text,\n { target = document.body } = {}\n) => {\n if (typeof text !== \"string\") {\n throw new TypeError(\n `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n );\n }\n\n // Check if execCommand is available\n if (!document.execCommand) {\n console.error(\"document.execCommand is not available\");\n return false;\n }\n\n const element = document.createElement(\"textarea\");\n const previouslyFocusedElement = document.activeElement;\n\n element.value = text;\n\n // IMPORTANT: Always append to document.body, not the target\n // This ensures the element is in the active document, which is required\n // for execCommand to work, especially when inside portals/modals\n const container = document.body;\n\n // Style the element to be invisible but still \"visible\" to the browser\n // Some browsers require the element to be in the render tree and \"visible\"\n element.style.position = \"fixed\";\n element.style.top = \"0\";\n element.style.left = \"0\";\n element.style.width = \"2px\";\n element.style.height = \"2px\";\n element.style.padding = \"0\";\n element.style.border = \"none\";\n element.style.margin = \"0\";\n element.style.outline = \"none\";\n element.style.boxShadow = \"none\";\n element.style.background = \"transparent\";\n element.style.opacity = \"0\";\n element.style.zIndex = \"-1\";\n element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n element.setAttribute(\"readonly\", \"\");\n element.setAttribute(\"tabindex\", \"-1\");\n element.setAttribute(\"aria-hidden\", \"true\");\n\n const selection = document.getSelection();\n const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\n\n // Append to document.body (critical for Modal/Portal contexts)\n container.appendChild(element);\n\n // Focus and select - must happen synchronously within user activation\n element.focus();\n element.select();\n\n // Explicit selection workaround for iOS\n try {\n if (element.setSelectionRange) {\n element.setSelectionRange(0, text.length);\n }\n } catch (e) {\n // setSelectionRange may fail, but that's okay\n console.log(\"setSelectionRange failed (non-critical)\", e);\n }\n\n let isSuccess = false;\n let execCommandError = null;\n\n try {\n // Verify selection before attempting copy\n const isSelected =\n element.selectionStart === 0 && element.selectionEnd === text.length;\n\n console.log(\"element selection state before execCommand\", {\n isSelected,\n selectionStart: element.selectionStart,\n selectionEnd: element.selectionEnd,\n textLength: text.length,\n isConnected: element.isConnected,\n ownerDocument: element.ownerDocument === document,\n });\n\n // If not properly selected, try one more time\n if (!isSelected && text.length > 0) {\n element.focus();\n element.select();\n if (element.setSelectionRange) {\n element.setSelectionRange(0, text.length);\n }\n }\n\n // Execute copy command\n isSuccess = document.execCommand(\"copy\");\n\n console.log(\"document.execCommand('copy') result\", {\n isSuccess,\n textLength: text.length,\n });\n\n if (!isSuccess) {\n console.warn(\"execCommand returned false - copy failed\");\n }\n } catch (error) {\n execCommandError = error;\n console.error(\"document.execCommand('copy') threw an error\", error);\n }\n\n // Clean up immediately\n element.remove();\n\n // Restore original selection\n if (originalRange) {\n selection.removeAllRanges();\n selection.addRange(originalRange);\n }\n\n // Restore focus to previously focused element\n // Use setTimeout to avoid focus conflicts with Modal's FocusScope\n if (previouslyFocusedElement instanceof HTMLElement) {\n // Small delay to let the Modal's focus management settle\n setTimeout(() => {\n try {\n previouslyFocusedElement.focus();\n } catch (e) {\n // Focus might fail if element is no longer in DOM, that's okay\n console.log(\"Could not restore focus (non-critical)\", e);\n }\n }, 0);\n }\n\n if (execCommandError) {\n console.error(\"execCommand error\", execCommandError);\n return false;\n }\n\n return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","onErrorCallback","error","errorMessage","DEPRECATED_copyTextToClipboard","fallbackError","target","element","previouslyFocusedElement","container","selection","originalRange","e","isSuccess","execCommandError","isSelected"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"copy.es.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n text: string,\n onError?: (error: Error) => void\n): Promise<boolean> => {\n let copySuccess = false;\n\n // Try modern Clipboard API first\n if (navigator.clipboard && navigator.clipboard.writeText) {\n try {\n await navigator.clipboard.writeText(text);\n copySuccess = true;\n } catch (error) {\n // Clipboard API failed (likely due to security restrictions or broken user gesture chain)\n // Fall through to deprecated method\n copySuccess = false;\n }\n }\n\n // Fallback to deprecated method if modern API failed or doesn't exist\n // This is important because the deprecated method works better when user gesture chain is broken\n // (e.g., when focus is programmatically changed by modals, focus management, etc.)\n if (!copySuccess) {\n try {\n copySuccess = DEPRECATED_copyTextToClipboard(text);\n } catch (error) {\n // Deprecated method also failed\n const errorMessage = \"Failed to copy to clipboard\";\n if (onError) {\n onError(new Error(errorMessage));\n } else {\n console.error(errorMessage, error);\n }\n }\n }\n\n if (!copySuccess) {\n const errorMessage = \"Failed to copy to clipboard\";\n if (onError) {\n onError(new Error(errorMessage));\n } else {\n console.error(errorMessage);\n }\n }\n\n return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n text,\n { target = document.body } = {}\n) => {\n if (typeof text !== \"string\") {\n throw new TypeError(\n `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n );\n }\n\n const element = document.createElement(\"textarea\");\n const previouslyFocusedElement = document.activeElement;\n\n element.value = text;\n\n // Prevent keyboard from showing on mobile\n element.setAttribute(\"readonly\", \"\");\n\n element.style.contain = \"strict\";\n element.style.position = \"absolute\";\n element.style.left = \"-9999px\";\n element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n\n const selection = document.getSelection();\n const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\n\n target.append(element);\n element.select();\n\n // Explicit selection workaround for iOS\n element.selectionStart = 0;\n element.selectionEnd = text.length;\n\n let isSuccess = false;\n try {\n isSuccess = document.execCommand(\"copy\");\n } catch {}\n\n element.remove();\n\n if (originalRange) {\n selection.removeAllRanges();\n selection.addRange(originalRange);\n }\n\n // Get the focus back on the previously focused element, if any\n if (previouslyFocusedElement instanceof HTMLElement) {\n previouslyFocusedElement.focus();\n }\n\n return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","DEPRECATED_copyTextToClipboard","error","errorMessage","target","element","previouslyFocusedElement","selection","originalRange","isSuccess"],"mappings":"AAAa,MAAAA,IAAsB,OACjCC,GACAC,MACqB;AACrB,MAAIC,IAAc;AAGlB,MAAI,UAAU,aAAa,UAAU,UAAU;AACzC,QAAA;AACI,YAAA,UAAU,UAAU,UAAUF,CAAI,GAC1BE,IAAA;AAAA,YACA;AAGA,MAAAA,IAAA;AAAA,IAChB;AAMF,MAAI,CAACA;AACC,QAAA;AACF,MAAAA,IAAcC,EAA+BH,CAAI;AAAA,aAC1CI,GAAO;AAEd,YAAMC,IAAe;AACrB,MAAIJ,IACMA,EAAA,IAAI,MAAMI,CAAY,CAAC,IAEvB,QAAA,MAAMA,GAAcD,CAAK;AAAA,IAErC;AAGF,MAAI,CAACF,GAAa;AAChB,UAAMG,IAAe;AACrB,IAAIJ,IACMA,EAAA,IAAI,MAAMI,CAAY,CAAC,IAE/B,QAAQ,MAAMA,CAAY;AAAA,EAE9B;AAEO,SAAAH;AACT,GAOMC,IAAiC,CACrCH,GACA,EAAE,QAAAM,IAAS,SAAS,KAAS,IAAA,OAC1B;AACC,MAAA,OAAON,KAAS;AAClB,UAAM,IAAI;AAAA,MACR,yDAAyD,OAAOA,CAAI;AAAA,IAAA;AAIlE,QAAAO,IAAU,SAAS,cAAc,UAAU,GAC3CC,IAA2B,SAAS;AAE1C,EAAAD,EAAQ,QAAQP,GAGRO,EAAA,aAAa,YAAY,EAAE,GAEnCA,EAAQ,MAAM,UAAU,UACxBA,EAAQ,MAAM,WAAW,YACzBA,EAAQ,MAAM,OAAO,WACrBA,EAAQ,MAAM,WAAW;AAEnB,QAAAE,IAAY,SAAS,gBACrBC,IAAgBD,EAAU,aAAa,KAAKA,EAAU,WAAW,CAAC;AAExE,EAAAH,EAAO,OAAOC,CAAO,GACrBA,EAAQ,OAAO,GAGfA,EAAQ,iBAAiB,GACzBA,EAAQ,eAAeP,EAAK;AAE5B,MAAIW,IAAY;AACZ,MAAA;AACU,IAAAA,IAAA,SAAS,YAAY,MAAM;AAAA,EAAA,QACjC;AAAA,EAAC;AAET,SAAAJ,EAAQ,OAAO,GAEXG,MACFD,EAAU,gBAAgB,GAC1BA,EAAU,SAASC,CAAa,IAI9BF,aAAoC,eACtCA,EAAyB,MAAM,GAG1BG;AACT;"}
|